@zanichelli/albe-web-components 2.38.1 → 2.40.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.
Files changed (219) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/cjs/{index-dcab1bda.js → index-6b11e272.js} +10 -0
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/{utils-971854fc.js → utils-428c57eb.js} +1 -1
  6. package/dist/cjs/web-components-library.cjs.js +1 -1
  7. package/dist/cjs/z-app-switcher_10.cjs.entry.js +353 -0
  8. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  9. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  10. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  11. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  12. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  13. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  14. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  15. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  16. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  17. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  18. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  19. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  20. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  21. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  24. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  25. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  26. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  27. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  28. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  29. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  30. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  31. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  32. package/dist/cjs/z-popover.cjs.entry.js +2 -2
  33. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  34. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  35. package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
  36. package/dist/cjs/z-table-header.cjs.entry.js +2 -2
  37. package/dist/cjs/z-table-row.cjs.entry.js +1 -1
  38. package/dist/cjs/z-table.cjs.entry.js +1 -1
  39. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  40. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  41. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  42. package/dist/collection/beans/index.js +10 -0
  43. package/dist/collection/collection-manifest.json +1 -0
  44. package/dist/collection/components/buttons/z-button/index.js +1 -2
  45. package/dist/collection/components/z-offcanvas/index.js +147 -0
  46. package/dist/collection/components/z-offcanvas/styles.css +163 -0
  47. package/dist/esm/{index-6b86a3f1.js → index-9d70864c.js} +11 -1
  48. package/dist/esm/index.js +2 -2
  49. package/dist/esm/loader.js +1 -1
  50. package/dist/esm/{utils-351595e0.js → utils-347de6f5.js} +1 -1
  51. package/dist/esm/web-components-library.js +1 -1
  52. package/dist/esm/z-app-switcher_10.entry.js +340 -0
  53. package/dist/esm/z-aria-alert.entry.js +1 -1
  54. package/dist/esm/z-avatar.entry.js +1 -1
  55. package/dist/esm/z-button-filter_5.entry.js +2 -2
  56. package/dist/esm/z-chip.entry.js +1 -1
  57. package/dist/esm/z-combobox.entry.js +2 -2
  58. package/dist/esm/z-contextual-menu.entry.js +1 -1
  59. package/dist/esm/z-cookiebar.entry.js +1 -1
  60. package/dist/esm/z-footer.entry.js +1 -1
  61. package/dist/esm/z-list_3.entry.js +1 -1
  62. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  63. package/dist/esm/z-messages-pocket.entry.js +1 -1
  64. package/dist/esm/z-modal-login.entry.js +1 -1
  65. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  66. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  67. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  68. package/dist/esm/z-myz-card-info.entry.js +2 -2
  69. package/dist/esm/z-myz-card_4.entry.js +1 -1
  70. package/dist/esm/z-myz-list-item.entry.js +2 -2
  71. package/dist/esm/z-myz-topbar.entry.js +1 -1
  72. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  73. package/dist/esm/z-notification.entry.js +1 -1
  74. package/dist/esm/z-otp.entry.js +1 -1
  75. package/dist/esm/z-pagination-bar.entry.js +2 -2
  76. package/dist/esm/z-pocket_3.entry.js +2 -2
  77. package/dist/esm/z-popover.entry.js +2 -2
  78. package/dist/esm/z-slideshow.entry.js +2 -2
  79. package/dist/esm/z-status-tag.entry.js +1 -1
  80. package/dist/esm/z-table-cell.entry.js +1 -1
  81. package/dist/esm/z-table-header.entry.js +2 -2
  82. package/dist/esm/z-table-row.entry.js +1 -1
  83. package/dist/esm/z-table.entry.js +1 -1
  84. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  85. package/dist/esm/z-toast-notification.entry.js +1 -1
  86. package/dist/esm/z-tooltip.entry.js +1 -1
  87. package/dist/types/beans/index.d.ts +8 -0
  88. package/dist/types/components/buttons/z-button/index.d.ts +1 -2
  89. package/dist/types/components/z-offcanvas/index.d.ts +25 -0
  90. package/dist/types/components.d.ts +42 -1
  91. package/dist/web-components-library/index.esm.js +1 -1
  92. package/dist/web-components-library/{p-e6b971b9.entry.js → p-017ddee6.entry.js} +1 -1
  93. package/dist/web-components-library/{p-74217d44.entry.js → p-01a920d1.entry.js} +1 -1
  94. package/dist/web-components-library/{p-3d8b00fd.entry.js → p-1231efbf.entry.js} +1 -1
  95. package/{www/build/p-beda87c3.entry.js → dist/web-components-library/p-15b45bd6.entry.js} +1 -1
  96. package/dist/web-components-library/{p-e9be115a.entry.js → p-1879f46c.entry.js} +1 -1
  97. package/dist/web-components-library/{p-6934ea47.js → p-24a2786b.js} +1 -1
  98. package/dist/web-components-library/{p-d1a52660.entry.js → p-29df410a.entry.js} +1 -1
  99. package/dist/web-components-library/{p-bf4539a7.entry.js → p-2df6d015.entry.js} +1 -1
  100. package/dist/web-components-library/{p-3b3cb18b.entry.js → p-3552098c.entry.js} +1 -1
  101. package/dist/web-components-library/p-3b3cd128.js +1 -0
  102. package/dist/web-components-library/{p-41f6c8c4.entry.js → p-3c5e84f2.entry.js} +1 -1
  103. package/dist/web-components-library/p-45a41bff.entry.js +1 -0
  104. package/{www/build/p-ded374d7.entry.js → dist/web-components-library/p-4e896ed8.entry.js} +1 -1
  105. package/dist/web-components-library/{p-28b18ca4.entry.js → p-5aff6913.entry.js} +1 -1
  106. package/dist/web-components-library/{p-f7b1dc68.entry.js → p-5c860beb.entry.js} +1 -1
  107. package/{www/build/p-ba1db0fc.entry.js → dist/web-components-library/p-6847ed50.entry.js} +1 -1
  108. package/dist/web-components-library/{p-98a7eedb.entry.js → p-74200866.entry.js} +1 -1
  109. package/dist/web-components-library/p-8a061b5b.entry.js +1 -0
  110. package/dist/web-components-library/{p-8c9e3bb8.entry.js → p-8ef035ce.entry.js} +1 -1
  111. package/dist/web-components-library/{p-71bb86a8.entry.js → p-9cb6848c.entry.js} +1 -1
  112. package/dist/web-components-library/{p-4c8e6232.entry.js → p-9d3ea635.entry.js} +1 -1
  113. package/dist/web-components-library/{p-a4fe497a.entry.js → p-a025a565.entry.js} +1 -1
  114. package/dist/web-components-library/{p-9b2f8028.entry.js → p-b171474c.entry.js} +1 -1
  115. package/{www/build/p-bd717ced.entry.js → dist/web-components-library/p-b52459fd.entry.js} +1 -1
  116. package/dist/web-components-library/p-bbbdb48a.entry.js +1 -0
  117. package/dist/web-components-library/{p-ea84969a.entry.js → p-be15a83a.entry.js} +1 -1
  118. package/dist/web-components-library/{p-7ce4db78.entry.js → p-c2dfaef9.entry.js} +1 -1
  119. package/dist/web-components-library/{p-02796506.entry.js → p-ca136ef7.entry.js} +1 -1
  120. package/dist/web-components-library/{p-509408f3.entry.js → p-d9917511.entry.js} +1 -1
  121. package/dist/web-components-library/{p-597e767a.entry.js → p-e60c2a06.entry.js} +1 -1
  122. package/dist/web-components-library/{p-8923f36d.entry.js → p-eadaf008.entry.js} +1 -1
  123. package/dist/web-components-library/{p-3241471c.entry.js → p-f1cc3489.entry.js} +1 -1
  124. package/{www/build/p-a3a64dc8.entry.js → dist/web-components-library/p-f333967e.entry.js} +1 -1
  125. package/dist/web-components-library/{p-89dbe6e9.entry.js → p-f34a707c.entry.js} +1 -1
  126. package/dist/web-components-library/{p-209cc06f.entry.js → p-f7f9db16.entry.js} +1 -1
  127. package/dist/web-components-library/{p-913cd0da.entry.js → p-fa0e0402.entry.js} +1 -1
  128. package/dist/web-components-library/{p-e55fc434.entry.js → p-fa1e086f.entry.js} +1 -1
  129. package/dist/web-components-library/web-components-library.esm.js +1 -1
  130. package/package.json +24 -16
  131. package/react/components.d.ts +1 -0
  132. package/react/components.js +2 -1
  133. package/react/components.js.map +1 -1
  134. package/readme.md +12 -34
  135. package/www/assets/favicon.png +0 -0
  136. package/www/build/index.esm.js +1 -1
  137. package/www/build/{p-e6b971b9.entry.js → p-017ddee6.entry.js} +1 -1
  138. package/www/build/{p-74217d44.entry.js → p-01a920d1.entry.js} +1 -1
  139. package/www/build/{p-3d8b00fd.entry.js → p-1231efbf.entry.js} +1 -1
  140. package/{dist/web-components-library/p-beda87c3.entry.js → www/build/p-15b45bd6.entry.js} +1 -1
  141. package/www/build/{p-e9be115a.entry.js → p-1879f46c.entry.js} +1 -1
  142. package/www/build/{p-6934ea47.js → p-24a2786b.js} +1 -1
  143. package/www/build/{p-d1a52660.entry.js → p-29df410a.entry.js} +1 -1
  144. package/www/build/{p-bf4539a7.entry.js → p-2df6d015.entry.js} +1 -1
  145. package/www/build/{p-3b3cb18b.entry.js → p-3552098c.entry.js} +1 -1
  146. package/www/build/p-3b3cd128.js +1 -0
  147. package/www/build/{p-41f6c8c4.entry.js → p-3c5e84f2.entry.js} +1 -1
  148. package/www/build/p-45a41bff.entry.js +1 -0
  149. package/{dist/web-components-library/p-ded374d7.entry.js → www/build/p-4e896ed8.entry.js} +1 -1
  150. package/www/build/{p-28b18ca4.entry.js → p-5aff6913.entry.js} +1 -1
  151. package/www/build/{p-f7b1dc68.entry.js → p-5c860beb.entry.js} +1 -1
  152. package/{dist/web-components-library/p-ba1db0fc.entry.js → www/build/p-6847ed50.entry.js} +1 -1
  153. package/www/build/{p-98a7eedb.entry.js → p-74200866.entry.js} +1 -1
  154. package/www/build/p-8a061b5b.entry.js +1 -0
  155. package/www/build/p-8af945c2.js +1 -0
  156. package/www/build/{p-8c9e3bb8.entry.js → p-8ef035ce.entry.js} +1 -1
  157. package/www/build/{p-71bb86a8.entry.js → p-9cb6848c.entry.js} +1 -1
  158. package/www/build/{p-4c8e6232.entry.js → p-9d3ea635.entry.js} +1 -1
  159. package/www/build/{p-a4fe497a.entry.js → p-a025a565.entry.js} +1 -1
  160. package/www/build/{p-9b2f8028.entry.js → p-b171474c.entry.js} +1 -1
  161. package/{dist/web-components-library/p-bd717ced.entry.js → www/build/p-b52459fd.entry.js} +1 -1
  162. package/www/build/p-bbbdb48a.entry.js +1 -0
  163. package/www/build/{p-ea84969a.entry.js → p-be15a83a.entry.js} +1 -1
  164. package/www/build/{p-7ce4db78.entry.js → p-c2dfaef9.entry.js} +1 -1
  165. package/www/build/{p-02796506.entry.js → p-ca136ef7.entry.js} +1 -1
  166. package/www/build/{p-509408f3.entry.js → p-d9917511.entry.js} +1 -1
  167. package/www/build/{p-597e767a.entry.js → p-e60c2a06.entry.js} +1 -1
  168. package/www/build/{p-8923f36d.entry.js → p-eadaf008.entry.js} +1 -1
  169. package/www/build/{p-3241471c.entry.js → p-f1cc3489.entry.js} +1 -1
  170. package/{dist/web-components-library/p-a3a64dc8.entry.js → www/build/p-f333967e.entry.js} +1 -1
  171. package/www/build/{p-89dbe6e9.entry.js → p-f34a707c.entry.js} +1 -1
  172. package/www/build/{p-209cc06f.entry.js → p-f7f9db16.entry.js} +1 -1
  173. package/www/build/{p-913cd0da.entry.js → p-fa0e0402.entry.js} +1 -1
  174. package/www/build/{p-e55fc434.entry.js → p-fa1e086f.entry.js} +1 -1
  175. package/www/build/web-components-library.esm.js +1 -1
  176. package/www/index.html +32 -8
  177. package/dist/cjs/z-app-switcher.cjs.entry.js +0 -29
  178. package/dist/cjs/z-app-topbar.cjs.entry.js +0 -41
  179. package/dist/cjs/z-button.cjs.entry.js +0 -39
  180. package/dist/cjs/z-card.cjs.entry.js +0 -69
  181. package/dist/cjs/z-carousel.cjs.entry.js +0 -19
  182. package/dist/cjs/z-divider.cjs.entry.js +0 -26
  183. package/dist/cjs/z-icon.cjs.entry.js +0 -28
  184. package/dist/cjs/z-link.cjs.entry.js +0 -71
  185. package/dist/cjs/z-logo.cjs.entry.js +0 -28
  186. package/dist/esm/z-app-switcher.entry.js +0 -25
  187. package/dist/esm/z-app-topbar.entry.js +0 -37
  188. package/dist/esm/z-button.entry.js +0 -35
  189. package/dist/esm/z-card.entry.js +0 -65
  190. package/dist/esm/z-carousel.entry.js +0 -15
  191. package/dist/esm/z-divider.entry.js +0 -22
  192. package/dist/esm/z-icon.entry.js +0 -24
  193. package/dist/esm/z-link.entry.js +0 -67
  194. package/dist/esm/z-logo.entry.js +0 -24
  195. package/dist/web-components-library/p-5d4bb66b.entry.js +0 -1
  196. package/dist/web-components-library/p-5ee63e7f.entry.js +0 -1
  197. package/dist/web-components-library/p-60e40371.entry.js +0 -1
  198. package/dist/web-components-library/p-733ba674.entry.js +0 -1
  199. package/dist/web-components-library/p-80589729.entry.js +0 -1
  200. package/dist/web-components-library/p-a0b11f65.entry.js +0 -1
  201. package/dist/web-components-library/p-c6265fbb.entry.js +0 -1
  202. package/dist/web-components-library/p-c8f19ca8.entry.js +0 -1
  203. package/dist/web-components-library/p-d4c4b90a.entry.js +0 -1
  204. package/dist/web-components-library/p-d945c8d2.js +0 -1
  205. package/dist/web-components-library/p-ddc3c8c2.entry.js +0 -1
  206. package/dist/web-components-library/p-e84d871b.entry.js +0 -1
  207. package/www/build/p-5d4bb66b.entry.js +0 -1
  208. package/www/build/p-5ee63e7f.entry.js +0 -1
  209. package/www/build/p-60e40371.entry.js +0 -1
  210. package/www/build/p-69f277e5.js +0 -1
  211. package/www/build/p-733ba674.entry.js +0 -1
  212. package/www/build/p-80589729.entry.js +0 -1
  213. package/www/build/p-a0b11f65.entry.js +0 -1
  214. package/www/build/p-c6265fbb.entry.js +0 -1
  215. package/www/build/p-c8f19ca8.entry.js +0 -1
  216. package/www/build/p-d4c4b90a.entry.js +0 -1
  217. package/www/build/p-d945c8d2.js +0 -1
  218. package/www/build/p-ddc3c8c2.entry.js +0 -1
  219. package/www/build/p-e84d871b.entry.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zanichelli/albe-web-components",
3
- "version": "2.38.1",
3
+ "version": "2.40.1",
4
4
  "description": "The Web Components implementation of Albe, the Zanichelli's design system.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -26,30 +26,32 @@
26
26
  "test.watch": "stencil test --spec --watch",
27
27
  "test.e2e": "stencil test --e2e",
28
28
  "release": "standard-version",
29
- "start-storybook": "yarn build && start-storybook -p 3003 -s ./dist,./src/assets --ci",
30
- "build-storybook": "yarn build && build-storybook -c .storybook -s ./dist,./src/assets . -o storybook"
29
+ "start-storybook": "start-storybook --port 3003 --ci --no-manager-cache",
30
+ "build-storybook": "build-storybook --config-dir .storybook . --output-dir storybook"
31
31
  },
32
32
  "devDependencies": {
33
- "@babel/core": "^7.13.1",
33
+ "@babel/core": "^7.17.8",
34
34
  "@commitlint/cli": "^12.0.0",
35
35
  "@commitlint/config-conventional": "^12.0.0",
36
36
  "@stencil/core": "^2.4.0",
37
- "@stencil/react-output-target": "^0.0.9",
38
- "@storybook/addon-a11y": "^6.2.9",
39
- "@storybook/addon-docs": "^6.1.20",
40
- "@storybook/addon-knobs": "^6.1.20",
41
- "@storybook/addon-viewport": "^6.1.20",
42
- "@storybook/preset-typescript": "^3.0.0",
43
- "@storybook/web-components": "^6.1.20",
37
+ "@stencil/react-output-target": "^0.3.0",
38
+ "@storybook/addon-a11y": "^6.4.22",
39
+ "@storybook/addon-controls": "^6.4.22",
40
+ "@storybook/addon-docs": "^6.4.22",
41
+ "@storybook/addon-knobs": "^6.4.0",
42
+ "@storybook/addon-viewport": "^6.4.22",
43
+ "@storybook/builder-webpack5": "^6.4.22",
44
+ "@storybook/manager-webpack5": "^6.4.22",
45
+ "@storybook/web-components": "^6.4.22",
44
46
  "@types/hammerjs": "^2.0.39",
45
47
  "@types/jest": "26.0.20",
46
48
  "@types/puppeteer": "5.4.3",
47
49
  "@types/react-dom": "^17.0.0",
48
- "babel-loader": "^8.2.2",
50
+ "babel-loader": "^8.2.4",
49
51
  "husky": "^5.1.1",
50
52
  "jest": "26.6.3",
51
53
  "jest-cli": "26.6.3",
52
- "lit-html": "^1.3.0",
54
+ "lit-html": "^1.4.0",
53
55
  "mkdirp": "^1.0.4",
54
56
  "plop": "^2.1.0",
55
57
  "puppeteer": "8.0.0",
@@ -57,8 +59,9 @@
57
59
  "react-dom": "^17.0.1",
58
60
  "rimraf": "^3.0.2",
59
61
  "standard-version": "^9.1.1",
60
- "storybook-addons-abstract": "^6.0.3",
61
- "typescript": "^4.2.3"
62
+ "storybook-addon-stencil": "^0.1.6",
63
+ "typescript": "~4.3.5",
64
+ "webpack": "5"
62
65
  },
63
66
  "pre-commit": {
64
67
  "colors": true,
@@ -69,7 +72,7 @@
69
72
  },
70
73
  "license": "MIT",
71
74
  "dependencies": {
72
- "@zanichelli/albe-design-tokens": "^0.2.11",
75
+ "@zanichelli/albe-design-tokens": "^0.2.14",
73
76
  "classnames": "^2.3.1",
74
77
  "hammerjs": "^2.0.8"
75
78
  },
@@ -86,5 +89,10 @@
86
89
  "hooks": {
87
90
  "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
88
91
  }
92
+ },
93
+ "resolutions": {
94
+ "@storybook/web-components/webpack": "^5",
95
+ "@types/react": "^17.0.0",
96
+ "@types/react-dom": "^17.0.0"
89
97
  }
90
98
  }
@@ -58,6 +58,7 @@ export declare const ZMyzTopbar: import("react").ForwardRefExoticComponent<JSX.Z
58
58
  export declare const ZNavigationTab: import("react").ForwardRefExoticComponent<JSX.ZNavigationTab & Omit<import("react").HTMLAttributes<HTMLZNavigationTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZNavigationTabElement>>;
59
59
  export declare const ZNavigationTabs: import("react").ForwardRefExoticComponent<JSX.ZNavigationTabs & Omit<import("react").HTMLAttributes<HTMLZNavigationTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZNavigationTabsElement>>;
60
60
  export declare const ZNotification: import("react").ForwardRefExoticComponent<JSX.ZNotification & Omit<import("react").HTMLAttributes<HTMLZNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZNotificationElement>>;
61
+ export declare const ZOffcanvas: import("react").ForwardRefExoticComponent<JSX.ZOffcanvas & Omit<import("react").HTMLAttributes<HTMLZOffcanvasElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZOffcanvasElement>>;
61
62
  export declare const ZOtp: import("react").ForwardRefExoticComponent<JSX.ZOtp & Omit<import("react").HTMLAttributes<HTMLZOtpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZOtpElement>>;
62
63
  export declare const ZPaginationBar: import("react").ForwardRefExoticComponent<JSX.ZPaginationBar & Omit<import("react").HTMLAttributes<HTMLZPaginationBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZPaginationBarElement>>;
63
64
  export declare const ZPaginationPage: import("react").ForwardRefExoticComponent<JSX.ZPaginationPage & Omit<import("react").HTMLAttributes<HTMLZPaginationPageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZPaginationPageElement>>;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModalLogin = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenuDropdown = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInputLabel = exports.ZInput = exports.ZInfoBox = exports.ZIconPackage = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFooterSocial = exports.ZFooterSection = exports.ZFooterLink = exports.ZFooter = exports.ZDivider = exports.ZCookiebar = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZCandybar = exports.ZButtonSort = exports.ZButtonFilter = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppTopbar = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAlert = void 0;
4
- exports.ZVisuallyHidden = exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = void 0;
4
+ exports.ZVisuallyHidden = exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZTableStickyFooter = exports.ZTableRow = exports.ZTableHeaderRow = exports.ZTableHeader = exports.ZTableHead = exports.ZTableFooter = exports.ZTableExpandedRow = exports.ZTableEmptyBox = exports.ZTableCell = exports.ZTableBody = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = exports.ZMyzCardInfo = void 0;
5
5
  /* eslint-disable */
6
6
  /* tslint:disable */
7
7
  /* auto-generated react proxies */
@@ -64,6 +64,7 @@ exports.ZMyzTopbar = react_component_lib_1.createReactComponent('z-myz-topbar');
64
64
  exports.ZNavigationTab = react_component_lib_1.createReactComponent('z-navigation-tab');
65
65
  exports.ZNavigationTabs = react_component_lib_1.createReactComponent('z-navigation-tabs');
66
66
  exports.ZNotification = react_component_lib_1.createReactComponent('z-notification');
67
+ exports.ZOffcanvas = react_component_lib_1.createReactComponent('z-offcanvas');
67
68
  exports.ZOtp = react_component_lib_1.createReactComponent('z-otp');
68
69
  exports.ZPaginationBar = react_component_lib_1.createReactComponent('z-pagination-bar');
69
70
  exports.ZPaginationPage = react_component_lib_1.createReactComponent('z-pagination-page');
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}
package/readme.md CHANGED
@@ -23,7 +23,7 @@ yarn start
23
23
  yarn generate component my-component
24
24
  ```
25
25
 
26
- ##### NB: component name must have a dash (`-`)
26
+ > NB: component name must have a dash (`-`)
27
27
 
28
28
  ----
29
29
 
@@ -97,49 +97,32 @@ You need to [manually create the GitHub release](https://github.com/ZanichelliEd
97
97
 
98
98
  ----
99
99
 
100
- ## Documentation
101
-
102
- In order to correctly import Stencil Components into the Storybook, we need to build the library first. Stencil will generate properties documentation and it will store them in the `custom-elements.json` which is loaded by Storybook. At the moment, everytime you edit the library sources, you need to rebuild them to get the Storybook updated.
103
-
104
100
  #### Plugins
105
101
 
102
+ * [storybook-addon-stencil](https://github.com/ZanichelliEditore/storybook-addon-stencil) - custom Storybook plugin for Stencil
106
103
  * [@storybook/addon-a11y](https://www.npmjs.com/package/@storybook/addon-a11y)
107
104
  * [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)
108
105
  * [@storybook/addon-knobs](https://www.npmjs.com/package/@storybook/addon-knobs)
109
106
  * [@storybook/addon-viewport](https://www.npmjs.com/package/@storybook/addon-viewport)
110
- * [storybook-addons-abstract](https://www.npmjs.com/package/storybook-addons-abstract)
111
107
 
112
- #### Start Storybook:
108
+ ### Start Storybook:
113
109
 
114
110
  ```sh
115
- # Build the library
116
- yarn build
117
- # Start the Storybook
111
+ # Start Storybook
118
112
  yarn start-storybook
119
113
  ```
120
114
 
121
- #### Build Storybook:
115
+ local development with Storybook comes with live reloading.
116
+
117
+ ### Build Storybook:
122
118
 
123
119
  ```sh
124
120
  # Build the library
125
121
  yarn build
126
- # Build the Storybook
122
+ # Build Storybook
127
123
  yarn build-storybook
128
124
  ```
129
125
 
130
- #### Developing with Storybook:
131
-
132
- Start the Stencil dev server:
133
- ```sh
134
- yarn start
135
- ```
136
-
137
- and, in a separate terminal window, run the Storybook:
138
-
139
- ```sh
140
- yarn start-storybook
141
- ```
142
-
143
126
  ----
144
127
 
145
128
  ## Build Library package
@@ -187,14 +170,14 @@ applyPolyfills().then(() => {
187
170
  or via a script tag:
188
171
 
189
172
  ```html
190
- <script src="https://unpkg.com/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
173
+ <script src="https://unpkg.com/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
191
174
  ```
192
175
 
193
176
  Then use the relative tag as a usual component in your markup.
194
177
 
195
178
  ```html
196
179
  <section>
197
- <z-button label="button" type="primary">Click me!</z-button>
180
+ <z-button variant="primary">Click me!</z-button>
198
181
  </section>
199
182
  ```
200
183
 
@@ -224,13 +207,8 @@ Each component is structured as follows:
224
207
 
225
208
  | File name | Description |
226
209
  | --------------- | ------------------------------ |
227
- | `index-ts` | Component markup and UI logics |
210
+ | `index.tsx` | Component markup and UI logics |
228
211
  | `styles.css` | Component styles |
229
212
  | `index.spec.ts` | Component tests |
230
213
  | `index.stories.mdx` | Component storybook file |
231
- | `README.md` | Stencil documentation |
232
-
233
- ## Roadmap
234
-
235
- - 12 6 2020: Publishing repo v 1.0.0
236
-
214
+ | `README.md` | Component documentation |
Binary file
@@ -1 +1 @@
1
- import{c as o}from"./p-6934ea47.js";import"./p-d945c8d2.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
1
+ import{c as o}from"./p-24a2786b.js";import"./p-3b3cd128.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
@@ -1 +1 @@
1
- import{r as i,c as t,h as o}from"./p-904a85e4.js";import{B as e,c as r}from"./p-d945c8d2.js";const a=class{constructor(o){i(this,o),this.creditsLinkClick=t(this,"creditsLinkClick",7),this.reportAProblemButtonClick=t(this,"reportAProblemButtonClick",7),this.creditsLinkId="creditsLinkId",this.emitReportAProblemButtonClick=this.emitReportAProblemButtonClick.bind(this)}componentWillLoad(){this.data&&(console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead."),this.jsonData=JSON.parse(this.data))}zLinkClickListener(i){i.detail.linkId===this.creditsLinkId&&this.emitCreditsLinkClick()}emitCreditsLinkClick(){this.creditsLinkClick.emit()}emitReportAProblemButtonClick(){this.reportAProblemButtonClick.emit()}renderZLogo(){return o("z-logo",{link:"https://www.zanichelli.it",width:144,height:38,imageAlt:"Home Zanichelli",targetBlank:!0})}renderAddress(){return o("p",null,"Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna",o("br",null),"Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024",o("br",null),"Partita IVA 03978000374")}renderSocial(){return o("div",{class:"social"},o("slot",{name:"social"}),this.renderFooterSocialJsonData())}renderCopyright(){return o("p",null,"Copyright – 2018-",(new Date).getFullYear()," Zanichelli",o("span",null,"All rights reserved"))}renderCertification(){return o("p",null,"Zanichelli editore S.p.A. opera con sistema qualità certificato CertiCarGraf n. 477",o("br",null),"secondo la norma UNI EN ISO 9001:2015")}renderBottomLinks(){return o("div",{class:"item bottom-links"},o("slot",{name:"links"}),this.renderFooterBottomJsonData())}renderFooterBottom(){return o("section",{id:"bottom"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("div",{class:"item logo"},this.renderZLogo(),this.renderCopyright(),this.renderCertification()),o("div",{class:"item"},this.renderAddress(),this.renderSocial()),this.renderBottomLinks()))}renderFooterTop(){return o("section",{id:"top"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("slot",null),this.renderFooterTopJsonData()))}renderFooterProductInfo(){var i;if(this.productName||this.productVersion||null!=this.productCreditsLink||this.showReportAProblemButton){const t=`${this.productName?" versione":"Versione"} ${this.productVersion}`,a=o("z-body",{level:5},(this.productName||this.productVersion)&&" - ",o("z-link",{htmlid:this.creditsLinkId,href:null===(i=this.productCreditsLink)||void 0===i?void 0:i.trim(),target:"_blank",textcolor:"white"},"Credits"));return o("div",{id:"extension"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("span",null,this.productName&&o("z-body",{level:5,variant:"semibold"},this.productName),this.productVersion&&o("z-body",{level:5},t),null!=this.productCreditsLink&&a),this.showReportAProblemButton&&o("div",null,o("z-body",{level:5},"Hai bisogno di aiuto?"),o("z-button",{variant:e["dark-bg"],size:r.small,onClick:this.emitReportAProblemButtonClick},"SEGNALA UN PROBLEMA")),o("z-divider",{color:"gray500"})))}}renderFooterTopJsonData(){if(!this.jsonData||!this.jsonData.zanichelliLinks)return null;const i=this.jsonData.zanichelliLinks;return this.jsonData.bottomLinks&&i.push({title:"Altre informazioni",items:this.jsonData.bottomLinks}),i.map((i=>o("z-footer-section",{name:i.title},i.items.map((i=>o("z-footer-link",{href:i.link},i.label))))))}renderFooterBottomJsonData(){return this.jsonData&&this.jsonData.bottomLinks?this.jsonData.bottomLinks.map((i=>o("z-footer-link",{href:i.link},i.label))):null}renderFooterSocialJsonData(){return this.jsonData&&this.jsonData.social?this.jsonData.social.map((i=>o("z-footer-social",{href:i.link,icon:i.icon,description:i.description}))):null}render(){return o("footer",null,this.renderFooterProductInfo(),this.renderFooterTop(),this.renderFooterBottom())}};a.style=":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--font-family-sans);font-size:13px;padding:var(--space-unit) 0;background-color:var(--gray900);color:var(--gray50)}footer *{box-sizing:border-box}footer>section>div{display:grid}#top{padding:0 calc(var(--space-unit) * 2)}#bottom{width:auto;height:auto;margin:0;padding:0 calc(var(--space-unit) * 2);white-space:pre-line;font-size:12px}#bottom>div{display:grid;grid-template-columns:1fr}#bottom>div>div.item{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 1;height:auto;width:auto;padding:calc(var(--space-unit) * 2) 0}#bottom>div>div.item:nth-child(1){order:2}#bottom>div>div.item:nth-child(2){order:1;border-bottom:1px solid var(--gray50)}#bottom>div>div.item>div.social{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 24px);column-gap:12px;padding:0;margin-bottom:0px}#bottom>div>div.bottom-links{display:none}#bottom>div>div.item>p{margin:var(--space-unit) 0;padding:var(--space-unit) 0}#bottom>div>div.item>p:first-child{margin-top:0}#bottom>div>div.item>p:last-child{margin-bottom:0}#bottom>div>div.logo>p>span{display:block}#extension{padding:0 calc(var(--space-unit) * 2)}#extension>div{display:grid;grid-template-columns:1fr;grid-row-gap:var(--space-unit);align-items:center}#extension z-divider{margin-top:var(--space-unit)}#extension z-button{margin-left:var(--space-unit)}div.limited-width{margin:auto;max-width:var(--mw)}@media only screen and (min-width: 768px){footer{padding:0}#top{background-color:var(--gray800);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)}#top z-footer-section:last-child{display:none}#bottom{background-color:var(--gray900);padding:0 calc(var(--space-unit) * 3)}#bottom>div{grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-tablet-margin)}#bottom>div>div.item{margin:0}#bottom>div>div.item:nth-child(1){order:1}#bottom>div>div.item:nth-child(2){order:2;border-bottom:none}#bottom>div>div.item>p{padding-top:0}#bottom>div>div.logo>z-logo{width:auto;height:39px}#bottom>div>div.bottom-links{display:block;grid-column:span 2;order:3}#bottom>div>div.bottom-links{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, 24px);grid-column-gap:var(--grid-tablet-margin);font-size:12px}#extension{margin:auto;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3) 0;background-color:var(--gray800);color:white;grid-template-columns:1fr 1fr}#extension>div>div{text-align:end}#extension z-divider{grid-column:1 / span 2}}@media only screen and (min-width: 1152px){#top{width:100%}#top>div{grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-desktop-margin)}#bottom>div>div.item:nth-child(1)>p:nth-of-type(2){font-size:10px}#bottom>div>div.item>p{padding-bottom:0;margin-bottom:calc(var(--space-unit) * 2)}#bottom>div>div.item>div.social{margin-top:0}#bottom>div>div.bottom-links{padding:calc(var(--space-unit) * 2) 0 0 0}#bottom>div>div.bottom-links{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-desktop-margin);margin:0}}@media only screen and (min-width: 1366px){#top{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}#bottom{padding:0 calc(var(--space-unit) * 4)}#extension{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4) 0}}";export{a as z_footer}
1
+ import{r as i,c as t,h as o}from"./p-904a85e4.js";import{b as e,c as r}from"./p-3b3cd128.js";const a=class{constructor(o){i(this,o),this.creditsLinkClick=t(this,"creditsLinkClick",7),this.reportAProblemButtonClick=t(this,"reportAProblemButtonClick",7),this.creditsLinkId="creditsLinkId",this.emitReportAProblemButtonClick=this.emitReportAProblemButtonClick.bind(this)}componentWillLoad(){this.data&&(console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead."),this.jsonData=JSON.parse(this.data))}zLinkClickListener(i){i.detail.linkId===this.creditsLinkId&&this.emitCreditsLinkClick()}emitCreditsLinkClick(){this.creditsLinkClick.emit()}emitReportAProblemButtonClick(){this.reportAProblemButtonClick.emit()}renderZLogo(){return o("z-logo",{link:"https://www.zanichelli.it",width:144,height:38,imageAlt:"Home Zanichelli",targetBlank:!0})}renderAddress(){return o("p",null,"Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna",o("br",null),"Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024",o("br",null),"Partita IVA 03978000374")}renderSocial(){return o("div",{class:"social"},o("slot",{name:"social"}),this.renderFooterSocialJsonData())}renderCopyright(){return o("p",null,"Copyright – 2018-",(new Date).getFullYear()," Zanichelli",o("span",null,"All rights reserved"))}renderCertification(){return o("p",null,"Zanichelli editore S.p.A. opera con sistema qualità certificato CertiCarGraf n. 477",o("br",null),"secondo la norma UNI EN ISO 9001:2015")}renderBottomLinks(){return o("div",{class:"item bottom-links"},o("slot",{name:"links"}),this.renderFooterBottomJsonData())}renderFooterBottom(){return o("section",{id:"bottom"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("div",{class:"item logo"},this.renderZLogo(),this.renderCopyright(),this.renderCertification()),o("div",{class:"item"},this.renderAddress(),this.renderSocial()),this.renderBottomLinks()))}renderFooterTop(){return o("section",{id:"top"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("slot",null),this.renderFooterTopJsonData()))}renderFooterProductInfo(){var i;if(this.productName||this.productVersion||null!=this.productCreditsLink||this.showReportAProblemButton){const t=`${this.productName?" versione":"Versione"} ${this.productVersion}`,a=o("z-body",{level:5},(this.productName||this.productVersion)&&" - ",o("z-link",{htmlid:this.creditsLinkId,href:null===(i=this.productCreditsLink)||void 0===i?void 0:i.trim(),target:"_blank",textcolor:"white"},"Credits"));return o("div",{id:"extension"},o("div",{class:{"limited-width":!!this.contentMaxWidth},style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},o("span",null,this.productName&&o("z-body",{level:5,variant:"semibold"},this.productName),this.productVersion&&o("z-body",{level:5},t),null!=this.productCreditsLink&&a),this.showReportAProblemButton&&o("div",null,o("z-body",{level:5},"Hai bisogno di aiuto?"),o("z-button",{variant:e["dark-bg"],size:r.small,onClick:this.emitReportAProblemButtonClick},"SEGNALA UN PROBLEMA")),o("z-divider",{color:"gray500"})))}}renderFooterTopJsonData(){if(!this.jsonData||!this.jsonData.zanichelliLinks)return null;const i=this.jsonData.zanichelliLinks;return this.jsonData.bottomLinks&&i.push({title:"Altre informazioni",items:this.jsonData.bottomLinks}),i.map((i=>o("z-footer-section",{name:i.title},i.items.map((i=>o("z-footer-link",{href:i.link},i.label))))))}renderFooterBottomJsonData(){return this.jsonData&&this.jsonData.bottomLinks?this.jsonData.bottomLinks.map((i=>o("z-footer-link",{href:i.link},i.label))):null}renderFooterSocialJsonData(){return this.jsonData&&this.jsonData.social?this.jsonData.social.map((i=>o("z-footer-social",{href:i.link,icon:i.icon,description:i.description}))):null}render(){return o("footer",null,this.renderFooterProductInfo(),this.renderFooterTop(),this.renderFooterBottom())}};a.style=":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--font-family-sans);font-size:13px;padding:var(--space-unit) 0;background-color:var(--gray900);color:var(--gray50)}footer *{box-sizing:border-box}footer>section>div{display:grid}#top{padding:0 calc(var(--space-unit) * 2)}#bottom{width:auto;height:auto;margin:0;padding:0 calc(var(--space-unit) * 2);white-space:pre-line;font-size:12px}#bottom>div{display:grid;grid-template-columns:1fr}#bottom>div>div.item{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 1;height:auto;width:auto;padding:calc(var(--space-unit) * 2) 0}#bottom>div>div.item:nth-child(1){order:2}#bottom>div>div.item:nth-child(2){order:1;border-bottom:1px solid var(--gray50)}#bottom>div>div.item>div.social{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 24px);column-gap:12px;padding:0;margin-bottom:0px}#bottom>div>div.bottom-links{display:none}#bottom>div>div.item>p{margin:var(--space-unit) 0;padding:var(--space-unit) 0}#bottom>div>div.item>p:first-child{margin-top:0}#bottom>div>div.item>p:last-child{margin-bottom:0}#bottom>div>div.logo>p>span{display:block}#extension{padding:0 calc(var(--space-unit) * 2)}#extension>div{display:grid;grid-template-columns:1fr;grid-row-gap:var(--space-unit);align-items:center}#extension z-divider{margin-top:var(--space-unit)}#extension z-button{margin-left:var(--space-unit)}div.limited-width{margin:auto;max-width:var(--mw)}@media only screen and (min-width: 768px){footer{padding:0}#top{background-color:var(--gray800);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)}#top z-footer-section:last-child{display:none}#bottom{background-color:var(--gray900);padding:0 calc(var(--space-unit) * 3)}#bottom>div{grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-tablet-margin)}#bottom>div>div.item{margin:0}#bottom>div>div.item:nth-child(1){order:1}#bottom>div>div.item:nth-child(2){order:2;border-bottom:none}#bottom>div>div.item>p{padding-top:0}#bottom>div>div.logo>z-logo{width:auto;height:39px}#bottom>div>div.bottom-links{display:block;grid-column:span 2;order:3}#bottom>div>div.bottom-links{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, 24px);grid-column-gap:var(--grid-tablet-margin);font-size:12px}#extension{margin:auto;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3) 0;background-color:var(--gray800);color:white;grid-template-columns:1fr 1fr}#extension>div>div{text-align:end}#extension z-divider{grid-column:1 / span 2}}@media only screen and (min-width: 1152px){#top{width:100%}#top>div{grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-desktop-margin)}#bottom>div>div.item:nth-child(1)>p:nth-of-type(2){font-size:10px}#bottom>div>div.item>p{padding-bottom:0;margin-bottom:calc(var(--space-unit) * 2)}#bottom>div>div.item>div.social{margin-top:0}#bottom>div>div.bottom-links{padding:calc(var(--space-unit) * 2) 0 0 0}#bottom>div>div.bottom-links{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-desktop-margin);margin:0}}@media only screen and (min-width: 1366px){#top{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}#bottom{padding:0 calc(var(--space-unit) * 4)}#extension{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4) 0}}";export{a as z_footer}
@@ -1 +1 @@
1
- import{r as t,h as s,H as i}from"./p-904a85e4.js";import{A as a}from"./p-d945c8d2.js";const e=class{constructor(s){t(this,s),this.size=a.medium,this.textColor="text-white",this.backgroundColor="bg-grey-700",this.text||this.image||console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.small?"5":this.size===a.medium?"4":this.size===a.large?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
1
+ import{r as t,h as s,H as i}from"./p-904a85e4.js";import{A as a}from"./p-3b3cd128.js";const e=class{constructor(s){t(this,s),this.size=a.medium,this.textColor="text-white",this.backgroundColor="bg-grey-700",this.text||this.image||console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.small?"5":this.size===a.medium?"4":this.size===a.large?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s}from"./p-904a85e4.js";import{h}from"./p-1d371408.js";import{h as e}from"./p-6934ea47.js";import"./p-b68038b5.js";import"./p-d945c8d2.js";import"./p-d69e14fb.js";const a=class{constructor(s){t(this,s),this.goToPage=i(this,"goToPage",7),this.changeStartPage=i(this,"changeStartPage",7),this.addPageToHistory=i(this,"addPageToHistory",7),this.currentpage=1,this.startpage=1,this.listhistoryrow=[],this.currentPages=[],this.velocityConstantMultiplier=2,this.navigateRight=this.navigateRight.bind(this),this.navigateLeft=this.navigateLeft.bind(this),this.emitGoToPage=this.emitGoToPage.bind(this)}componentDidLoad(){this.scrollPage=this.scrollPage.bind(this);let t=new h(this.bar);t.on("swiperight",this.scrollPage),t.on("swipeleft",this.scrollPage)}componentWillRender(){this.initPagination()}componentWillUpdate(){this.initPagination()}initPagination(){this.loadPages(),this.historyraw&&this.parsehistoryraw(this.historyraw)}parsehistoryraw(t){this.listhistoryrow=[...JSON.parse(t)]}scrollPage(t){let i=Math.round(Math.abs(t.velocity))*this.velocityConstantMultiplier;const s=Math.max(1,i);switch(t.type){case"swiperight":if(!this.canNavigateLeft())break;const t=this.startpage-s;this.emitChangeStartPage(t>1?t:1);break;case"swipeleft":if(!this.canNavigateRight())break;const i=this.startpage+s;this.emitChangeStartPage(i<this.pages-this.visiblepages+1?i:this.pages-this.visiblepages+1)}}emitGoToPage(t){this.currentpage=t,this.goToPage.emit({page:t}),this.addPageToHistory.emit({page:t})}emitChangeStartPage(t){this.startpage=t,this.changeStartPage.emit({startpage:t})}emitAddPageToHistory(t){this.listhistoryrow.push(t),this.changeStartPage.emit({page:t})}loadPages(){this.currentPages.splice(0);const t=this.pageWindow();let i;for(i=0;i<t;i++)this.currentPages.push(i+this.startpage)}pageWindow(){return Math.min(this.pages,this.visiblepages)}canNavigateLeft(){return this.startpage>1}canNavigateRight(){return this.startpage+this.visiblepages-1<this.pages}navigateLeft(){this.canNavigateLeft()&&(this.startpage--,this.emitChangeStartPage(this.startpage),this.loadPages())}navigateRight(){this.canNavigateRight()&&(this.startpage++,this.emitChangeStartPage(this.startpage),this.loadPages())}render(){return s("div",{ref:t=>this.bar=t},s("z-icon",{name:"chevron-left",class:!this.canNavigateLeft()&&"disabled",onClick:()=>this.navigateLeft(),onKeyPress:t=>e(t,this.navigateLeft),tabindex:this.canNavigateLeft()?0:-1}),this.currentPages.map((t=>s("z-pagination-page",{value:t,isselected:t===this.currentpage,onClick:()=>this.emitGoToPage(t),onKeyDown:i=>e(i,this.emitGoToPage,t),isvisited:this.listhistoryrow.includes(t)}))),s("z-icon",{name:"chevron-right",class:!this.canNavigateRight()&&"disabled",onClick:()=>this.navigateRight(),onKeyPress:t=>e(t,this.navigateRight),tabindex:this.canNavigateRight()?0:-1}))}};a.style=":host>div{height:48px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}:host>div>z-icon{cursor:pointer;margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);fill:var(--color-primary01)}:host>div>z-icon.disabled{cursor:default;pointer-events:none;color:var(--color-disabled01);fill:var(--color-disabled01)}";export{a as z_pagination_bar}
1
+ import{r as t,c as i,h as s}from"./p-904a85e4.js";import{h}from"./p-1d371408.js";import{h as e}from"./p-24a2786b.js";import"./p-b68038b5.js";import"./p-3b3cd128.js";import"./p-d69e14fb.js";const a=class{constructor(s){t(this,s),this.goToPage=i(this,"goToPage",7),this.changeStartPage=i(this,"changeStartPage",7),this.addPageToHistory=i(this,"addPageToHistory",7),this.currentpage=1,this.startpage=1,this.listhistoryrow=[],this.currentPages=[],this.velocityConstantMultiplier=2,this.navigateRight=this.navigateRight.bind(this),this.navigateLeft=this.navigateLeft.bind(this),this.emitGoToPage=this.emitGoToPage.bind(this)}componentDidLoad(){this.scrollPage=this.scrollPage.bind(this);let t=new h(this.bar);t.on("swiperight",this.scrollPage),t.on("swipeleft",this.scrollPage)}componentWillRender(){this.initPagination()}componentWillUpdate(){this.initPagination()}initPagination(){this.loadPages(),this.historyraw&&this.parsehistoryraw(this.historyraw)}parsehistoryraw(t){this.listhistoryrow=[...JSON.parse(t)]}scrollPage(t){let i=Math.round(Math.abs(t.velocity))*this.velocityConstantMultiplier;const s=Math.max(1,i);switch(t.type){case"swiperight":if(!this.canNavigateLeft())break;const t=this.startpage-s;this.emitChangeStartPage(t>1?t:1);break;case"swipeleft":if(!this.canNavigateRight())break;const i=this.startpage+s;this.emitChangeStartPage(i<this.pages-this.visiblepages+1?i:this.pages-this.visiblepages+1)}}emitGoToPage(t){this.currentpage=t,this.goToPage.emit({page:t}),this.addPageToHistory.emit({page:t})}emitChangeStartPage(t){this.startpage=t,this.changeStartPage.emit({startpage:t})}emitAddPageToHistory(t){this.listhistoryrow.push(t),this.changeStartPage.emit({page:t})}loadPages(){this.currentPages.splice(0);const t=this.pageWindow();let i;for(i=0;i<t;i++)this.currentPages.push(i+this.startpage)}pageWindow(){return Math.min(this.pages,this.visiblepages)}canNavigateLeft(){return this.startpage>1}canNavigateRight(){return this.startpage+this.visiblepages-1<this.pages}navigateLeft(){this.canNavigateLeft()&&(this.startpage--,this.emitChangeStartPage(this.startpage),this.loadPages())}navigateRight(){this.canNavigateRight()&&(this.startpage++,this.emitChangeStartPage(this.startpage),this.loadPages())}render(){return s("div",{ref:t=>this.bar=t},s("z-icon",{name:"chevron-left",class:!this.canNavigateLeft()&&"disabled",onClick:()=>this.navigateLeft(),onKeyPress:t=>e(t,this.navigateLeft),tabindex:this.canNavigateLeft()?0:-1}),this.currentPages.map((t=>s("z-pagination-page",{value:t,isselected:t===this.currentpage,onClick:()=>this.emitGoToPage(t),onKeyDown:i=>e(i,this.emitGoToPage,t),isvisited:this.listhistoryrow.includes(t)}))),s("z-icon",{name:"chevron-right",class:!this.canNavigateRight()&&"disabled",onClick:()=>this.navigateRight(),onKeyPress:t=>e(t,this.navigateRight),tabindex:this.canNavigateRight()?0:-1}))}};a.style=":host>div{height:48px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}:host>div>z-icon{cursor:pointer;margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);fill:var(--color-primary01)}:host>div>z-icon.disabled{cursor:default;pointer-events:none;color:var(--color-disabled01);fill:var(--color-disabled01)}";export{a as z_pagination_bar}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e}from"./p-904a85e4.js";import{I as s,k as r}from"./p-d945c8d2.js";import{h as o}from"./p-6934ea47.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.text,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"openComboData"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.checkbox,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,hasmessage:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"checkAllWrapper"},e("z-input",{type:s.checkbox,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:`${this.isopen?"open":""} ${this.isfixed?"fixed":""}`,id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--bg-white) 2px,\n var(--bg-grey-200) 4px,\n var(--bg-white) 8px\n );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";export{a as z_combobox}
1
+ import{r as t,c as i,h as e}from"./p-904a85e4.js";import{I as s,k as r}from"./p-3b3cd128.js";import{h as o}from"./p-24a2786b.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.text,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"openComboData"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.checkbox,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,hasmessage:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"checkAllWrapper"},e("z-input",{type:s.checkbox,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:`${this.isopen?"open":""} ${this.isfixed?"fixed":""}`,id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--bg-white) 2px,\n var(--bg-grey-200) 4px,\n var(--bg-white) 8px\n );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";export{a as z_combobox}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a,g as o}from"./p-904a85e4.js";import{c as r}from"./p-3247dee9.js";import{r as e,s as n,P as l,B as c,c as d}from"./p-d945c8d2.js";import{b as p}from"./p-6934ea47.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){p(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=p(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:d["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{h as z_table_header}
1
+ import{r as t,c as s,h as i,H as a,g as o}from"./p-904a85e4.js";import{c as r}from"./p-3247dee9.js";import{t as e,u as n,P as l,b as c,c as p}from"./p-3b3cd128.js";import{b as d}from"./p-24a2786b.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){d(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=d(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:p["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{h as z_table_header}
@@ -1 +1 @@
1
- import{k as t,D as n}from"./p-d945c8d2.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function s(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function e(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?e(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{i as a,o as b,f as c,e as d,c as g,s as h,u as r}
1
+ import{k as t,D as n}from"./p-3b3cd128.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function s(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function e(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?e(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{i as a,o as b,f as c,e as d,c as g,s as h,u as r}
@@ -1 +1 @@
1
- import{r as t,h as i,H as a,g as o}from"./p-904a85e4.js";import{h as e,i as s}from"./p-d945c8d2.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
+ import{r as t,h as i,H as a,g as o}from"./p-904a85e4.js";import{l as e,m as s}from"./p-3b3cd128.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 +1 @@
1
- import{r as t,h as e,g as i}from"./p-904a85e4.js";import{D as r}from"./p-d945c8d2.js";import{a as s,g as o,h as n}from"./p-6934ea47.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.mobile:return 24;case r.tablet:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
1
+ import{r as t,h as e,g as i}from"./p-904a85e4.js";import{D as r}from"./p-3b3cd128.js";import{a as s,g as o,h as n}from"./p-24a2786b.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.mobile:return 24;case r.tablet:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
@@ -1 +1 @@
1
- import{r as e,c as t,h as a,H as l}from"./p-904a85e4.js";import{j as d}from"./p-d945c8d2.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
1
+ import{r as e,c as t,h as a,H as l}from"./p-904a85e4.js";import{n as d}from"./p-3b3cd128.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
@@ -0,0 +1 @@
1
+ var n,t,e,o,a,i,s,r,c,l,u,f,d,m,g,h,w,b,p,v,E,x,A,k,_,y,C,R,S,D,O,P,T,B,N,W,z,K;!function(n){n.real="reale",n.virtual="virtuale",n.trial="saggio"}(n||(n={})),function(n){n.border="border",n.shadow="shadow",n.overlay="overlay",n.text="text"}(t||(t={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(e||(e={})),function(n){n.big="big",n.small="small"}(o||(o={})),function(n){n.primary="primary",n.secondary="secondary",n.tertiary="tertiary",n["dark-bg"]="dark-bg"}(a||(a={})),function(n){n.submit="submit",n.reset="reset",n.button="button"}(i||(i={})),function(n){n.big="big",n.small="small",n["x-small"]="x-small"}(s||(s={})),function(n){n.text="text",n.password="password",n.number="number",n.email="email",n.textarea="textarea",n.checkbox="checkbox",n.radio="radio",n.select="select"}(r||(r={})),function(n){n.success="success",n.error="error",n.warning="warning",n.selecting="selecting"}(c||(c={})),function(n){n.AUTO="auto",n.TOP="top",n.RIGHT="right",n.BOTTOM="bottom",n.LEFT="left",n.TOP_RIGHT="top_right",n.TOP_LEFT="top_left",n.BOTTOM_RIGHT="bottom_right",n.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(n){n[n.TAB=9]="TAB",n[n.SPACE=32]="SPACE",n[n.ESC=27]="ESC",n[n.ENTER=13]="ENTER",n[n.ARROW_UP=38]="ARROW_UP",n[n.ARROW_DOWN=40]="ARROW_DOWN",n[n.BACKSPACE=8]="BACKSPACE",n[n.DELETE=46]="DELETE"}(u||(u={})),function(n){n.ARROW_DOWN="ArrowDown",n.ARROW_UP="ArrowUp",n.ENTER="Enter",n.ESC="Escape",n.SPACE="Space"}(f||(f={})),function(n){n.dark="dark",n.light="light"}(d||(d={})),function(n){n["after-down"]="after-down",n["after-center"]="after-center",n["after-up"]="after-up",n["below-right"]="below-right",n["below-center"]="below-center",n["below-left"]="below-left",n["before-down"]="before-down",n["before-center"]="before-center",n["before-up"]="before-up",n["above-right"]="above-right",n["above-center"]="above-center",n["above-left"]="above-left"}(m||(m={})),function(n){n.none="none",n.small="small",n.medium="medium"}(g||(g={})),function(n){n["shadow-1"]="shadow-1",n["shadow-2"]="shadow-2",n["shadow-3"]="shadow-3",n["shadow-4"]="shadow-4",n["shadow-6"]="shadow-6",n["shadow-8"]="shadow-8",n["shadow-12"]="shadow-12",n["shadow-16"]="shadow-16",n["shadow-24"]="shadow-24"}(h||(h={})),function(n){n.small="small",n.medium="medium",n.large="large"}(w||(w={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(b||(b={})),function(n){n.asc="asc",n.desc="desc",n.none="none"}(p||(p={})),function(n){n.small="small",n.medium="medium",n.large="large"}(v||(v={})),function(n){n.warning="warning",n.error="error",n.success="success",n.neutral="neutral",n.default="default"}(E||(E={})),function(n){n.small="small",n.medium="medium",n.large="large",n["x-large"]="x-large"}(x||(x={})),function(n){n["x-small"]="x-small",n.small="small",n.medium="medium",n.large="large",n.special="special"}(A||(A={})),function(n){n.accordion="accordion",n.menu="menu"}(k||(k={})),function(n){n.right="right",n.left="left"}(_||(_={})),function(n){n.none="none",n.header="header",n.element="element"}(y||(y={})),function(n){n.success="success",n.warning="warning",n.error="error"}(C||(C={})),function(n){n.success="success",n.warning="warning",n.error="error"}(R||(R={})),function(n){n.mobile="mobile",n.tablet="tablet",n.desktop="desktop"}(S||(S={})),function(n){n.preview="preview",n.open="open",n.closed="closed"}(D||(D={})),function(n){n.dark="dark",n.light="light",n.accent="accent",n.error="error",n.success="success",n.warning="warning"}(O||(O={})),function(n){n.slideInLeft="slide-in-left",n.slideInRight="slide-in-right",n.slideInDown="slide-in-down",n.slideInUp="slide-in-up",n.slideOutLeft="slide-out-left",n.slideOutRight="slide-out-right",n.slideOutDown="slide-out-down",n.slideOutUp="slide-out-up"}(P||(P={})),function(n){n.topRight="top-right",n.topLeft="top-left",n.topCentre="top-centre",n.bottomRight="bottom-right",n.bottomLeft="bottom-left",n.bottomCentre="bottom-centre"}(T||(T={})),function(n){n.expandable="expandable",n.padding="padding",n.none="none"}(B||(B={})),function(n){n.polite="polite",n.assertive="assertive"}(N||(N={})),function(n){n.left="left",n.right="right"}(W||(W={})),function(n){n.overlay="overlay",n.pushcontent="pushcontent"}(z||(z={})),function(n){n.default="default",n.mini="mini"}(K||(K={}));export{v as A,i as B,t as C,S as D,_ as E,r as I,f as K,n as L,C as N,z as O,m as P,E as S,d as T,N as Z,b as a,a as b,s as c,w as d,W as e,K as f,D as g,c as h,R as i,l as j,u as k,e as l,o as m,B as n,P as o,T as p,x as q,y as r,k as s,A as t,p as u,g as v,h as w}
@@ -1 +1 @@
1
- import{r,h as e}from"./p-904a85e4.js";import{L as t}from"./p-d945c8d2.js";const i=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.real?r+="real":this.cardtype===t.trial&&(r+="trial"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};i.style="div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const a=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};a.style=":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.real,trial:this.cardtype===t.trial,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("h2",{ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{i as z_myz_card,a as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
1
+ import{r,h as e}from"./p-904a85e4.js";import{L as t}from"./p-3b3cd128.js";const i=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.real?r+="real":this.cardtype===t.trial&&(r+="trial"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};i.style="div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const a=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};a.style=":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.real,trial:this.cardtype===t.trial,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("h2",{ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{i as z_myz_card,a as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as n,g as i,c as o}from"./p-904a85e4.js";import{q as s,E as a,r,d as c,s as l,K as h}from"./p-3b3cd128.js";const u=class{constructor(e){t(this,e),this.size=s.medium}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length-1;e++)t[e].setAttribute("size",this.size)}componentDidLoad(){this.setChildrenSizeType()}render(){return e(n,{role:"list"},e("slot",null))}get host(){return i(this)}};u.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:flex;flex-direction:column}";const d=class{constructor(e){t(this,e),this.accessibleFocus=o(this,"accessibleFocus",7),this.clickItem=o(this,"clickItem",7),this.alignButton=a.left,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=r.none,this.dividerSize=c.small,this.expandable=!1,this.expandableStyle=l.accordion,this.size=s.medium,this.color="none",this.disabled=!1,this.isContextualMenu=!1,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}accessibleFocusHandler(t){this.listElementId===t.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${t.detail}`).focus()}handleClick(){this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent)}calculateClass(){return this.isContextualMenu?"container-contextual-menu":"container"}handleKeyDown(t){const e=t.code===h.ENTER;switch(t.code){case h.ARROW_DOWN:t.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case h.ARROW_UP:t.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case h.ENTER:t.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&e&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?e("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?e("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},e("slot",{name:"inner-content"})):null}render(){return e(n,{role:"listitem","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.isContextualMenu?null:"0"},e("div",{class:`${this.calculateClass()}`,style:{color:`var(--${this.color})`},tabindex:this.isContextualMenu?"0":"-1",id:`z-list-element-id-${this.listElementId}`},e("div",{class:"z-list-element-container"},this.renderExpandableButton(),e("slot",null)),this.renderExpandedContent()),this.dividerType===r.element&&e("z-divider",{color:this.dividerColor,size:this.dividerSize}))}get host(){return i(this)}};d.style=':host{outline:none}:host>.container,:host>.container-contextual-menu{--background-color-list-element:var(--bg-white);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}:host([size="small"])>.container{padding:calc(var(--space-unit) / 2) 0;min-height:calc(var(--space-unit) * 4)}:host([size="medium"])>.container{padding:var(--space-unit) 0;min-height:calc(var(--space-unit) * 5)}:host([size="large"])>.container{padding:calc(var(--space-unit) * 2) 0;min-height:calc(var(--space-unit) * 7)}:host([size="x-large"])>.container{padding:calc(var(--space-unit) * 3) 0;min-height:calc(var(--space-unit) * 9)}:host([expandable])>.container,:host([expandable])>.container-contextual-menu,:host([clickable])>.container,:host([clickable])>.container-contextual-menu{cursor:pointer}:host([expandable]:hover)>.container,:host([expandable]:hover)>.container-contextual-menu,:host([clickable]:hover)>.container,:host([clickable]:hover)>.container-contextual-menu{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([expandable]:focus:focus-visible)>.container-contextual-menu,:host([clickable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container-contextual-menu{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([expandable]:active)>.container-contextual-menu,:host([clickable]:active)>.container,:host([clickable]:active)>.container-contextual-menu{background-color:var(--background-active-color-list-element)}:host([align-button="left"][expandable])>.container>.z-list-element-container,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container,:host>.container-contextual-menu>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded,:host>.container-contextual-menu>.z-list-element-inner-container.expanded{display:block}:host([clickable]:hover)>.container-contextual-menu{background-color:var(--color-surface03)}.container-contextual-menu:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}';const m=class{constructor(e){t(this,e),this.size=s.medium,this.dividerType=r.none,this.dividerSize=c.small,this.dividerColor="gray200"}componentDidLoad(){const t=this.host.children;for(let e=0;e<t.length;e++)t.length-1>e&&(t[e].setAttribute("divider-type",this.dividerType),t[e].setAttribute("divider-size",this.dividerSize),t[e].setAttribute("divider-color",this.dividerColor)),t[e].setAttribute("size",this.size)}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return e(n,{role:"group"},e("div",{class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},e("slot",{name:"header-title"}),this.dividerType===r.header&&e("z-divider",{color:this.dividerColor,size:this.dividerSize})),e("slot",null))}get host(){return i(this)}};m.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;line-height:1.4;letter-spacing:0.16px}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}";export{u as z_list,d as z_list_element,m as z_list_group}
@@ -1 +1 @@
1
- import{r as i,c as t,h as n}from"./p-904a85e4.js";import{g as e}from"./p-d945c8d2.js";import{h as s}from"./p-6934ea47.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
1
+ import{r as i,c as t,h as n}from"./p-904a85e4.js";import{j as e}from"./p-3b3cd128.js";import{h as s}from"./p-24a2786b.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,g as s}from"./p-904a85e4.js";import{d as o}from"./p-d945c8d2.js";import{h as a}from"./p-6934ea47.js";import{h as r}from"./p-1d371408.js";import"./p-d69e14fb.js";import"./p-b68038b5.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
1
+ import{r as t,c as i,h as s,g as e}from"./p-904a85e4.js";import{g as o}from"./p-3b3cd128.js";import{h as a}from"./p-24a2786b.js";import{h as r}from"./p-1d371408.js";import"./p-d69e14fb.js";import"./p-b68038b5.js";const n=class{constructor(s){t(this,s),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return s("div",null,s("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),s("div",{id:this.pocketid,class:"contentWrapper"},s("div",null,s("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return s("main",{class:this.status},s("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(s){t(this,s),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return s("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},s("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
@@ -1 +1 @@
1
- import{r as t,h as i,g as o}from"./p-904a85e4.js";import{b as r}from"./p-d945c8d2.js";const e=class{constructor(i){t(this,i),this.disabled=!1,this.filter=!1}renderLegacyChip(){return i("div",null,i("span",{class:"boldtext"},this.boldtext)," ",this.regulartext)}renderFilterChip(){return this.filter?i("button",{class:this.type?this.type:r.default,disabled:this.disabled,tabindex:"0"},i("slot",null)):i("div",{class:this.type?this.type:""},i("slot",null))}render(){return null!=this.boldtext||null!=this.regulartext?this.renderLegacyChip():this.renderFilterChip()}get hostElement(){return o(this)}};e.style=":host>button{display:inline-block;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-medium) solid var(--bg-grey-200);color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}:host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}:host>button:hover{color:var(--myz-blue-dark)}:host>button:disabled{border:var(--border-size-medium) solid var(--bg-grey-200);color:rgb(149, 153, 157);box-shadow:none}:host>button.default:focus:focus-visible,:host>button.mini:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>button:not(:disabled):active{background-color:var(--gray50)}:host>button.default,:host>div.default{min-height:44px;border-radius:22px;line-height:44px}:host>button.mini,:host>div.mini{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){:host>button{font-size:12px}:host>button.default,:host>div.default{min-height:32px;border-radius:16px;line-height:32px}:host>button.mini,:host>div.mini{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}
1
+ import{r as t,h as i,g as o}from"./p-904a85e4.js";import{f as r}from"./p-3b3cd128.js";const e=class{constructor(i){t(this,i),this.disabled=!1,this.filter=!1}renderLegacyChip(){return i("div",null,i("span",{class:"boldtext"},this.boldtext)," ",this.regulartext)}renderFilterChip(){return this.filter?i("button",{class:this.type?this.type:r.default,disabled:this.disabled,tabindex:"0"},i("slot",null)):i("div",{class:this.type?this.type:""},i("slot",null))}render(){return null!=this.boldtext||null!=this.regulartext?this.renderLegacyChip():this.renderFilterChip()}get hostElement(){return o(this)}};e.style=":host>button{display:inline-block;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-medium) solid var(--bg-grey-200);color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}:host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}:host>button:hover{color:var(--myz-blue-dark)}:host>button:disabled{border:var(--border-size-medium) solid var(--bg-grey-200);color:rgb(149, 153, 157);box-shadow:none}:host>button.default:focus:focus-visible,:host>button.mini:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>button:not(:disabled):active{background-color:var(--gray50)}:host>button.default,:host>div.default{min-height:44px;border-radius:22px;line-height:44px}:host>button.mini,:host>div.mini{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){:host>button{font-size:12px}:host>button.default,:host>div.default{min-height:32px;border-radius:16px;line-height:32px}:host>button.mini,:host>div.mini{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}