@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
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-dee3e21d.js');
6
- const index$1 = require('./index-dcab1bda.js');
7
-
8
- const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
9
-
10
- const ZDivider = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- /** [optional] Divider size */
14
- this.size = index$1.DividerSize.small;
15
- /** [optional] Divider color */
16
- this.color = "gray200";
17
- /** [optional] Divider orintation */
18
- this.orientation = index$1.DividerOrientation.horizontal;
19
- }
20
- render() {
21
- return (index.h(index.Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
22
- }
23
- };
24
- ZDivider.style = stylesCss;
25
-
26
- exports.z_divider = ZDivider;
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-dee3e21d.js');
6
- const icons = require('./icons-05eba7ee.js');
7
-
8
- const stylesCss = ":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
9
-
10
- const ZIcon = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- }
14
- selectPathOrPolygon(iconName) {
15
- if (iconName && iconName.startsWith("M")) {
16
- return index.h("path", { d: icons.icons[this.name] });
17
- }
18
- else {
19
- return index.h("polygon", { points: icons.icons[this.name] });
20
- }
21
- }
22
- render() {
23
- return (index.h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(icons.icons[this.name])));
24
- }
25
- };
26
- ZIcon.style = stylesCss;
27
-
28
- exports.z_icon = ZIcon;
@@ -1,71 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-dee3e21d.js');
6
-
7
- const stylesCss = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
8
-
9
- const ZLink = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.zLinkClick = index.createEvent(this, "zLinkClick", 7);
13
- /** link target (optional) */
14
- this.target = "_self";
15
- /** tabindex link attribute (optional) */
16
- this.htmltabindex = 0;
17
- /** disable link flag (optional) */
18
- this.isdisabled = false;
19
- /** active link flag (optional) */
20
- this.isactive = false;
21
- /** white variant flag (optional) */
22
- this.iswhite = false;
23
- /** link text variant (optional) */
24
- this.textcolor = "primary";
25
- /** big link version */
26
- this.big = false;
27
- /** link icon position (optional) */
28
- this.iconposition = "left";
29
- /** draw underline on text (optional) */
30
- this.underline = false;
31
- this.iconSize = 18;
32
- this.emitZLinkClick = this.emitZLinkClick.bind(this);
33
- this.emitZLinkInteraction = this.emitZLinkInteraction.bind(this);
34
- }
35
- componentWillRender() {
36
- if (this.iswhite) {
37
- console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead");
38
- }
39
- if (this.big) {
40
- console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead");
41
- }
42
- }
43
- emitZLinkClick(e, linkId) {
44
- this.emitZLinkInteraction(e, linkId);
45
- }
46
- emitZLinkInteraction(e, linkId) {
47
- this.zLinkClick.emit({ e, linkId });
48
- }
49
- componentDidRender() {
50
- if (this.icon) {
51
- const height = parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue('font-size'));
52
- const currentSize = this.big ? 18 : Math.round(height * 1.125);
53
- if (!Number.isNaN(currentSize) && this.iconSize !== currentSize) {
54
- this.iconSize = currentSize;
55
- }
56
- }
57
- }
58
- render() {
59
- const style = this.big ? { "--font-size-link": "16px", "--font-weight-link": "600" } : {};
60
- return (index.h(index.Host, { style: style }, index.h("a", { id: this.htmlid, href: this.href ? this.href : null, class: `${this.isdisabled ? "disabled" : ""}
61
- ${this.isactive ? "active" : ""}
62
- ${this.textcolor}
63
- ${this.iswhite ? "white" : ""}
64
- ${this.underline ? "underline" : ""}`, target: this.target, role: this.href ? "link" : "button", tabindex: this.isdisabled ? -1 : this.htmltabindex, onClick: (e) => this.emitZLinkClick(e, this.htmlid) }, this.iconposition === "right" && index.h("slot", null), this.icon &&
65
- index.h("z-icon", { style: { "--z-icon-width": this.iconSize.toString(), "--z-icon-height": this.iconSize.toString() }, name: this.icon, height: this.iconSize, width: this.iconSize }), this.iconposition === "left" && index.h("slot", null))));
66
- }
67
- get hostElement() { return index.getElement(this); }
68
- };
69
- ZLink.style = stylesCss;
70
-
71
- exports.z_link = ZLink;
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-dee3e21d.js');
6
-
7
- const stylesCss = ":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";
8
-
9
- const ZLogo = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- }
13
- render() {
14
- const style = {};
15
- if (this.width) {
16
- style["width"] = style["max-width"] = `${this.width}px`;
17
- }
18
- if (this.height) {
19
- style["height"] = style["max-height"] = `${this.height}px`;
20
- }
21
- return (index.h(index.Host, { style: style, class: { "mobile": !!this.mobileLogo } }, this.link ?
22
- index.h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, index.h("img", { alt: this.imageAlt })) :
23
- index.h("img", { alt: this.imageAlt })));
24
- }
25
- };
26
- ZLogo.style = stylesCss;
27
-
28
- exports.z_logo = ZLogo;
@@ -1,25 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-fa9e549c.js';
2
- import { T as ThemeVariant } from './index-6b86a3f1.js';
3
-
4
- const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";
5
-
6
- const ZAppSwitcher = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.appButtonClick = createEvent(this, "appButtonClick", 7);
10
- /** theme variant, default 'dark' */
11
- this.theme = ThemeVariant.dark;
12
- this.isopen = false;
13
- this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
14
- }
15
- emitAppButtonClick() {
16
- this.isopen = !this.isopen;
17
- this.appButtonClick.emit({ isopen: this.isopen });
18
- }
19
- render() {
20
- return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
21
- }
22
- };
23
- ZAppSwitcher.style = stylesCss;
24
-
25
- export { ZAppSwitcher as z_app_switcher };
@@ -1,37 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
2
- import { T as ThemeVariant, a as DividerOrientation } from './index-6b86a3f1.js';
3
- import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
4
-
5
- const stylesCss = ":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
6
-
7
- const ZAppTopbar = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- /** theme variant, default 'dark' */
11
- this.theme = ThemeVariant.dark;
12
- this.topbarLinks = [];
13
- }
14
- handleResize() {
15
- this.isMobile = window.innerWidth <= mobileBreakpoint;
16
- }
17
- componentWillLoad() {
18
- this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
19
- }
20
- componentWillRender() {
21
- if (this.topbarContent) {
22
- this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
23
- }
24
- }
25
- renderTopbarLinks() {
26
- return this.topbarLinks.map((link) => h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.light ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label));
27
- }
28
- render() {
29
- return (h(Host, { class: {
30
- [this.theme]: true,
31
- "limited-width": !!this.contentMaxWidth
32
- } }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
33
- }
34
- };
35
- ZAppTopbar.style = stylesCss;
36
-
37
- export { ZAppTopbar as z_app_topbar };
@@ -1,35 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index-fa9e549c.js';
2
- import { c as classnames } from './index-aa3a4feb.js';
3
- import { v as ButtonTypeEnum, B as ButtonVariantEnum, c as ButtonSizeEnum } from './index-6b86a3f1.js';
4
- import './_commonjsHelpers-8b28c6fa.js';
5
-
6
- const stylesCss = ":host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size=\"big\"]) ::slotted(button),:host([size=\"big\"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size=\"small\"]) ::slotted(button),:host([size=\"small\"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size=\"x-small\"]) ::slotted(button),:host([size=\"x-small\"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant=\"primary\"]) ::slotted(button),:host([variant=\"primary\"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant=\"primary\"]) ::slotted(button:hover),:host([variant=\"primary\"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant=\"primary\"]) ::slotted(button:active),:host([variant=\"primary\"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant=\"primary\"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant=\"secondary\"]) ::slotted(button),:host([variant=\"secondary\"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant=\"secondary\"]) ::slotted(button:hover),:host([variant=\"secondary\"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant=\"secondary\"]) ::slotted(button:active),:host([variant=\"secondary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant=\"secondary\"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant=\"tertiary\"]) ::slotted(button),:host([variant=\"tertiary\"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant=\"tertiary\"]) ::slotted(button:hover),:host([variant=\"tertiary\"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant=\"tertiary\"]) ::slotted(button:focus:focus-visible),:host([variant=\"tertiary\"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant=\"tertiary\"]) ::slotted(button:active),:host([variant=\"tertiary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant=\"tertiary\"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant=\"dark-bg\"]) ::slotted(button),:host([variant=\"dark-bg\"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant=\"dark-bg\"]) ::slotted(button:hover),:host([variant=\"dark-bg\"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant=\"dark-bg\"]) ::slotted(button:active),:host([variant=\"dark-bg\"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant=\"dark-bg\"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}";
7
-
8
- const ZButton = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- /** HTML button disabled attribute. */
12
- this.disabled = false;
13
- /** HTML button type attribute. */
14
- this.type = ButtonTypeEnum.button;
15
- /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
16
- this.variant = ButtonVariantEnum.primary;
17
- /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
18
- this.size = ButtonSizeEnum.big;
19
- /** Reduce button size (deprecated).
20
- *
21
- * @deprecated Use `size` prop.
22
- * */
23
- this.issmall = false;
24
- /** Spy to render square button. */
25
- this.square = false;
26
- }
27
- render() {
28
- this.hostElement.style.pointerEvents = this.disabled ? "none" : "auto";
29
- return (h("slot", { name: "element" }, h("button", { id: this.htmlid, name: this.name, type: this.type, disabled: this.disabled, class: classnames(this.variant, this.size, { issmall: this.issmall }, { square: this.square }) }, this.icon && h("z-icon", { name: this.icon, width: 16, height: 16 }), h("slot", null))));
30
- }
31
- get hostElement() { return getElement(this); }
32
- };
33
- ZButton.style = stylesCss;
34
-
35
- export { ZButton as z_button };
@@ -1,65 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-fa9e549c.js';
2
- import { C as CardVariants } from './index-6b86a3f1.js';
3
-
4
- const stylesCss = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
5
-
6
- const ZCard = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.cardClicked = createEvent(this, "cardClicked", 7);
10
- /** Enable click interactions on the card. Default: false */
11
- this.clickable = false;
12
- /** Enable shadow. Default: false. */
13
- this.showshadow = false;
14
- }
15
- onClick(ev) {
16
- // Do nothing for clicks on actions.
17
- if (ev.target.getAttribute('slot') === 'action') {
18
- return;
19
- }
20
- if (!this.clickable) {
21
- ev.preventDefault();
22
- ev.stopPropagation();
23
- return;
24
- }
25
- this.cardClicked.emit();
26
- }
27
- componentWillLoad() {
28
- this.hasCoverImage = !!this.host.querySelector('[slot="cover"]');
29
- }
30
- /**
31
- * Template for a card without image cover.
32
- * A colored background replaces the image and some data is moved over it.
33
- */
34
- renderColorCoverCard() {
35
- return [
36
- h("div", { class: "cover-container" }, h("div", { class: "color-cover" }, h("div", { class: "cover-content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" })))),
37
- h("div", { class: "content" }, h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" })))
38
- ];
39
- }
40
- /**
41
- * Template for the content div.
42
- */
43
- renderContentDiv() {
44
- return (h("div", { class: "content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" }), h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" }))));
45
- }
46
- render() {
47
- if (this.variant === CardVariants.text) {
48
- return this.renderContentDiv();
49
- }
50
- if (this.variant === CardVariants.overlay || this.hasCoverImage) {
51
- return [
52
- h("div", { class: "cover-container" }, this.hasCoverImage && [
53
- h("slot", { name: "cover" }),
54
- (this.variant !== CardVariants.overlay) && this.coverIcon && h("z-icon", { name: this.coverIcon })
55
- ], !this.hasCoverImage && h("div", { class: "color-cover" })),
56
- this.renderContentDiv()
57
- ];
58
- }
59
- return this.renderColorCoverCard();
60
- }
61
- get host() { return getElement(this); }
62
- };
63
- ZCard.style = stylesCss;
64
-
65
- export { ZCard as z_card };
@@ -1,15 +0,0 @@
1
- import { r as registerInstance, h } from './index-fa9e549c.js';
2
-
3
- const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";
4
-
5
- const ZCarousel = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- return (h("ul", { class: "z-carousel-items-container" }, h("slot", null)));
11
- }
12
- };
13
- ZCarousel.style = stylesCss;
14
-
15
- export { ZCarousel as z_carousel };
@@ -1,22 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
2
- import { p as DividerSize, a as DividerOrientation } from './index-6b86a3f1.js';
3
-
4
- const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
5
-
6
- const ZDivider = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- /** [optional] Divider size */
10
- this.size = DividerSize.small;
11
- /** [optional] Divider color */
12
- this.color = "gray200";
13
- /** [optional] Divider orintation */
14
- this.orientation = DividerOrientation.horizontal;
15
- }
16
- render() {
17
- return (h(Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
18
- }
19
- };
20
- ZDivider.style = stylesCss;
21
-
22
- export { ZDivider as z_divider };
@@ -1,24 +0,0 @@
1
- import { r as registerInstance, h } from './index-fa9e549c.js';
2
- import { i as icons } from './icons-bceeb196.js';
3
-
4
- const stylesCss = ":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
5
-
6
- const ZIcon = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- }
10
- selectPathOrPolygon(iconName) {
11
- if (iconName && iconName.startsWith("M")) {
12
- return h("path", { d: icons[this.name] });
13
- }
14
- else {
15
- return h("polygon", { points: icons[this.name] });
16
- }
17
- }
18
- render() {
19
- return (h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(icons[this.name])));
20
- }
21
- };
22
- ZIcon.style = stylesCss;
23
-
24
- export { ZIcon as z_icon };
@@ -1,67 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fa9e549c.js';
2
-
3
- const stylesCss = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
4
-
5
- const ZLink = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.zLinkClick = createEvent(this, "zLinkClick", 7);
9
- /** link target (optional) */
10
- this.target = "_self";
11
- /** tabindex link attribute (optional) */
12
- this.htmltabindex = 0;
13
- /** disable link flag (optional) */
14
- this.isdisabled = false;
15
- /** active link flag (optional) */
16
- this.isactive = false;
17
- /** white variant flag (optional) */
18
- this.iswhite = false;
19
- /** link text variant (optional) */
20
- this.textcolor = "primary";
21
- /** big link version */
22
- this.big = false;
23
- /** link icon position (optional) */
24
- this.iconposition = "left";
25
- /** draw underline on text (optional) */
26
- this.underline = false;
27
- this.iconSize = 18;
28
- this.emitZLinkClick = this.emitZLinkClick.bind(this);
29
- this.emitZLinkInteraction = this.emitZLinkInteraction.bind(this);
30
- }
31
- componentWillRender() {
32
- if (this.iswhite) {
33
- console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead");
34
- }
35
- if (this.big) {
36
- console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead");
37
- }
38
- }
39
- emitZLinkClick(e, linkId) {
40
- this.emitZLinkInteraction(e, linkId);
41
- }
42
- emitZLinkInteraction(e, linkId) {
43
- this.zLinkClick.emit({ e, linkId });
44
- }
45
- componentDidRender() {
46
- if (this.icon) {
47
- const height = parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue('font-size'));
48
- const currentSize = this.big ? 18 : Math.round(height * 1.125);
49
- if (!Number.isNaN(currentSize) && this.iconSize !== currentSize) {
50
- this.iconSize = currentSize;
51
- }
52
- }
53
- }
54
- render() {
55
- const style = this.big ? { "--font-size-link": "16px", "--font-weight-link": "600" } : {};
56
- return (h(Host, { style: style }, h("a", { id: this.htmlid, href: this.href ? this.href : null, class: `${this.isdisabled ? "disabled" : ""}
57
- ${this.isactive ? "active" : ""}
58
- ${this.textcolor}
59
- ${this.iswhite ? "white" : ""}
60
- ${this.underline ? "underline" : ""}`, target: this.target, role: this.href ? "link" : "button", tabindex: this.isdisabled ? -1 : this.htmltabindex, onClick: (e) => this.emitZLinkClick(e, this.htmlid) }, this.iconposition === "right" && h("slot", null), this.icon &&
61
- h("z-icon", { style: { "--z-icon-width": this.iconSize.toString(), "--z-icon-height": this.iconSize.toString() }, name: this.icon, height: this.iconSize, width: this.iconSize }), this.iconposition === "left" && h("slot", null))));
62
- }
63
- get hostElement() { return getElement(this); }
64
- };
65
- ZLink.style = stylesCss;
66
-
67
- export { ZLink as z_link };
@@ -1,24 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
2
-
3
- const stylesCss = ":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";
4
-
5
- const ZLogo = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const style = {};
11
- if (this.width) {
12
- style["width"] = style["max-width"] = `${this.width}px`;
13
- }
14
- if (this.height) {
15
- style["height"] = style["max-height"] = `${this.height}px`;
16
- }
17
- return (h(Host, { style: style, class: { "mobile": !!this.mobileLogo } }, this.link ?
18
- h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt })) :
19
- h("img", { alt: this.imageAlt })));
20
- }
21
- };
22
- ZLogo.style = stylesCss;
23
-
24
- export { ZLogo as z_logo };
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as r}from"./p-904a85e4.js";import{f as i}from"./p-d945c8d2.js";const o=class{constructor(r){e(this,r),this.undoAction=t(this,"undoAction",7)}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){32!=e.keyCode&&13!=e.keyCode||(e.preventDefault(),this.emitUndoAction())}handleActionButtonClick(e){e.preventDefault(),this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="addAlert";break;case"remove":e="removeAlert";break;default:e=""}return e}getAlertType(){switch(this.type){case"add":return i.success;case"remove":return i.warning;default:return null}}render(){return r("div",{class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{type:this.getAlertType()},r("div",{class:"relativeContainer"},r("z-icon",{name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{class:"contentText"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{role:"button",tabindex:"0",class:"contentAction",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};o.style=":host{position:absolute;font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%;top:0px;left:0px;z-index:2}:host>z-alert{height:calc(var(--space-unit) * 6)}.relativeContainer{position:relative;display:grid;grid-template-columns:18px auto 46px;grid-template-rows:1fr;grid-column-gap:var(--space-unit);align-items:center;padding:0;outline:none}.relativeContainer::-moz-focus-inner{border:0}.alert-external-wrapper.removeAlert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.addAlert{background:var(--color-success-inverse)}:host div.removeAlert{background:var(--color-warning-inverse)}:host div>.contentText{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.contentAction{color:var(--color-primary01);font-size:12px;font-weight:var(--font-sb);height:20px;letter-spacing:0.32px;line-height:20px;cursor:pointer}:host div>z-icon{justify-self:center}";export{o as z_myz_card_alert}
@@ -1 +0,0 @@
1
- import{r as i,h as d,H as r}from"./p-904a85e4.js";import{p as e,a as s}from"./p-d945c8d2.js";const a=class{constructor(d){i(this,d),this.size=e.small,this.color="gray200",this.orientation=s.horizontal}render(){return d(r,{class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};a.style=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";export{a as z_divider}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as r,H as t,g as a}from"./p-904a85e4.js";const l=class{constructor(r){i(this,r),this.zLinkClick=e(this,"zLinkClick",7),this.target="_self",this.htmltabindex=0,this.isdisabled=!1,this.isactive=!1,this.iswhite=!1,this.textcolor="primary",this.big=!1,this.iconposition="left",this.underline=!1,this.iconSize=18,this.emitZLinkClick=this.emitZLinkClick.bind(this),this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillRender(){this.iswhite&&console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead"),this.big&&console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}emitZLinkClick(i,e){this.emitZLinkInteraction(i,e)}emitZLinkInteraction(i,e){this.zLinkClick.emit({e:i,linkId:e})}componentDidRender(){if(this.icon){const i=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size")),e=this.big?18:Math.round(1.125*i);Number.isNaN(e)||this.iconSize===e||(this.iconSize=e)}}render(){return r(t,{style:this.big?{"--font-size-link":"16px","--font-weight-link":"600"}:{}},r("a",{id:this.htmlid,href:this.href?this.href:null,class:`${this.isdisabled?"disabled":""}\n ${this.isactive?"active":""}\n ${this.textcolor}\n ${this.iswhite?"white":""}\n ${this.underline?"underline":""}`,target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:i=>this.emitZLinkClick(i,this.htmlid)},"right"===this.iconposition&&r("slot",null),this.icon&&r("z-icon",{style:{"--z-icon-width":this.iconSize.toString(),"--z-icon-height":this.iconSize.toString()},name:this.icon,height:this.iconSize,width:this.iconSize}),"left"===this.iconposition&&r("slot",null)))}get hostElement(){return a(this)}};l.style=":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";export{l as z_link}
@@ -1 +0,0 @@
1
- import{r as o,h as r,g as t}from"./p-904a85e4.js";import{c as a}from"./p-3247dee9.js";import{v as e,B as s,c as i}from"./p-d945c8d2.js";import"./p-b68038b5.js";const l=class{constructor(r){o(this,r),this.disabled=!1,this.type=e.button,this.variant=s.primary,this.size=i.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",r("slot",{name:"element"},r("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:a(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&r("z-icon",{name:this.icon,width:16,height:16}),r("slot",null)))}get hostElement(){return t(this)}};l.style=':host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size="big"]) ::slotted(button),:host([size="big"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size="small"]) ::slotted(button),:host([size="small"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size="x-small"]) ::slotted(button),:host([size="x-small"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant="primary"]) ::slotted(button),:host([variant="primary"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant="primary"]) ::slotted(button:hover),:host([variant="primary"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant="primary"]) ::slotted(button:active),:host([variant="primary"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant="primary"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant="secondary"]) ::slotted(button),:host([variant="secondary"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant="secondary"]) ::slotted(button:hover),:host([variant="secondary"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant="secondary"]) ::slotted(button:active),:host([variant="secondary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant="secondary"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant="tertiary"]) ::slotted(button),:host([variant="tertiary"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant="tertiary"]) ::slotted(button:hover),:host([variant="tertiary"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant="tertiary"]) ::slotted(button:focus:focus-visible),:host([variant="tertiary"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant="tertiary"]) ::slotted(button:active),:host([variant="tertiary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant="tertiary"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant="dark-bg"]) ::slotted(button),:host([variant="dark-bg"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant="dark-bg"]) ::slotted(button:hover),:host([variant="dark-bg"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant="dark-bg"]) ::slotted(button:active),:host([variant="dark-bg"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant="dark-bg"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}';export{l as z_button}
@@ -1 +0,0 @@
1
- import{r as L,h as i,H as t}from"./p-904a85e4.js";const o=class{constructor(i){L(this,i)}render(){const L={};return this.width&&(L.width=L["max-width"]=`${this.width}px`),this.height&&(L.height=L["max-height"]=`${this.height}px`),i(t,{style:L,class:{mobile:!!this.mobileLogo}},this.link?i("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},i("img",{alt:this.imageAlt})):i("img",{alt:this.imageAlt}))}};o.style=":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";export{o as z_logo}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as n,g as i,c as o}from"./p-904a85e4.js";import{n as s,E as a,o as r,p as c,q as l,K as h}from"./p-d945c8d2.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 p=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)}};p.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,p as z_list_group}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as i}from"./p-904a85e4.js";import{T as r}from"./p-d945c8d2.js";const n=class{constructor(i){t(this,i),this.appButtonClick=o(this,"appButtonClick",7),this.theme=r.dark,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return i("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},i("z-icon",{name:"app-switcher",class:this.theme}))}};n.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";export{n as z_app_switcher}