@zanichelli/albe-web-components 2.46.0 → 2.46.3

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.
Files changed (211) hide show
  1. package/dist/cjs/{index-78d71393.js → index-155b2ec5.js} +10 -10
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{utils-bb43ad49.js → utils-4bbd782c.js} +1 -1
  5. package/dist/cjs/web-components-library.cjs.js +1 -1
  6. package/dist/cjs/z-app-switcher_11.cjs.entry.js +1 -1
  7. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  10. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  12. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  13. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  14. package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
  15. package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
  16. package/dist/cjs/z-file.cjs.entry.js +2 -2
  17. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  18. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  19. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  20. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  21. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  24. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  25. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  26. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  27. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  28. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  29. package/dist/cjs/z-navigation-tab-link.cjs.entry.js +70 -0
  30. package/dist/cjs/z-navigation-tab.cjs.entry.js +35 -8
  31. package/dist/cjs/z-navigation-tabs.cjs.entry.js +76 -48
  32. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  33. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  34. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  35. package/dist/cjs/z-popover.cjs.entry.js +2 -2
  36. package/dist/cjs/z-section-title.cjs.entry.js +1 -1
  37. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  38. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  39. package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
  40. package/dist/cjs/z-table-header.cjs.entry.js +2 -2
  41. package/dist/cjs/z-table-row.cjs.entry.js +1 -1
  42. package/dist/cjs/z-table.cjs.entry.js +1 -1
  43. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  44. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  45. package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
  46. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  47. package/dist/collection/beans/index.js +10 -10
  48. package/dist/collection/collection-manifest.json +3 -2
  49. package/dist/collection/components/navigation/{z-navigation-tab/styles.css → tabs/navigation-tab.css} +34 -28
  50. package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +239 -0
  51. package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +271 -0
  52. package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +207 -0
  53. package/dist/collection/components/navigation/{z-navigation-tabs → tabs/z-navigation-tabs}/styles.css +11 -10
  54. package/dist/esm/{index-5fef5bc0.js → index-22f4a844.js} +11 -11
  55. package/dist/esm/index.js +2 -2
  56. package/dist/esm/loader.js +1 -1
  57. package/dist/esm/{utils-9d3aa32a.js → utils-259e2dd9.js} +1 -1
  58. package/dist/esm/web-components-library.js +1 -1
  59. package/dist/esm/z-app-switcher_11.entry.js +1 -1
  60. package/dist/esm/z-aria-alert.entry.js +1 -1
  61. package/dist/esm/z-avatar.entry.js +1 -1
  62. package/dist/esm/z-button-filter_5.entry.js +2 -2
  63. package/dist/esm/z-chip.entry.js +1 -1
  64. package/dist/esm/z-combobox.entry.js +2 -2
  65. package/dist/esm/z-contextual-menu.entry.js +1 -1
  66. package/dist/esm/z-cookiebar.entry.js +1 -1
  67. package/dist/esm/z-date-picker.entry.js +1 -1
  68. package/dist/esm/z-file-upload.entry.js +2 -2
  69. package/dist/esm/z-file.entry.js +2 -2
  70. package/dist/esm/z-footer.entry.js +1 -1
  71. package/dist/esm/z-list_3.entry.js +1 -1
  72. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  73. package/dist/esm/z-messages-pocket.entry.js +1 -1
  74. package/dist/esm/z-modal-login.entry.js +1 -1
  75. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  76. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  77. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  78. package/dist/esm/z-myz-card-info.entry.js +2 -2
  79. package/dist/esm/z-myz-card_4.entry.js +1 -1
  80. package/dist/esm/z-myz-list-item.entry.js +2 -2
  81. package/dist/esm/z-myz-topbar.entry.js +1 -1
  82. package/dist/esm/z-navigation-tab-link.entry.js +66 -0
  83. package/dist/esm/z-navigation-tab.entry.js +35 -8
  84. package/dist/esm/z-navigation-tabs.entry.js +76 -48
  85. package/dist/esm/z-otp.entry.js +1 -1
  86. package/dist/esm/z-pagination-bar.entry.js +2 -2
  87. package/dist/esm/z-pocket_3.entry.js +2 -2
  88. package/dist/esm/z-popover.entry.js +2 -2
  89. package/dist/esm/z-section-title.entry.js +1 -1
  90. package/dist/esm/z-slideshow.entry.js +2 -2
  91. package/dist/esm/z-status-tag.entry.js +1 -1
  92. package/dist/esm/z-table-cell.entry.js +1 -1
  93. package/dist/esm/z-table-header.entry.js +2 -2
  94. package/dist/esm/z-table-row.entry.js +1 -1
  95. package/dist/esm/z-table.entry.js +1 -1
  96. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  97. package/dist/esm/z-toast-notification.entry.js +1 -1
  98. package/dist/esm/z-toggle-switch.entry.js +2 -2
  99. package/dist/esm/z-tooltip.entry.js +1 -1
  100. package/dist/types/beans/index.d.ts +4 -4
  101. package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +48 -0
  102. package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +56 -0
  103. package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +68 -0
  104. package/dist/types/components.d.ts +147 -13
  105. package/dist/web-components-library/index.esm.js +1 -1
  106. package/dist/web-components-library/{p-70fda8d4.entry.js → p-0177caf2.entry.js} +1 -1
  107. package/dist/web-components-library/{p-2fbbabae.entry.js → p-01a23d8c.entry.js} +1 -1
  108. package/dist/web-components-library/{p-4f06bdb1.entry.js → p-02145727.entry.js} +1 -1
  109. package/{www/build/p-57d62830.entry.js → dist/web-components-library/p-0b0a358a.entry.js} +1 -1
  110. package/dist/web-components-library/{p-c55157a0.entry.js → p-10a2a9fe.entry.js} +1 -1
  111. package/dist/web-components-library/{p-5f179a34.entry.js → p-157885b1.entry.js} +1 -1
  112. package/dist/web-components-library/{p-89cfc0a8.entry.js → p-240561e7.entry.js} +1 -1
  113. package/dist/web-components-library/p-298d324a.entry.js +1 -0
  114. package/dist/web-components-library/{p-4e4cd7f4.entry.js → p-2d325b9b.entry.js} +1 -1
  115. package/dist/web-components-library/{p-207f741f.entry.js → p-30c0f3f2.entry.js} +1 -1
  116. package/dist/web-components-library/{p-55e762bf.entry.js → p-35c4d277.entry.js} +1 -1
  117. package/{www/build/p-9c5b1ff6.entry.js → dist/web-components-library/p-3bc3f32e.entry.js} +1 -1
  118. package/dist/web-components-library/{p-ac8185d4.entry.js → p-4a360730.entry.js} +1 -1
  119. package/dist/web-components-library/{p-007504c5.entry.js → p-4c7250a9.entry.js} +1 -1
  120. package/dist/web-components-library/{p-4cc87fd0.entry.js → p-4e270984.entry.js} +1 -1
  121. package/dist/web-components-library/{p-e7847ab0.entry.js → p-4ef4c8ef.entry.js} +1 -1
  122. package/dist/web-components-library/{p-712c320a.entry.js → p-4f64af13.entry.js} +1 -1
  123. package/dist/web-components-library/{p-eaa6346b.entry.js → p-58091e1c.entry.js} +1 -1
  124. package/dist/web-components-library/{p-3c0a76b4.entry.js → p-5b2d0ccb.entry.js} +1 -1
  125. package/dist/web-components-library/{p-46ffaa5c.entry.js → p-61ba9cc7.entry.js} +1 -1
  126. package/dist/web-components-library/{p-ffcee00e.entry.js → p-782d01c1.entry.js} +1 -1
  127. package/{www/build/p-23438a53.entry.js → dist/web-components-library/p-7efeb668.entry.js} +1 -1
  128. package/dist/web-components-library/{p-f9196dd5.entry.js → p-814d6b43.entry.js} +1 -1
  129. package/dist/web-components-library/{p-489b248e.entry.js → p-88bc3cf2.entry.js} +1 -1
  130. package/dist/web-components-library/{p-db485c6c.entry.js → p-904375ec.entry.js} +1 -1
  131. package/dist/web-components-library/p-95846ba7.entry.js +1 -0
  132. package/dist/web-components-library/{p-b59924c0.entry.js → p-9777ec0b.entry.js} +1 -1
  133. package/dist/web-components-library/{p-c8f73284.entry.js → p-9d279248.entry.js} +1 -1
  134. package/dist/web-components-library/{p-df9ef43e.entry.js → p-a6c68018.entry.js} +1 -1
  135. package/dist/web-components-library/{p-e6240652.entry.js → p-b260e143.entry.js} +1 -1
  136. package/dist/web-components-library/p-b77a6115.entry.js +1 -0
  137. package/dist/web-components-library/{p-965c3ccc.entry.js → p-c196c340.entry.js} +1 -1
  138. package/dist/web-components-library/{p-9d68a948.entry.js → p-c3771cc7.entry.js} +1 -1
  139. package/dist/web-components-library/{p-86e25e99.entry.js → p-c5d6450e.entry.js} +1 -1
  140. package/dist/web-components-library/{p-9fabd2ed.js → p-d2da11f4.js} +1 -1
  141. package/dist/web-components-library/{p-27795c58.js → p-d34e101f.js} +1 -1
  142. package/dist/web-components-library/{p-537d81aa.entry.js → p-d4440420.entry.js} +1 -1
  143. package/{www/build/p-306865df.entry.js → dist/web-components-library/p-d502063b.entry.js} +1 -1
  144. package/dist/web-components-library/{p-75278ab8.entry.js → p-e4dce41a.entry.js} +1 -1
  145. package/dist/web-components-library/{p-5bf347d4.entry.js → p-eafa01a1.entry.js} +1 -1
  146. package/{www/build/p-d1230b51.entry.js → dist/web-components-library/p-ec361ccf.entry.js} +1 -1
  147. package/dist/web-components-library/{p-0406567e.entry.js → p-ef22d940.entry.js} +1 -1
  148. package/dist/web-components-library/{p-fafc4c81.entry.js → p-feb6ee16.entry.js} +1 -1
  149. package/dist/web-components-library/web-components-library.esm.js +1 -1
  150. package/package.json +8 -8
  151. package/react/components.d.ts +1 -0
  152. package/react/components.js +2 -1
  153. package/react/components.js.map +1 -1
  154. package/www/build/index.esm.js +1 -1
  155. package/www/build/{p-70fda8d4.entry.js → p-0177caf2.entry.js} +1 -1
  156. package/www/build/{p-2fbbabae.entry.js → p-01a23d8c.entry.js} +1 -1
  157. package/www/build/{p-4f06bdb1.entry.js → p-02145727.entry.js} +1 -1
  158. package/{dist/web-components-library/p-57d62830.entry.js → www/build/p-0b0a358a.entry.js} +1 -1
  159. package/www/build/{p-c55157a0.entry.js → p-10a2a9fe.entry.js} +1 -1
  160. package/www/build/{p-5f179a34.entry.js → p-157885b1.entry.js} +1 -1
  161. package/www/build/{p-89cfc0a8.entry.js → p-240561e7.entry.js} +1 -1
  162. package/www/build/p-298d324a.entry.js +1 -0
  163. package/www/build/{p-4e4cd7f4.entry.js → p-2d325b9b.entry.js} +1 -1
  164. package/www/build/{p-207f741f.entry.js → p-30c0f3f2.entry.js} +1 -1
  165. package/www/build/{p-55e762bf.entry.js → p-35c4d277.entry.js} +1 -1
  166. package/{dist/web-components-library/p-9c5b1ff6.entry.js → www/build/p-3bc3f32e.entry.js} +1 -1
  167. package/www/build/p-46892774.js +1 -0
  168. package/www/build/{p-ac8185d4.entry.js → p-4a360730.entry.js} +1 -1
  169. package/www/build/{p-007504c5.entry.js → p-4c7250a9.entry.js} +1 -1
  170. package/www/build/{p-4cc87fd0.entry.js → p-4e270984.entry.js} +1 -1
  171. package/www/build/{p-e7847ab0.entry.js → p-4ef4c8ef.entry.js} +1 -1
  172. package/www/build/{p-712c320a.entry.js → p-4f64af13.entry.js} +1 -1
  173. package/www/build/{p-eaa6346b.entry.js → p-58091e1c.entry.js} +1 -1
  174. package/www/build/{p-3c0a76b4.entry.js → p-5b2d0ccb.entry.js} +1 -1
  175. package/www/build/{p-46ffaa5c.entry.js → p-61ba9cc7.entry.js} +1 -1
  176. package/www/build/{p-ffcee00e.entry.js → p-782d01c1.entry.js} +1 -1
  177. package/{dist/web-components-library/p-23438a53.entry.js → www/build/p-7efeb668.entry.js} +1 -1
  178. package/www/build/{p-f9196dd5.entry.js → p-814d6b43.entry.js} +1 -1
  179. package/www/build/{p-489b248e.entry.js → p-88bc3cf2.entry.js} +1 -1
  180. package/www/build/{p-db485c6c.entry.js → p-904375ec.entry.js} +1 -1
  181. package/www/build/p-95846ba7.entry.js +1 -0
  182. package/www/build/{p-b59924c0.entry.js → p-9777ec0b.entry.js} +1 -1
  183. package/www/build/{p-c8f73284.entry.js → p-9d279248.entry.js} +1 -1
  184. package/www/build/{p-df9ef43e.entry.js → p-a6c68018.entry.js} +1 -1
  185. package/www/build/{p-e6240652.entry.js → p-b260e143.entry.js} +1 -1
  186. package/www/build/p-b77a6115.entry.js +1 -0
  187. package/www/build/{p-965c3ccc.entry.js → p-c196c340.entry.js} +1 -1
  188. package/www/build/{p-9d68a948.entry.js → p-c3771cc7.entry.js} +1 -1
  189. package/www/build/{p-86e25e99.entry.js → p-c5d6450e.entry.js} +1 -1
  190. package/www/build/{p-9fabd2ed.js → p-d2da11f4.js} +1 -1
  191. package/www/build/{p-27795c58.js → p-d34e101f.js} +1 -1
  192. package/www/build/{p-537d81aa.entry.js → p-d4440420.entry.js} +1 -1
  193. package/{dist/web-components-library/p-306865df.entry.js → www/build/p-d502063b.entry.js} +1 -1
  194. package/www/build/{p-75278ab8.entry.js → p-e4dce41a.entry.js} +1 -1
  195. package/www/build/{p-5bf347d4.entry.js → p-eafa01a1.entry.js} +1 -1
  196. package/{dist/web-components-library/p-d1230b51.entry.js → www/build/p-ec361ccf.entry.js} +1 -1
  197. package/www/build/{p-0406567e.entry.js → p-ef22d940.entry.js} +1 -1
  198. package/www/build/{p-fafc4c81.entry.js → p-feb6ee16.entry.js} +1 -1
  199. package/www/build/web-components-library.esm.js +1 -1
  200. package/www/index.html +1 -1
  201. package/CHANGELOG.md +0 -1515
  202. package/dist/collection/components/navigation/z-navigation-tab/index.js +0 -151
  203. package/dist/collection/components/navigation/z-navigation-tabs/index.js +0 -179
  204. package/dist/types/components/navigation/z-navigation-tab/index.d.ts +0 -16
  205. package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +0 -32
  206. package/dist/web-components-library/p-624062ac.entry.js +0 -1
  207. package/dist/web-components-library/p-cd88c42b.entry.js +0 -1
  208. package/src-react/index.ts +0 -1
  209. package/www/build/p-1e04617b.js +0 -1
  210. package/www/build/p-624062ac.entry.js +0 -1
  211. 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}
@@ -1 +0,0 @@
1
- export * from './components';
@@ -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}