@zanichelli/albe-web-components 9.3.0-rc1 → 10.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/index-e3299e0a.js +16 -20
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-header_11.cjs.entry.js +1056 -0
- package/dist/cjs/z-book-card.cjs.entry.js +5 -1
- package/dist/cjs/z-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +477 -0
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +1016 -0
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +4 -4
- package/dist/cjs/z-navigation-tab.cjs.entry.js +4 -4
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +36 -44
- package/dist/cjs/z-panel-elem.cjs.entry.js +6 -2
- package/dist/cjs/z-select.cjs.entry.js +333 -0
- package/dist/cjs/z-skip-to-content.cjs.entry.js +10 -2
- package/dist/collection/collection-manifest.json +1 -4
- package/dist/collection/components/modal/z-modal/styles.css +2 -6
- package/dist/collection/components/navigation/tabs/navigation-tab.css +2 -1
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +19 -8
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +19 -8
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +35 -43
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.stories.js +11 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +2 -2
- package/dist/collection/components/panel/z-panel-elem/index.js +6 -2
- package/dist/collection/components/panel/z-panel-elem/styles.css +9 -2
- package/dist/collection/components/z-book-card/index.js +23 -1
- package/dist/collection/components/z-breadcrumb/index.js +1 -1
- package/dist/collection/components/z-skip-to-content/index.js +9 -1
- package/dist/collection/components/z-skip-to-content/styles.css +18 -17
- package/dist/esm/{index-8528dee0.js → index-1b2e3e53.js} +1 -1
- package/dist/esm/index-a2ca4b97.js +16 -20
- package/dist/esm/{index-5b83b0b1.js → index-d3dfe710.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-6c83dfcb.js → utils-4d2d99d9.js} +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-header_11.entry.js +1042 -0
- package/dist/esm/z-book-card.entry.js +6 -2
- package/dist/esm/z-breadcrumb.entry.js +2 -2
- package/dist/esm/z-chip.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +473 -0
- package/dist/esm/z-dragdrop-area_2.entry.js +1011 -0
- package/dist/esm/z-file-upload.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +1 -1
- package/dist/esm/z-navigation-tab-link.entry.js +5 -5
- package/dist/esm/z-navigation-tab.entry.js +5 -5
- package/dist/esm/z-navigation-tabs.entry.js +36 -44
- package/dist/esm/z-panel-elem.entry.js +6 -2
- package/dist/esm/z-pocket_3.entry.js +1 -1
- package/dist/esm/z-select.entry.js +329 -0
- package/dist/esm/z-skip-to-content.entry.js +11 -3
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-table-deprecated.entry.js +2 -2
- package/dist/esm/z-table-header.entry.js +2 -2
- package/dist/esm/z-table.entry.js +2 -2
- package/dist/esm/z-toggle-switch.entry.js +1 -1
- package/dist/esm/z-tr.entry.js +2 -2
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +11 -5
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +11 -7
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +4 -4
- package/dist/types/components/z-book-card/index.d.ts +4 -0
- package/dist/types/components.d.ts +28 -120
- package/dist/types/{components/navigation → deprecated}/z-link/index.d.ts +1 -1
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/p-06d2f371.entry.js +1 -0
- package/dist/web-components-library/p-09be4e46.entry.js +1 -0
- package/dist/web-components-library/p-113762ff.entry.js +1 -0
- package/dist/web-components-library/p-1976afea.entry.js +1 -0
- package/dist/web-components-library/{p-7eb6d043.entry.js → p-1cbd8a5f.entry.js} +1 -1
- package/dist/web-components-library/{p-c99acff4.entry.js → p-2d0ac109.entry.js} +1 -1
- package/dist/web-components-library/p-2d600a28.entry.js +1 -0
- package/dist/web-components-library/{p-dca0db1b.entry.js → p-2f013f10.entry.js} +1 -1
- package/dist/web-components-library/p-36487afc.entry.js +1 -0
- package/dist/web-components-library/{p-13ac8bd3.entry.js → p-37e8194f.entry.js} +1 -1
- package/dist/web-components-library/p-386bdb7f.entry.js +1 -0
- package/dist/web-components-library/p-3e61bad0.entry.js +1 -0
- package/dist/web-components-library/{p-327b7b79.js → p-65dd23d7.js} +1 -1
- package/dist/web-components-library/{p-b3093245.entry.js → p-69bde29c.entry.js} +1 -1
- package/dist/web-components-library/p-6b6453ba.entry.js +1 -0
- package/dist/web-components-library/{p-aa8b0c95.entry.js → p-8b2bf3b4.entry.js} +1 -1
- package/dist/web-components-library/p-9829f5bd.entry.js +16 -0
- package/dist/web-components-library/{p-432a2f5b.entry.js → p-a6a09ce6.entry.js} +1 -1
- package/{www/build/p-7f43e400.entry.js → dist/web-components-library/p-c1f20cec.entry.js} +1 -1
- package/dist/web-components-library/p-c97d133c.entry.js +1 -0
- package/dist/web-components-library/{p-c8bd65d9.entry.js → p-cb07de86.entry.js} +1 -1
- package/dist/web-components-library/{p-eb9fa72b.js → p-d7668580.js} +1 -1
- package/dist/web-components-library/p-dd17b462.entry.js +1 -0
- package/dist/web-components-library/{p-91447194.js → p-dd3e0b4e.js} +1 -1
- package/dist/web-components-library/p-f5b5f897.entry.js +1 -0
- package/dist/web-components-library/p-fef8f2e1.entry.js +1 -0
- package/dist/web-components-library/web-components-library.css +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +2 -2
- package/react/components.d.ts +0 -3
- package/react/components.js +2 -5
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/p-06d2f371.entry.js +1 -0
- package/www/build/p-09be4e46.entry.js +1 -0
- package/www/build/p-113762ff.entry.js +1 -0
- package/www/build/p-1976afea.entry.js +1 -0
- package/www/build/{p-7eb6d043.entry.js → p-1cbd8a5f.entry.js} +1 -1
- package/www/build/{p-c99acff4.entry.js → p-2d0ac109.entry.js} +1 -1
- package/www/build/p-2d600a28.entry.js +1 -0
- package/www/build/{p-dca0db1b.entry.js → p-2f013f10.entry.js} +1 -1
- package/www/build/p-36487afc.entry.js +1 -0
- package/www/build/{p-13ac8bd3.entry.js → p-37e8194f.entry.js} +1 -1
- package/www/build/p-386bdb7f.entry.js +1 -0
- package/www/build/p-3e61bad0.entry.js +1 -0
- package/www/build/{p-327b7b79.js → p-65dd23d7.js} +1 -1
- package/www/build/{p-b3093245.entry.js → p-69bde29c.entry.js} +1 -1
- package/www/build/p-6b6453ba.entry.js +1 -0
- package/www/build/{p-aa8b0c95.entry.js → p-8b2bf3b4.entry.js} +1 -1
- package/www/build/p-9829f5bd.entry.js +16 -0
- package/www/build/{p-432a2f5b.entry.js → p-a6a09ce6.entry.js} +1 -1
- package/www/build/p-ac088d9a.css +2 -0
- package/{dist/web-components-library/p-7f43e400.entry.js → www/build/p-c1f20cec.entry.js} +1 -1
- package/www/build/p-c97d133c.entry.js +1 -0
- package/www/build/{p-c8bd65d9.entry.js → p-cb07de86.entry.js} +1 -1
- package/www/build/{p-eb9fa72b.js → p-d7668580.js} +1 -1
- package/www/build/p-d8829c48.js +1 -0
- package/www/build/p-dd17b462.entry.js +1 -0
- package/www/build/{p-91447194.js → p-dd3e0b4e.js} +1 -1
- package/www/build/p-f5b5f897.entry.js +1 -0
- package/www/build/p-fef8f2e1.entry.js +1 -0
- package/www/build/web-components-library.css +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -59
- package/dist/cjs/z-app-header_14.cjs.entry.js +0 -2828
- package/dist/cjs/z-body.cjs.entry.js +0 -18
- package/dist/cjs/z-dragdrop-area.cjs.entry.js +0 -37
- package/dist/cjs/z-heading.cjs.entry.js +0 -18
- package/dist/cjs/z-typography.cjs.entry.js +0 -30
- package/dist/collection/deprecated/typography/z-body/index.js +0 -68
- package/dist/collection/deprecated/typography/z-heading/index.js +0 -68
- package/dist/collection/deprecated/typography/z-typography/index.js +0 -91
- package/dist/collection/deprecated/typography/z-typography/styles.css +0 -65
- package/dist/esm/z-app-header_14.entry.js +0 -2811
- package/dist/esm/z-body.entry.js +0 -14
- package/dist/esm/z-dragdrop-area.entry.js +0 -33
- package/dist/esm/z-heading.entry.js +0 -14
- package/dist/esm/z-typography.entry.js +0 -26
- package/dist/types/deprecated/typography/z-body/index.d.ts +0 -9
- package/dist/types/deprecated/typography/z-heading/index.d.ts +0 -9
- package/dist/types/deprecated/typography/z-typography/index.d.ts +0 -11
- package/dist/web-components-library/p-052c06ac.entry.js +0 -1
- package/dist/web-components-library/p-3ee4aa12.entry.js +0 -1
- package/dist/web-components-library/p-438f017e.entry.js +0 -1
- package/dist/web-components-library/p-4423b00c.entry.js +0 -1
- package/dist/web-components-library/p-466c3c0b.entry.js +0 -1
- package/dist/web-components-library/p-52b084fb.entry.js +0 -1
- package/dist/web-components-library/p-5ac6109d.entry.js +0 -1
- package/dist/web-components-library/p-625d603e.entry.js +0 -1
- package/dist/web-components-library/p-76c2c26d.entry.js +0 -1
- package/dist/web-components-library/p-b2420056.entry.js +0 -1
- package/dist/web-components-library/p-bbeb69ae.entry.js +0 -1
- package/dist/web-components-library/p-c1de287b.entry.js +0 -1
- package/dist/web-components-library/p-d147e995.entry.js +0 -1
- package/dist/web-components-library/p-e78ce8ec.entry.js +0 -1
- package/dist/web-components-library/p-f01f4e9b.entry.js +0 -16
- package/www/build/p-052c06ac.entry.js +0 -1
- package/www/build/p-39b528a6.js +0 -129
- package/www/build/p-3ee4aa12.entry.js +0 -1
- package/www/build/p-438f017e.entry.js +0 -1
- package/www/build/p-4423b00c.entry.js +0 -1
- package/www/build/p-466c3c0b.entry.js +0 -1
- package/www/build/p-52b084fb.entry.js +0 -1
- package/www/build/p-5a0a4f69.css +0 -1653
- package/www/build/p-5ac6109d.entry.js +0 -1
- package/www/build/p-625d603e.entry.js +0 -1
- package/www/build/p-76c2c26d.entry.js +0 -1
- package/www/build/p-b2420056.entry.js +0 -1
- package/www/build/p-bbeb69ae.entry.js +0 -1
- package/www/build/p-c1de287b.entry.js +0 -1
- package/www/build/p-d147e995.entry.js +0 -1
- package/www/build/p-e78ce8ec.entry.js +0 -1
- package/www/build/p-f01f4e9b.entry.js +0 -16
- /package/dist/collection/{components/navigation → deprecated}/z-link/index.js +0 -0
- /package/dist/collection/{components/navigation → deprecated}/z-link/styles.css +0 -0
package/dist/esm/z-body.entry.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-a2ca4b97.js';
|
|
2
|
-
|
|
3
|
-
const ZBody = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
/** Font weight variant */
|
|
7
|
-
this.variant = "regular";
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ZBody as z_body };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";
|
|
4
|
-
|
|
5
|
-
const ZDragdropArea = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.fileDropped = createEvent(this, "fileDropped", 7);
|
|
9
|
-
}
|
|
10
|
-
fileDroppedHandler(files) {
|
|
11
|
-
this.fileDropped.emit(files);
|
|
12
|
-
}
|
|
13
|
-
renderOnDragOverMessage() {
|
|
14
|
-
return (h("div", { class: "dragover-container" }, h("div", { class: "dragover-message" }, h("span", { class: "body-2-sb" }, "Rilascia i file in questa area per allegarli."))));
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("div", { tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
|
|
18
|
-
e.preventDefault();
|
|
19
|
-
this.dragDropContainer.classList.add("dragover");
|
|
20
|
-
}, onDragLeave: () => {
|
|
21
|
-
this.dragDropContainer.classList.remove("dragover");
|
|
22
|
-
}, onDrop: (e) => {
|
|
23
|
-
e.preventDefault();
|
|
24
|
-
if (e.dataTransfer.files.length) {
|
|
25
|
-
this.dragDropContainer.classList.remove("dragover");
|
|
26
|
-
this.fileDroppedHandler(e.dataTransfer.files);
|
|
27
|
-
}
|
|
28
|
-
} }, this.renderOnDragOverMessage(), h("slot", null)));
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
ZDragdropArea.style = stylesCss;
|
|
32
|
-
|
|
33
|
-
export { ZDragdropArea as z_dragdrop_area };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-a2ca4b97.js';
|
|
2
|
-
|
|
3
|
-
const ZHeading = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
/** Font weight variant */
|
|
7
|
-
this.variant = "regular";
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ZHeading as z_heading };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement, H as Host } from './index-a2ca4b97.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";
|
|
4
|
-
|
|
5
|
-
const ZTypography = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** Font weight variant */
|
|
9
|
-
this.variant = "regular";
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
const el = document.createElement(this.component || "span");
|
|
13
|
-
el.innerHTML = `<slot />`;
|
|
14
|
-
this.hostElement.shadowRoot.appendChild(el);
|
|
15
|
-
return (h(Host, { class: {
|
|
16
|
-
[this.level]: Boolean(this.level),
|
|
17
|
-
regular: this.variant === "regular",
|
|
18
|
-
semibold: this.variant === "semibold",
|
|
19
|
-
light: this.variant === "light",
|
|
20
|
-
} }));
|
|
21
|
-
}
|
|
22
|
-
get hostElement() { return getElement(this); }
|
|
23
|
-
};
|
|
24
|
-
ZTypography.style = stylesCss;
|
|
25
|
-
|
|
26
|
-
export { ZTypography as z_typography };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare class ZHeading {
|
|
2
|
-
/** Typography level */
|
|
3
|
-
level: 1 | 2 | 3 | 4;
|
|
4
|
-
/** Font weight variant */
|
|
5
|
-
variant: "regular" | "semibold" | "light";
|
|
6
|
-
/** HTML tag to use to wrap slotted content */
|
|
7
|
-
component: string;
|
|
8
|
-
render(): HTMLZTypographyElement;
|
|
9
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
|
|
2
|
-
export declare class ZTypography {
|
|
3
|
-
hostElement: HTMLZTypographyElement;
|
|
4
|
-
/** Typography level */
|
|
5
|
-
level: ZTypographyLevels;
|
|
6
|
-
/** Font weight variant */
|
|
7
|
-
variant: "regular" | "semibold" | "light";
|
|
8
|
-
/** HTML tag to use to wrap slotted content */
|
|
9
|
-
component: string;
|
|
10
|
-
render(): HTMLZTypographyElement;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{Z as z_table_header}from"./p-327b7b79.js";import"./p-d17ebc2f.js";import"./p-c9d57d05.js";import"./p-eb9fa72b.js";import"./p-b497e33e.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as n,g as o}from"./p-d17ebc2f.js";import{g as s,a as e}from"./p-eb9fa72b.js";import{T as c}from"./p-c9d57d05.js";import"./p-b497e33e.js";const l=class{constructor(i){t(this,i),this.links=[],this.visible=!1,this.visibleLink=""}handleFocusOutSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!1)}handleFocusSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!0)}componentDidLoad(){this.showFirstChild()}componentWillRender(){this.links&&(this.links="string"==typeof this.links?JSON.parse(this.links):this.links)}isInSkipToContent(t){return!!s(t).find((t=>"z-skip-to-content"===t.nodeName.toLowerCase()))}showFirstChild(){var t;const i=null===(t=this.hostElement.children)||void 0===t?void 0:t[0];i&&(this.visibleLink=i.id)}handleLinkClick(){this.visible=!1}render(){return i(n,{class:{[this.variant]:!0,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("z-link",{id:o,underline:!0,"aria-label":t.ariaLabel||t.label,class:"body-1-sb "+(o==this.visibleLink?"link-visible":"link-invisible"),href:t.href,textcolor:this.variant===c.DARK?"white":"black",onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label)})))}get hostElement(){return o(this)}};l.style=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:block;text-align:center}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--bg-grey-800);color:var(--color-white)}.light.sc-z-skip-to-content-h{border:2px solid var(--text-grey-800);background-color:var(--bg-white);color:var(--text-grey-800)}@media (min-width: 768px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{text-align:left}}@media (min-width: 1152px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:inline-block;padding:0 calc(var(--space-unit) * 3);border-right:1px solid var(--bg-grey-800)}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{border-right:1px solid var(--bg-white)}}";export{l as z_skip_to_content}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-d17ebc2f.js";import{Y as r}from"./p-c9d57d05.js";import{m as a}from"./p-b497e33e.js";import{r as o}from"./p-eb9fa72b.js";const s=class{constructor(e){t(this,e),this.isMobile=!1,this.hasResources=!1,this.showResources=!1}componentWillLoad(){this.id=`id-${o()}`;const t=window.matchMedia(`(max-width: ${a}px)`);this.isMobile=t.matches,t.onchange=t=>this.isMobile=t.matches}componentDidLoad(){this.handleResources()}handleResources(){var t;this.variant===r.EXPANDED&&this.isMobile&&(this.hasResources=(null===(t=this.hostElement.querySelectorAll("[slot=resources]"))||void 0===t?void 0:t.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case r.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case r.COMPACT:return this.renderCompactCard();case r.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},e("div",{class:"top"},e("div",{class:"info"},e("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),e("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),e("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&e("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return e("div",{class:"wrapper-container"},e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return e("div",{class:"cover"},this.ribbon&&this.variant!==r.COMPACT&&e("div",{class:"ribbon"},e("span",null,this.ribbon)),e("div",{class:"img-wrapper"},e("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderOperaTitle(){return e("div",{class:"title",innerHTML:this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`:this.operaTitle})}renderVolumeTitle(){return this.volumeTitle?e("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?e("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?e("div",{class:"isbn"},e("span",{class:"code","aria-description":"ISBN edizione cartacea"},this.isbn),e("span",{class:"label"}," (ed. cartacea)")):null}renderShowResources(){return e("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",e("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return e("div",{class:"tags"},e("slot",{name:"tags"}))}renderHeaderCtaSlot(){return e("slot",{name:"header-cta"})}renderResourcesSlot(){return e("div",{id:`resources-${this.id}`,class:"resources"},e("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return e("div",{class:"action-container"},e("slot",{name:"footer-cta"}))}render(){return e("article",{class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return i(this)}};s.style=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover div.ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text04);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover div.ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover div.ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-text02);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-text02);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-text02);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-text02);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:536px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2);margin:0 auto}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}';export{s as z_book_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as e}from"./p-d17ebc2f.js";const t=class{constructor(e){i(this,e),this.target="_blank",this.isdisabled=!1}renderIcon(){return this.isdisabled?e("img",{src:this.imgurl,alt:this.imgalt}):e("a",{class:"elem-icon",href:this.url,target:this.target},e("img",{src:this.imgurl,alt:this.imgalt}))}render(){const i=this.elemid?this.elemid:"";return e("div",{class:"panel-elem-container"},(this.imgurl||this.imgalt)&&e("div",{"aria-hidden":"true",class:"panel-elem-icon"},this.renderIcon()),e("div",{class:"panel-elem-link"},e("z-link",{href:this.url,icon:this.linkicon,isdisabled:this.isdisabled,target:this.target,htmlid:i+"link_id"},this.linklabel)),this.descrSlotName&&e("div",{class:"panel-elem-desc body-long-01"},e("slot",{name:this.descrSlotName})))}};t.style=":host{width:inherit;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.panel-elem-container{width:100%}.panel-elem-icon{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon img{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link{margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px;text-align:center}.panel-elem-link>z-link{font-weight:var(--font-sb)}.panel-elem-desc{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}";export{t as z_panel_elem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as o,h as a}from"./p-d17ebc2f.js";const e=class{constructor(a){r(this,a),this.fileDropped=o(this,"fileDropped",7)}fileDroppedHandler(r){this.fileDropped.emit(r)}renderOnDragOverMessage(){return a("div",{class:"dragover-container"},a("div",{class:"dragover-message"},a("span",{class:"body-2-sb"},"Rilascia i file in questa area per allegarli.")))}render(){return a("div",{tabIndex:0,ref:r=>this.dragDropContainer=r,class:"dragdrop",onDragOver:r=>{r.preventDefault(),this.dragDropContainer.classList.add("dragover")},onDragLeave:()=>{this.dragDropContainer.classList.remove("dragover")},onDrop:r=>{r.preventDefault(),r.dataTransfer.files.length&&(this.dragDropContainer.classList.remove("dragover"),this.fileDroppedHandler(r.dataTransfer.files))}},this.renderOnDragOverMessage(),a("slot",null))}};e.style=":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";export{e as z_dragdrop_area}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h,g as s,H as i}from"./p-d17ebc2f.js";const e=class{constructor(h){t(this,h),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),h(i,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return s(this)}};e.style=":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";export{e as z_typography}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||"span",level:`b${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_body}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-d17ebc2f.js";import{N as n,a as o}from"./p-c9d57d05.js";import{I as e}from"./p-0d38e9a8.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.selected=!0}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("a",{role:"tab",id:this.tabId,href:!this.disabled&&this.href,title:this.htmlTitle,target:this.target,onFocus:this.scrollToTab.bind(this),"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls,tabindex:this.selected?"0":"-1"},this.icon&&this.renderIcon(),"horizontal"===this.orientation&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab_link}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{Z as z_tr}from"./p-91447194.js";import"./p-d17ebc2f.js";import"./p-eb9fa72b.js";import"./p-c9d57d05.js";import"./p-b497e33e.js";import"./p-c250c443.js";import"./p-02e9b4fa.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c,h,g as s}from"./p-d17ebc2f.js";import{x as r,p as a}from"./p-c9d57d05.js";import{e}from"./p-eb9fa72b.js";import"./p-b497e33e.js";const t=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=r.DEFAULT,this.disabled=!1,this.ariaLabel=""}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return e()!==a.DESKTOP&&e()!==a.DESKTOP_WIDE?22:14}render(){return this.interactiveIcon?h("div",{class:`z-chip-container ${this.type}`,"aria-disabled":this.disabled},this.icon&&h("z-icon",{class:"icon-sx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("button",{type:"button",onClick:()=>this.emitinteractiveIconClick(),onKeyUp:()=>{},"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()}))):h("div",{class:`${this.type}`},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};t.style=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip>z-icon.sc-z-chip:last-child:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.sc-z-chip:hover:not([aria-disabled])>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.icon-sx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip:last-child{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>button.sc-z-chip>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;line-height:28px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}}";export{t as z_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-d17ebc2f.js";import{N as n,a as o}from"./p-c9d57d05.js";import{I as e}from"./p-0d38e9a8.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("button",{role:"tab",id:this.tabId,disabled:this.disabled,title:this.htmlTitle,onFocus:this.scrollToTab.bind(this),"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls,tabindex:this.selected?"0":"-1"},this.icon&&this.renderIcon(),this.orientation===n.HORIZONTAL&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-d17ebc2f.js";import{V as h,W as r,p as a,P as n,g as l,i as p}from"./p-c9d57d05.js";import{e as c,a as d}from"./p-eb9fa72b.js";import"./p-b497e33e.js";const u=class{constructor(s){t(this,s),this.clickOnNode=i(this,"clickOnNode",7),this.pathStyle=h.UNDERLINED,this.homepageVariant=r.ICON,this.maxNodesToShow=5,this.preventFollowUrl=!1,this.overflowMenuItemRows=0,this.truncateChar=30,this.hasOverflow=!1,this.popoverEllipsisOpen=!1,this.collapsedElements=[],this.currentIndex=0,this.truncatePosition=null}handleResize(){this.viewPortWidth=c(),this.viewPortWidth!==a.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}handlePropChange(){this.initializeBreadcrumb(this.viewPortWidth===a.MOBILE)}handleResizeUp(t,i){(t===a.MOBILE||i===a.MOBILE&&t===a.TABLET||i===a.MOBILE&&t===a.DESKTOP||i===a.MOBILE&&t===a.DESKTOP_WIDE||i===a.TABLET&&t===a.DESKTOP||i===a.TABLET&&t===a.DESKTOP_WIDE||i===a.DESKTOP&&t===a.DESKTOP_WIDE)&&this.initializeBreadcrumb(this.viewPortWidth===a.MOBILE)}componentWillLoad(){this.viewPortWidth=c(),this.initializeBreadcrumb(this.viewPortWidth===a.MOBILE)}componentWillRender(){this.viewPortWidth!==a.MOBILE&&this.hasOverflow&&(this.checkEllipsisOrOverflowMenu(),this.hasOverflow=!1)}componentDidRender(){this.collapsedElementsRef&&(this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))),this.viewPortWidth!==a.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}initializeBreadcrumb(t){this.pathsList=t?this.getPathsItemsList().filter((t=>!!t.path)):this.getPathsItemsList(),this.totalLenght=this.pathsList.length,this.homepageNode=this.pathsList.shift(),this.pathListCopy=JSON.parse(JSON.stringify(this.pathsList)),this.collapsedElements=[],this.totalLenght>this.maxNodesToShow&&(this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2))}checkEllipsisOrOverflowMenu(){if(this.pathListCopy.length>0)for(let t=0;t<this.pathsList.length;t++)if(this.pathsList[t].text.length>this.truncateChar){if(null!==this.truncatePosition){if(this.truncatePosition>0)return this.pathListCopy.splice(0,this.truncatePosition).forEach((t=>{this.collapsedElements.push(t)})),this.pathsList.splice(0,this.truncatePosition),void(this.truncatePosition=0);if(0===this.truncatePosition){const t=this.pathListCopy.splice(0,this.truncatePosition+1);return this.collapsedElements.push(...t),this.pathsList.splice(0,this.truncatePosition+1),void(this.truncatePosition=null)}}if(t!==this.pathsList.length-1){const i=this.truncateWithEllipsis(this.pathsList[t].text,this.truncateChar);return this.currentEllipsisText=this.pathsList[t].text,this.pathsList[t].text=i,this.pathsList[t].hasTooltip=!0,void(this.truncatePosition=t)}}}truncateWithEllipsis(t,i){return t.length>i?t.substring(0,i-1)+"…":t}getPathsItemsList(){return Array.from(this.hostElement.children).map((t=>({text:t.textContent,path:t.href,hasTooltip:!1})))}renderMobileBreadcrumb(){return s("nav",{"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===h.UNDERLINED,semibold:this.pathStyle===h.SEMIBOLD}},s("ol",null,this.renderNode(this.pathsList[this.pathsList.length-1],!0)))}renderHomepageNode(t){return s("li",null,s("a",{class:{"homepage-icon":this.homepageVariant===r.ICON,"homepage-text":this.homepageVariant===r.TEXT},href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t)},this.homepageVariant===r.ICON?s("z-icon",{name:"home",fill:"color-link-primary",height:16,width:16}):"Home"))}renderNode(t,i){return s("li",null,t.hasTooltip&&s("z-popover",{class:"full-path-tooltip","bind-to":this.triggerEllipsis,open:this.popoverEllipsisOpen,position:n.BOTTOM_RIGHT,closable:!1,showArrow:!0},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!t.path,"text-ellipsis":i},ref:t=>this.triggerEllipsis=t,"aria-current":t.path?void 0:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!0)},onMouseLeave:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!1)},innerHTML:i?`<z-icon fill="color-link-primary" name="chevron-left"></z-icon> ${t.text}`:t.text}))}renderBreadcrumb(){return s("nav",{ref:t=>this.wrapElement=t,"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===h.UNDERLINED,semibold:this.pathStyle===h.SEMIBOLD}},s("ol",null,this.renderHomepageNode(this.homepageNode),this.collapsedElements.length?this.renderOverflowMenu():"",this.pathsList.map((t=>this.renderNode(t,!1)))))}togglePopover(){this.collapsedElementsRef.open||(this.collapsedElementsRef.open=!0)}handlePreventFollowUrl(t,i){this.preventFollowUrl&&(t.preventDefault(),this.clickOnNode.emit(i.path))}handleOverflowMenuAccessibility(t){const i=this.anchorElements.length;t.key!==l.TAB?(t.stopPropagation(),[l.ARROW_DOWN,l.ARROW_UP].includes(t.key)&&(t.preventDefault(),t.key===l.ARROW_DOWN&&(this.currentIndex=i===this.currentIndex+1?0:this.currentIndex+1),t.key===l.ARROW_UP&&(this.currentIndex=this.currentIndex<=0?i-1:this.currentIndex-1),this.anchorElements[this.currentIndex].focus()),t.key===l.ESC&&this.triggerButton.focus()):t.preventDefault()}renderOverflowMenu(){if(this.collapsedElements.length)return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:t=>this.collapsedElementsRef=t,"bind-to":this.triggerButton,position:n.BOTTOM_RIGHT,closable:!0,showArrow:!0},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:p.SMALL},this.collapsedElements.map(((t,i,e)=>s("div",null,s("z-list-element",{clickable:!0},s("a",{class:"text-ellipsis",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onKeyDown:t=>this.handleOverflowMenuAccessibility(t)},t.text)),i<e.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",ref:t=>this.triggerButton=t,class:"dots",onClick:()=>{this.togglePopover()},onKeyDown:t=>{d(t,this.togglePopover.bind(this)),setTimeout((()=>{this.anchorElements[0].focus()}),100)}},"..."))}render(){return s(e,{style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},this.viewPortWidth===a.MOBILE?this.renderMobileBreadcrumb():this.renderBreadcrumb())}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};u.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;height:30px;align-items:center;padding-left:calc(var(--space-unit) / 2);overflow-x:hidden}li{display:flex;align-items:baseline}:host a:focus,:host button:focus{box-shadow:var(--shadow-focus-primary);outline:0}:host a{color:var(--color-link-primary);font-size:var(--font-size-2);text-decoration:none;white-space:nowrap}:host a.homepage-icon{display:list-item}:host a.homepage-text{display:initial;margin-top:calc(var(--space-unit) / 4);margin-right:var(--space-unit)}:host a.missing-path{color:var(--color-text01)}:host a.text-ellipsis{display:-webkit-box !important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:normal}:host ol{display:flex;padding:0;margin:0;list-style-type:none}:host ol>li:not(:first-child,:last-child){margin-right:var(--space-unit)}nav.underlined>ol>li a:not(.missing-path),nav.underlined>ol>li button{text-decoration:underline}nav.semibold>ol>li a:not(.missing-path),nav.semibold>ol>li button{font-weight:var(--font-sb)}:host z-icon{margin-right:var(--space-unit);--z-icon-width:12px;--z-icon-height:12px}:host button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}:host .hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}:host .hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}:host .hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}:host .hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}:host .full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}:host .tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){:host ol>li+li::before{display:inline-block;width:10px;height:10px;flex:1;margin-right:2px;color:var(--color-disabled03);content:"\\203A"}:host a.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}';export{u as z_breadcrumb}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as o,g as s}from"./p-d17ebc2f.js";import{N as n,a as e,g as a,b as r}from"./p-c9d57d05.js";const h=class{constructor(i){t(this,i),this.orientation=n.HORIZONTAL,this.size=e.BIG}get direction(){return this.orientation==n.HORIZONTAL?"Left":"Top"}get dimension(){return this.orientation==n.HORIZONTAL?"Width":"Height"}setChildrenSize(){Array.from(this.host.children).forEach((t=>{t.setAttribute("size",this.size)}))}setChildrenOrientation(){Array.from(this.host.children).forEach((t=>{t.setAttribute("orientation",this.orientation)}))}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`])}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}onTabSelected(t){const i=t.target;Array.from(this.host.children).forEach(((t,o)=>{t!==i?t.removeAttribute("selected"):this.tabFocus=o}))}navigateBackwards(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateForward(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateThroughTabs(t){const i=Array.from(this.host.children);if(t.key!==a.TAB){if(!this.isArrowNavigation(t))return!0;t.preventDefault(),i[this.tabFocus].querySelector('[role="tab"]').setAttribute("tabindex","-1"),t.key===r.RIGHT&&this.orientation==n.HORIZONTAL||t.key===r.DOWN&&this.orientation==n.VERTICAL?(this.tabFocus++,this.tabFocus>=i.length&&(this.tabFocus=0)):(t.key===r.LEFT&&this.orientation==n.HORIZONTAL||t.key===r.UP&&this.orientation==n.VERTICAL)&&(this.tabFocus--,this.tabFocus<0&&(this.tabFocus=i.length-1)),i[this.tabFocus].querySelector('[role="tab"]').hasAttribute("disabled")?this.navigateThroughTabs(t):(i[this.tabFocus].querySelector('[role="tab"]').setAttribute("tabindex","0"),i[this.tabFocus].querySelector('[role="tab"]').focus())}else i.forEach(((i,o)=>{var s,n;i.hasAttribute("selected")&&"Z-NAVIGATION-TABS"===(null===(n=null===(s=t.target)||void 0===s?void 0:s.offsetParent)||void 0===n?void 0:n.nodeName)&&(this.tabFocus=o)}))}isArrowNavigation(t){return!!Object.keys(r).find((i=>r[i]===t.key))}setTabindex(){var t;const i=Array.from(this.host.children);i.length>0&&(i.forEach(((t,i)=>{var o;t.hasAttribute("aria-selected")&&(this.tabFocus=i),null===(o=t.querySelector('[role="tab"]'))||void 0===o||o.setAttribute("tabindex","-1")})),null===(t=i[this.tabFocus].querySelector('[role="tab"]'))||void 0===t||t.setAttribute("tabindex","0"))}componentWillLoad(){this.tabFocus=0}componentDidRender(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible(),this.setTabindex()}render(){return i(o,{class:{"interactive-2":this.size===e.SMALL,"interactive-1":this.size!==e.SMALL},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:this.orientation===n.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist","aria-label":this.ariaLabel,ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation-button",onClick:this.navigateForward.bind(this),onKeyDown:t=>{this.navigateThroughTabs(t)},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:this.orientation===n.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return s(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],canNavigate:["checkScrollEnabled"]}}};h.style=':host{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}.navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background:var(--color-white);border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px rgb(66 69 72 / 40%);cursor:pointer;fill:var(--color-primary01);outline:none}.navigation-button:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary);fill:var(--color-primary01)}.navigation-button:disabled{display:none}nav{display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}:host([orientation="horizontal"]) nav{width:100%}:host([orientation="horizontal"]) .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}:host([orientation="horizontal"]) .navigation-button:first-child{left:0}:host([orientation="horizontal"]) .navigation-button:last-child{right:0}:host([orientation="vertical"]){width:fit-content;flex-direction:column}:host([orientation="vertical"]) nav{height:100%;flex-direction:column;align-items:stretch}:host([orientation="vertical"]) .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}:host([orientation="vertical"]) .navigation-button:first-child{top:0}:host([orientation="vertical"]) .navigation-button:last-child{bottom:0}:host([size="small"][orientation="vertical"]) .navigation-button{height:calc(var(--space-unit) * 4)}';export{h as z_navigation_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
|