@zanichelli/albe-web-components 2.46.0 → 2.46.1
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/dist/cjs/{index-78d71393.js → index-155b2ec5.js} +10 -10
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-bb43ad49.js → utils-4bbd782c.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-switcher_11.cjs.entry.js +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
- package/dist/cjs/z-chip.cjs.entry.js +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js +2 -2
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/z-file.cjs.entry.js +2 -2
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-list_3.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +70 -0
- package/dist/cjs/z-navigation-tab.cjs.entry.js +35 -8
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +76 -48
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
- package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +2 -2
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header.cjs.entry.js +2 -2
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +10 -10
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/navigation/{z-navigation-tab/styles.css → tabs/navigation-tab.css} +34 -29
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +239 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +271 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +207 -0
- package/dist/collection/components/navigation/{z-navigation-tabs → tabs/z-navigation-tabs}/styles.css +11 -10
- package/dist/esm/{index-5fef5bc0.js → index-22f4a844.js} +11 -11
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-9d3aa32a.js → utils-259e2dd9.js} +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-switcher_11.entry.js +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-button-filter_5.entry.js +2 -2
- package/dist/esm/z-chip.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +2 -2
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +1 -1
- package/dist/esm/z-file-upload.entry.js +2 -2
- package/dist/esm/z-file.entry.js +2 -2
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-list_3.entry.js +1 -1
- package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card_4.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tab-link.entry.js +66 -0
- package/dist/esm/z-navigation-tab.entry.js +35 -8
- package/dist/esm/z-navigation-tabs.entry.js +76 -48
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +2 -2
- package/dist/esm/z-pocket_3.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +2 -2
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +1 -1
- package/dist/esm/z-table-cell.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +2 -2
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/esm/z-toggle-switch.entry.js +2 -2
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +4 -4
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +48 -0
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +56 -0
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +68 -0
- package/dist/types/components.d.ts +147 -13
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-70fda8d4.entry.js → p-0177caf2.entry.js} +1 -1
- package/dist/web-components-library/{p-2fbbabae.entry.js → p-01a23d8c.entry.js} +1 -1
- package/dist/web-components-library/{p-4f06bdb1.entry.js → p-02145727.entry.js} +1 -1
- package/{www/build/p-57d62830.entry.js → dist/web-components-library/p-0b0a358a.entry.js} +1 -1
- package/dist/web-components-library/p-0fc6feaf.entry.js +1 -0
- package/dist/web-components-library/{p-c55157a0.entry.js → p-10a2a9fe.entry.js} +1 -1
- package/dist/web-components-library/{p-5f179a34.entry.js → p-157885b1.entry.js} +1 -1
- package/dist/web-components-library/p-1b34d655.entry.js +1 -0
- package/dist/web-components-library/{p-89cfc0a8.entry.js → p-240561e7.entry.js} +1 -1
- package/dist/web-components-library/p-298d324a.entry.js +1 -0
- package/dist/web-components-library/{p-4e4cd7f4.entry.js → p-2d325b9b.entry.js} +1 -1
- package/dist/web-components-library/{p-207f741f.entry.js → p-30c0f3f2.entry.js} +1 -1
- package/dist/web-components-library/{p-55e762bf.entry.js → p-35c4d277.entry.js} +1 -1
- package/{www/build/p-9c5b1ff6.entry.js → dist/web-components-library/p-3bc3f32e.entry.js} +1 -1
- package/dist/web-components-library/{p-ac8185d4.entry.js → p-4a360730.entry.js} +1 -1
- package/dist/web-components-library/{p-007504c5.entry.js → p-4c7250a9.entry.js} +1 -1
- package/dist/web-components-library/{p-4cc87fd0.entry.js → p-4e270984.entry.js} +1 -1
- package/dist/web-components-library/{p-e7847ab0.entry.js → p-4ef4c8ef.entry.js} +1 -1
- package/dist/web-components-library/{p-712c320a.entry.js → p-4f64af13.entry.js} +1 -1
- package/dist/web-components-library/{p-eaa6346b.entry.js → p-58091e1c.entry.js} +1 -1
- package/dist/web-components-library/{p-3c0a76b4.entry.js → p-5b2d0ccb.entry.js} +1 -1
- package/dist/web-components-library/{p-46ffaa5c.entry.js → p-61ba9cc7.entry.js} +1 -1
- package/dist/web-components-library/{p-ffcee00e.entry.js → p-782d01c1.entry.js} +1 -1
- package/{www/build/p-23438a53.entry.js → dist/web-components-library/p-7efeb668.entry.js} +1 -1
- package/dist/web-components-library/{p-f9196dd5.entry.js → p-814d6b43.entry.js} +1 -1
- package/dist/web-components-library/{p-489b248e.entry.js → p-88bc3cf2.entry.js} +1 -1
- package/dist/web-components-library/{p-db485c6c.entry.js → p-904375ec.entry.js} +1 -1
- package/dist/web-components-library/{p-b59924c0.entry.js → p-9777ec0b.entry.js} +1 -1
- package/dist/web-components-library/{p-c8f73284.entry.js → p-9d279248.entry.js} +1 -1
- package/dist/web-components-library/{p-df9ef43e.entry.js → p-a6c68018.entry.js} +1 -1
- package/dist/web-components-library/{p-e6240652.entry.js → p-b260e143.entry.js} +1 -1
- package/dist/web-components-library/{p-965c3ccc.entry.js → p-c196c340.entry.js} +1 -1
- package/dist/web-components-library/{p-9d68a948.entry.js → p-c3771cc7.entry.js} +1 -1
- package/dist/web-components-library/{p-86e25e99.entry.js → p-c5d6450e.entry.js} +1 -1
- package/dist/web-components-library/{p-9fabd2ed.js → p-d2da11f4.js} +1 -1
- package/dist/web-components-library/{p-27795c58.js → p-d34e101f.js} +1 -1
- package/dist/web-components-library/{p-537d81aa.entry.js → p-d4440420.entry.js} +1 -1
- package/{www/build/p-306865df.entry.js → dist/web-components-library/p-d502063b.entry.js} +1 -1
- package/dist/web-components-library/{p-75278ab8.entry.js → p-e4dce41a.entry.js} +1 -1
- package/dist/web-components-library/{p-5bf347d4.entry.js → p-eafa01a1.entry.js} +1 -1
- package/{www/build/p-d1230b51.entry.js → dist/web-components-library/p-ec361ccf.entry.js} +1 -1
- package/dist/web-components-library/{p-0406567e.entry.js → p-ef22d940.entry.js} +1 -1
- package/dist/web-components-library/{p-fafc4c81.entry.js → p-feb6ee16.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +2 -1
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-70fda8d4.entry.js → p-0177caf2.entry.js} +1 -1
- package/www/build/{p-2fbbabae.entry.js → p-01a23d8c.entry.js} +1 -1
- package/www/build/{p-4f06bdb1.entry.js → p-02145727.entry.js} +1 -1
- package/{dist/web-components-library/p-57d62830.entry.js → www/build/p-0b0a358a.entry.js} +1 -1
- package/www/build/p-0fc6feaf.entry.js +1 -0
- package/www/build/{p-c55157a0.entry.js → p-10a2a9fe.entry.js} +1 -1
- package/www/build/{p-5f179a34.entry.js → p-157885b1.entry.js} +1 -1
- package/www/build/p-1b34d655.entry.js +1 -0
- package/www/build/{p-89cfc0a8.entry.js → p-240561e7.entry.js} +1 -1
- package/www/build/p-298d324a.entry.js +1 -0
- package/www/build/{p-4e4cd7f4.entry.js → p-2d325b9b.entry.js} +1 -1
- package/www/build/{p-207f741f.entry.js → p-30c0f3f2.entry.js} +1 -1
- package/www/build/{p-55e762bf.entry.js → p-35c4d277.entry.js} +1 -1
- package/{dist/web-components-library/p-9c5b1ff6.entry.js → www/build/p-3bc3f32e.entry.js} +1 -1
- package/www/build/{p-ac8185d4.entry.js → p-4a360730.entry.js} +1 -1
- package/www/build/{p-007504c5.entry.js → p-4c7250a9.entry.js} +1 -1
- package/www/build/{p-4cc87fd0.entry.js → p-4e270984.entry.js} +1 -1
- package/www/build/{p-e7847ab0.entry.js → p-4ef4c8ef.entry.js} +1 -1
- package/www/build/{p-712c320a.entry.js → p-4f64af13.entry.js} +1 -1
- package/www/build/p-53add5a8.js +1 -0
- package/www/build/{p-eaa6346b.entry.js → p-58091e1c.entry.js} +1 -1
- package/www/build/{p-3c0a76b4.entry.js → p-5b2d0ccb.entry.js} +1 -1
- package/www/build/{p-46ffaa5c.entry.js → p-61ba9cc7.entry.js} +1 -1
- package/www/build/{p-ffcee00e.entry.js → p-782d01c1.entry.js} +1 -1
- package/{dist/web-components-library/p-23438a53.entry.js → www/build/p-7efeb668.entry.js} +1 -1
- package/www/build/{p-f9196dd5.entry.js → p-814d6b43.entry.js} +1 -1
- package/www/build/{p-489b248e.entry.js → p-88bc3cf2.entry.js} +1 -1
- package/www/build/{p-db485c6c.entry.js → p-904375ec.entry.js} +1 -1
- package/www/build/{p-b59924c0.entry.js → p-9777ec0b.entry.js} +1 -1
- package/www/build/{p-c8f73284.entry.js → p-9d279248.entry.js} +1 -1
- package/www/build/{p-df9ef43e.entry.js → p-a6c68018.entry.js} +1 -1
- package/www/build/{p-e6240652.entry.js → p-b260e143.entry.js} +1 -1
- package/www/build/{p-965c3ccc.entry.js → p-c196c340.entry.js} +1 -1
- package/www/build/{p-9d68a948.entry.js → p-c3771cc7.entry.js} +1 -1
- package/www/build/{p-86e25e99.entry.js → p-c5d6450e.entry.js} +1 -1
- package/www/build/{p-9fabd2ed.js → p-d2da11f4.js} +1 -1
- package/www/build/{p-27795c58.js → p-d34e101f.js} +1 -1
- package/www/build/{p-537d81aa.entry.js → p-d4440420.entry.js} +1 -1
- package/{dist/web-components-library/p-306865df.entry.js → www/build/p-d502063b.entry.js} +1 -1
- package/www/build/{p-75278ab8.entry.js → p-e4dce41a.entry.js} +1 -1
- package/www/build/{p-5bf347d4.entry.js → p-eafa01a1.entry.js} +1 -1
- package/{dist/web-components-library/p-d1230b51.entry.js → www/build/p-ec361ccf.entry.js} +1 -1
- package/www/build/{p-0406567e.entry.js → p-ef22d940.entry.js} +1 -1
- package/www/build/{p-fafc4c81.entry.js → p-feb6ee16.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/CHANGELOG.md +0 -1515
- package/dist/collection/components/navigation/z-navigation-tab/index.js +0 -151
- package/dist/collection/components/navigation/z-navigation-tabs/index.js +0 -179
- package/dist/types/components/navigation/z-navigation-tab/index.d.ts +0 -16
- package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +0 -32
- package/dist/web-components-library/p-624062ac.entry.js +0 -1
- package/dist/web-components-library/p-cd88c42b.entry.js +0 -1
- package/src-react/index.ts +0 -1
- package/www/build/p-1e04617b.js +0 -1
- package/www/build/p-624062ac.entry.js +0 -1
- package/www/build/p-cd88c42b.entry.js +0 -1
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, h, Element, Listen, Event, Watch } from "@stencil/core";
|
|
2
|
-
/**
|
|
3
|
-
* @slot icon - tab icon
|
|
4
|
-
* @slot label - tab label
|
|
5
|
-
*/
|
|
6
|
-
export class ZNavigationTab {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.selected = false;
|
|
9
|
-
this.disabled = false;
|
|
10
|
-
this.orientation = 'horizontal';
|
|
11
|
-
this.size = 'big';
|
|
12
|
-
}
|
|
13
|
-
onFocus() {
|
|
14
|
-
this.host.scrollIntoView({
|
|
15
|
-
behavior: 'smooth',
|
|
16
|
-
block: 'nearest',
|
|
17
|
-
inline: 'nearest',
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
onClick() {
|
|
21
|
-
if (!this.disabled) {
|
|
22
|
-
this.selected = true;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
onSelected() {
|
|
26
|
-
if (this.selected) {
|
|
27
|
-
this.emitSelected.emit();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return (h("button", { disabled: this.disabled, role: "tab" },
|
|
32
|
-
h("slot", { name: "icon" }),
|
|
33
|
-
this.orientation === "horizontal" && h("slot", { name: "label" })));
|
|
34
|
-
}
|
|
35
|
-
static get is() { return "z-navigation-tab"; }
|
|
36
|
-
static get encapsulation() { return "shadow"; }
|
|
37
|
-
static get originalStyleUrls() { return {
|
|
38
|
-
"$": ["styles.css"]
|
|
39
|
-
}; }
|
|
40
|
-
static get styleUrls() { return {
|
|
41
|
-
"$": ["styles.css"]
|
|
42
|
-
}; }
|
|
43
|
-
static get properties() { return {
|
|
44
|
-
"selected": {
|
|
45
|
-
"type": "boolean",
|
|
46
|
-
"mutable": true,
|
|
47
|
-
"complexType": {
|
|
48
|
-
"original": "boolean",
|
|
49
|
-
"resolved": "boolean",
|
|
50
|
-
"references": {}
|
|
51
|
-
},
|
|
52
|
-
"required": false,
|
|
53
|
-
"optional": true,
|
|
54
|
-
"docs": {
|
|
55
|
-
"tags": [],
|
|
56
|
-
"text": ""
|
|
57
|
-
},
|
|
58
|
-
"attribute": "selected",
|
|
59
|
-
"reflect": true,
|
|
60
|
-
"defaultValue": "false"
|
|
61
|
-
},
|
|
62
|
-
"disabled": {
|
|
63
|
-
"type": "boolean",
|
|
64
|
-
"mutable": false,
|
|
65
|
-
"complexType": {
|
|
66
|
-
"original": "boolean",
|
|
67
|
-
"resolved": "boolean",
|
|
68
|
-
"references": {}
|
|
69
|
-
},
|
|
70
|
-
"required": false,
|
|
71
|
-
"optional": true,
|
|
72
|
-
"docs": {
|
|
73
|
-
"tags": [],
|
|
74
|
-
"text": ""
|
|
75
|
-
},
|
|
76
|
-
"attribute": "disabled",
|
|
77
|
-
"reflect": true,
|
|
78
|
-
"defaultValue": "false"
|
|
79
|
-
},
|
|
80
|
-
"orientation": {
|
|
81
|
-
"type": "string",
|
|
82
|
-
"mutable": false,
|
|
83
|
-
"complexType": {
|
|
84
|
-
"original": "string",
|
|
85
|
-
"resolved": "string",
|
|
86
|
-
"references": {}
|
|
87
|
-
},
|
|
88
|
-
"required": false,
|
|
89
|
-
"optional": false,
|
|
90
|
-
"docs": {
|
|
91
|
-
"tags": [],
|
|
92
|
-
"text": ""
|
|
93
|
-
},
|
|
94
|
-
"attribute": "orientation",
|
|
95
|
-
"reflect": true,
|
|
96
|
-
"defaultValue": "'horizontal'"
|
|
97
|
-
},
|
|
98
|
-
"size": {
|
|
99
|
-
"type": "string",
|
|
100
|
-
"mutable": false,
|
|
101
|
-
"complexType": {
|
|
102
|
-
"original": "string",
|
|
103
|
-
"resolved": "string",
|
|
104
|
-
"references": {}
|
|
105
|
-
},
|
|
106
|
-
"required": false,
|
|
107
|
-
"optional": false,
|
|
108
|
-
"docs": {
|
|
109
|
-
"tags": [],
|
|
110
|
-
"text": ""
|
|
111
|
-
},
|
|
112
|
-
"attribute": "size",
|
|
113
|
-
"reflect": true,
|
|
114
|
-
"defaultValue": "'big'"
|
|
115
|
-
}
|
|
116
|
-
}; }
|
|
117
|
-
static get events() { return [{
|
|
118
|
-
"method": "emitSelected",
|
|
119
|
-
"name": "selected",
|
|
120
|
-
"bubbles": true,
|
|
121
|
-
"cancelable": true,
|
|
122
|
-
"composed": true,
|
|
123
|
-
"docs": {
|
|
124
|
-
"tags": [],
|
|
125
|
-
"text": ""
|
|
126
|
-
},
|
|
127
|
-
"complexType": {
|
|
128
|
-
"original": "any",
|
|
129
|
-
"resolved": "any",
|
|
130
|
-
"references": {}
|
|
131
|
-
}
|
|
132
|
-
}]; }
|
|
133
|
-
static get elementRef() { return "host"; }
|
|
134
|
-
static get watchers() { return [{
|
|
135
|
-
"propName": "selected",
|
|
136
|
-
"methodName": "onSelected"
|
|
137
|
-
}]; }
|
|
138
|
-
static get listeners() { return [{
|
|
139
|
-
"name": "focus",
|
|
140
|
-
"method": "onFocus",
|
|
141
|
-
"target": undefined,
|
|
142
|
-
"capture": false,
|
|
143
|
-
"passive": false
|
|
144
|
-
}, {
|
|
145
|
-
"name": "click",
|
|
146
|
-
"method": "onClick",
|
|
147
|
-
"target": undefined,
|
|
148
|
-
"capture": false,
|
|
149
|
-
"passive": false
|
|
150
|
-
}]; }
|
|
151
|
-
}
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, h, Listen, Element, State, Watch, Host } from '@stencil/core';
|
|
2
|
-
import { TabSizeEnum, TabOrientationEnum } from '../../../beans';
|
|
3
|
-
export class ZNavigationTabs {
|
|
4
|
-
constructor() {
|
|
5
|
-
/** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
|
|
6
|
-
this.orientation = TabOrientationEnum.horizontal;
|
|
7
|
-
/** Available sizes: `big` and `small`. Defaults to `big`. */
|
|
8
|
-
this.size = TabSizeEnum.big;
|
|
9
|
-
this.direction = this.orientation == TabOrientationEnum.vertical ? 'Top' : 'Left';
|
|
10
|
-
this.dimension = this.orientation == TabOrientationEnum.vertical ? 'Height' : 'Width';
|
|
11
|
-
}
|
|
12
|
-
/** Set all childrens (tab) size attribute : big (default) or small */
|
|
13
|
-
setChildrenSize() {
|
|
14
|
-
const children = this.host.children;
|
|
15
|
-
for (let i = 0; i < children.length; i++) {
|
|
16
|
-
children[i].setAttribute('size', this.size);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
/** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
|
|
20
|
-
setChildrenOrientation() {
|
|
21
|
-
const children = this.host.children;
|
|
22
|
-
for (let i = 0; i < children.length; i++) {
|
|
23
|
-
children[i].setAttribute('orientation', this.orientation);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
/** When resize check if the navigation buttons are needed */
|
|
27
|
-
checkScrollVisible() {
|
|
28
|
-
if (!this.tabsNav) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
this.canNavigate = this.tabsNav[`scroll${this.dimension}`] > this.tabsNav[`client${this.dimension}`];
|
|
32
|
-
this.checkScrollEnabled();
|
|
33
|
-
}
|
|
34
|
-
/** Check if navigation buttons can be enabled for each orientation */
|
|
35
|
-
checkScrollEnabled() {
|
|
36
|
-
if (!this.tabsNav) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
this.canNavigateNext = this.tabsNav[`scroll${this.direction}`] +
|
|
40
|
-
this.tabsNav[`client${this.dimension}`] < this.tabsNav[`scroll${this.dimension}`];
|
|
41
|
-
this.canNavigatePrev = this.tabsNav[`scroll${this.direction}`] > 0;
|
|
42
|
-
}
|
|
43
|
-
selectedTabHandler(event) {
|
|
44
|
-
this.select(event.target);
|
|
45
|
-
}
|
|
46
|
-
/** Select a tab child and deselect the others */
|
|
47
|
-
select(tab) {
|
|
48
|
-
const children = this.host.children;
|
|
49
|
-
for (let i = 0; i < children.length; i++) {
|
|
50
|
-
const child = children[i];
|
|
51
|
-
if (child.tagName === 'Z-NAVIGATION-TAB') {
|
|
52
|
-
if (child !== tab) {
|
|
53
|
-
child.selected = false;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
/** Scroll the navigation bar (half of its size) backward, based on orientation */
|
|
59
|
-
navigatePrevious() {
|
|
60
|
-
this.tabsNav.scrollBy({
|
|
61
|
-
[this.direction.toLowerCase()]: 0 - (this.tabsNav[`client${this.dimension}`] / 2),
|
|
62
|
-
behavior: 'smooth',
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
/** Scroll the navigation bar (half of its size) forward, based on orientation */
|
|
66
|
-
navigateNext() {
|
|
67
|
-
this.tabsNav.scrollBy({
|
|
68
|
-
[this.direction.toLowerCase()]: this.tabsNav.scrollTop + (this.tabsNav[`client${this.dimension}`] / 2),
|
|
69
|
-
behavior: 'smooth',
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
componentDidLoad() {
|
|
73
|
-
this.setChildrenSize();
|
|
74
|
-
this.setChildrenOrientation();
|
|
75
|
-
this.checkScrollVisible();
|
|
76
|
-
}
|
|
77
|
-
render() {
|
|
78
|
-
return h(Host, { class: {
|
|
79
|
-
'interactive-2': this.size === 'small',
|
|
80
|
-
'interactive-1': this.size !== 'small'
|
|
81
|
-
}, scrollable: this.canNavigate },
|
|
82
|
-
this.canNavigate && h("button", { class: "navigation", onClick: () => this.navigatePrevious(), tabindex: "-1", disabled: !this.canNavigatePrev },
|
|
83
|
-
h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-left' : 'chevron-up', width: 16, height: 16 })),
|
|
84
|
-
h("nav", { role: "tablist", ref: (el) => this.tabsNav = el !== null && el !== void 0 ? el : this.tabsNav, onScroll: this.checkScrollEnabled.bind(this) },
|
|
85
|
-
h("slot", null)),
|
|
86
|
-
this.canNavigate && h("button", { class: "navigation", onClick: () => { this.navigateNext(); }, tabindex: "-1", disabled: !this.canNavigateNext },
|
|
87
|
-
h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-right' : 'chevron-down', width: 16, height: 16 })));
|
|
88
|
-
}
|
|
89
|
-
static get is() { return "z-navigation-tabs"; }
|
|
90
|
-
static get encapsulation() { return "shadow"; }
|
|
91
|
-
static get originalStyleUrls() { return {
|
|
92
|
-
"$": ["styles.css"]
|
|
93
|
-
}; }
|
|
94
|
-
static get styleUrls() { return {
|
|
95
|
-
"$": ["styles.css"]
|
|
96
|
-
}; }
|
|
97
|
-
static get properties() { return {
|
|
98
|
-
"orientation": {
|
|
99
|
-
"type": "string",
|
|
100
|
-
"mutable": false,
|
|
101
|
-
"complexType": {
|
|
102
|
-
"original": "TabOrientationBean",
|
|
103
|
-
"resolved": "TabOrientationEnum.horizontal | TabOrientationEnum.vertical",
|
|
104
|
-
"references": {
|
|
105
|
-
"TabOrientationBean": {
|
|
106
|
-
"location": "import",
|
|
107
|
-
"path": "../../../beans"
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
"required": false,
|
|
112
|
-
"optional": true,
|
|
113
|
-
"docs": {
|
|
114
|
-
"tags": [],
|
|
115
|
-
"text": "Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`."
|
|
116
|
-
},
|
|
117
|
-
"attribute": "orientation",
|
|
118
|
-
"reflect": true,
|
|
119
|
-
"defaultValue": "TabOrientationEnum.horizontal"
|
|
120
|
-
},
|
|
121
|
-
"size": {
|
|
122
|
-
"type": "string",
|
|
123
|
-
"mutable": false,
|
|
124
|
-
"complexType": {
|
|
125
|
-
"original": "TabSizeBean",
|
|
126
|
-
"resolved": "TabSizeEnum.big | TabSizeEnum.small",
|
|
127
|
-
"references": {
|
|
128
|
-
"TabSizeBean": {
|
|
129
|
-
"location": "import",
|
|
130
|
-
"path": "../../../beans"
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
"required": false,
|
|
135
|
-
"optional": true,
|
|
136
|
-
"docs": {
|
|
137
|
-
"tags": [],
|
|
138
|
-
"text": "Available sizes: `big` and `small`. Defaults to `big`."
|
|
139
|
-
},
|
|
140
|
-
"attribute": "size",
|
|
141
|
-
"reflect": true,
|
|
142
|
-
"defaultValue": "TabSizeEnum.big"
|
|
143
|
-
}
|
|
144
|
-
}; }
|
|
145
|
-
static get states() { return {
|
|
146
|
-
"canNavigate": {},
|
|
147
|
-
"canNavigatePrev": {},
|
|
148
|
-
"canNavigateNext": {},
|
|
149
|
-
"direction": {},
|
|
150
|
-
"dimension": {}
|
|
151
|
-
}; }
|
|
152
|
-
static get elementRef() { return "host"; }
|
|
153
|
-
static get watchers() { return [{
|
|
154
|
-
"propName": "size",
|
|
155
|
-
"methodName": "setChildrenSize"
|
|
156
|
-
}, {
|
|
157
|
-
"propName": "orientation",
|
|
158
|
-
"methodName": "setChildrenOrientation"
|
|
159
|
-
}, {
|
|
160
|
-
"propName": "direction",
|
|
161
|
-
"methodName": "checkScrollEnabled"
|
|
162
|
-
}, {
|
|
163
|
-
"propName": "dimension",
|
|
164
|
-
"methodName": "checkScrollEnabled"
|
|
165
|
-
}]; }
|
|
166
|
-
static get listeners() { return [{
|
|
167
|
-
"name": "resize",
|
|
168
|
-
"method": "checkScrollVisible",
|
|
169
|
-
"target": "window",
|
|
170
|
-
"capture": false,
|
|
171
|
-
"passive": true
|
|
172
|
-
}, {
|
|
173
|
-
"name": "selected",
|
|
174
|
-
"method": "selectedTabHandler",
|
|
175
|
-
"target": undefined,
|
|
176
|
-
"capture": false,
|
|
177
|
-
"passive": false
|
|
178
|
-
}]; }
|
|
179
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @slot icon - tab icon
|
|
3
|
-
* @slot label - tab label
|
|
4
|
-
*/
|
|
5
|
-
export declare class ZNavigationTab {
|
|
6
|
-
host: HTMLElement;
|
|
7
|
-
selected?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
orientation: string;
|
|
10
|
-
size: string;
|
|
11
|
-
private emitSelected;
|
|
12
|
-
onFocus(): void;
|
|
13
|
-
onClick(): void;
|
|
14
|
-
onSelected(): void;
|
|
15
|
-
render(): any;
|
|
16
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { TabSizeBean, TabOrientationBean } from '../../../beans';
|
|
2
|
-
export declare class ZNavigationTabs {
|
|
3
|
-
host: HTMLElement;
|
|
4
|
-
/** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
|
|
5
|
-
orientation?: TabOrientationBean;
|
|
6
|
-
/** Available sizes: `big` and `small`. Defaults to `big`. */
|
|
7
|
-
size?: TabSizeBean;
|
|
8
|
-
/** State for the navigation */
|
|
9
|
-
canNavigate: boolean;
|
|
10
|
-
canNavigatePrev: boolean;
|
|
11
|
-
canNavigateNext: boolean;
|
|
12
|
-
direction: 'Top' | 'Left';
|
|
13
|
-
dimension: 'Height' | 'Width';
|
|
14
|
-
tabsNav: HTMLElement;
|
|
15
|
-
/** Set all childrens (tab) size attribute : big (default) or small */
|
|
16
|
-
setChildrenSize(): void;
|
|
17
|
-
/** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
|
|
18
|
-
setChildrenOrientation(): void;
|
|
19
|
-
/** When resize check if the navigation buttons are needed */
|
|
20
|
-
checkScrollVisible(): void;
|
|
21
|
-
/** Check if navigation buttons can be enabled for each orientation */
|
|
22
|
-
checkScrollEnabled(): void;
|
|
23
|
-
selectedTabHandler(event: CustomEvent): void;
|
|
24
|
-
/** Select a tab child and deselect the others */
|
|
25
|
-
select(tab: Element): void;
|
|
26
|
-
/** Scroll the navigation bar (half of its size) backward, based on orientation */
|
|
27
|
-
navigatePrevious(): void;
|
|
28
|
-
/** Scroll the navigation bar (half of its size) forward, based on orientation */
|
|
29
|
-
navigateNext(): void;
|
|
30
|
-
componentDidLoad(): void;
|
|
31
|
-
render(): any;
|
|
32
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as o}from"./p-98268a57.js";import{p as e,q as s}from"./p-9fabd2ed.js";const r=class{constructor(i){t(this,i),this.orientation=e.horizontal,this.size=s.big,this.direction=this.orientation==e.vertical?"Top":"Left",this.dimension=this.orientation==e.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}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)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}";export{r as z_navigation_tab}
|
package/src-react/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
package/www/build/p-1e04617b.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-98268a57.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-0406567e",[[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[4,"z-carousel",{"isloading":[4],"ghostloadingheight":[1]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-ghost-loading"],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-9d68a948",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-70fda8d4",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]]]],["p-2fbbabae",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-306865df",[[6,"z-file-upload",{"type":[1537],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"filesNumber":[32],"invalidFiles":[32]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-b59924c0",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-c8f73284",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}]]],["p-4cc87fd0",[[4,"z-date-picker",{"datepickerid":[1],"mode":[1],"flatpickrPosition":[32]}]]],["p-489b248e",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-007504c5",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-eaa6346b",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-4d9667dc",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-57d62830",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-e6240652",[[6,"z-file",{"fileNumber":[2,"file-number"],"allowTooltip":[32],"tooltipVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"]]]]],["p-4f06bdb1",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-55e762bf",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-5bf347d4",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-db485c6c",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-ffcee00e",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["p-71e8c2af",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["p-104b70e5",[[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["p-d39c0372",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-7ebb03d8",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-64b2b415",[[1,"z-icon-package"]]],["p-9260abad",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-9c7cf598",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-41c5beec",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-6375f662",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-624062ac",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-33f74396",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-c284139b",[[1,"z-pocket-message"]]],["p-712c320a",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-207f741f",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-46ffaa5c",[[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}]]],["p-fafc4c81",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-02474663",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-ac8185d4",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-4e4cd7f4",[[4,"z-aria-alert",{"mode":[1]}]]],["p-89cfc0a8",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-9c5b1ff6",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-578a5ad1",[[1,"z-myz-card-footer-sections"]]],["p-7f2fa336",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-cd88c42b",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-e2560604",[[1,"z-stepper"]]],["p-9352da73",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-105b82a6",[[6,"z-table-body"]]],["p-d4927410",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-4aaf3433",[[6,"z-table-footer"]]],["p-6baa8e33",[[6,"z-table-head"]]],["p-6bb8de3e",[[6,"z-table-sticky-footer"]]],["p-3c0a76b4",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-f6a11970",[[1,"z-visually-hidden"]]],["p-e7847ab0",[[6,"z-popover",{"position":[1],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32],"popoverPosition":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]],["p-965c3ccc",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-5f179a34",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-2de00f19",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-a9eea65b",[[1,"z-alert",{"type":[1]}]]],["p-a759ab46",[[1,"z-candybar"]]],["p-df9ef43e",[[1,"z-chip",{"regulartext":[1],"boldtext":[2],"type":[513],"disabled":[516],"filter":[516]}]]],["p-78e26102",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}]]],["p-f9196dd5",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-537d81aa",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}]]],["p-2c836d42",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}]]],["p-a785ff38",[[6,"z-dragdrop-area"],[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-3fc438b7",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-75278ab8",[[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}]]],["p-23438a53",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-list",{"size":[513]}]]],["p-cb13d050",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["p-c55157a0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-86e25e99",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-d1230b51",[[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}]]]]'),e)));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as o}from"./p-98268a57.js";import{p as e,q as s}from"./p-9fabd2ed.js";const r=class{constructor(i){t(this,i),this.orientation=e.horizontal,this.size=s.big,this.direction=this.orientation==e.vertical?"Top":"Left",this.dimension=this.orientation==e.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}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)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}";export{r as z_navigation_tab}
|