@swisspost/design-system-components 9.0.0 → 10.0.0-next.37

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 (568) hide show
  1. package/dist/.config/bindings.angular.js +4 -0
  2. package/dist/cjs/breakpoints-cdf1b747.js +59 -0
  3. package/dist/cjs/check-non-empty-bd99d236.js +15 -0
  4. package/dist/cjs/check-one-of-75d270b5.js +13 -0
  5. package/dist/cjs/check-type-cdbf6d29.js +21 -0
  6. package/dist/cjs/check-url-220a286c.js +19 -0
  7. package/dist/cjs/event-guard-efabc84f.js +47 -0
  8. package/dist/cjs/fade-72d5ef55.js +14 -0
  9. package/dist/cjs/get-root-8102fecd.js +17 -0
  10. package/dist/cjs/index-23e36ff7.js +37 -0
  11. package/dist/cjs/{index-e1f32cce.js → index-b60129c4.js} +35 -15
  12. package/dist/cjs/index.browser-4af21c17.js +16 -0
  13. package/dist/cjs/index.cjs.js +57 -28
  14. package/dist/cjs/loader.cjs.js +2 -2
  15. package/dist/cjs/long-press-event-6e62d113.js +266 -0
  16. package/dist/cjs/{package-3ed88bb9.js → package-8121f093.js} +1 -1
  17. package/dist/cjs/{post-accordion-9ef382e8.js → post-accordion-beac7c9f.js} +11 -12
  18. package/dist/cjs/post-accordion-item-4846fbee.js +64 -0
  19. package/dist/cjs/post-accordion-item.cjs.entry.js +10 -6
  20. package/dist/cjs/post-accordion.cjs.entry.js +6 -4
  21. package/dist/cjs/post-avatar-a36991fb.js +145 -0
  22. package/dist/cjs/post-avatar.cjs.entry.js +14 -0
  23. package/dist/cjs/post-back-to-top-32aa9017.js +96 -0
  24. package/dist/cjs/post-back-to-top.cjs.entry.js +16 -0
  25. package/dist/cjs/post-banner-be0e8909.js +92 -0
  26. package/dist/cjs/post-banner.cjs.entry.js +20 -0
  27. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +18 -0
  28. package/dist/cjs/post-breadcrumbs-6ef82a41.js +120 -0
  29. package/dist/cjs/post-breadcrumbs.cjs.entry.js +13 -0
  30. package/dist/cjs/post-card-control-fe919333.js +269 -0
  31. package/dist/cjs/post-card-control.cjs.entry.js +6 -5
  32. package/dist/cjs/post-closebutton_15.cjs.entry.js +36 -0
  33. package/dist/cjs/{post-collapsible-trigger-1764e6dc.js → post-collapsible-trigger-f42be607.js} +62 -76
  34. package/dist/cjs/post-collapsible_2.cjs.entry.js +11 -7
  35. package/dist/cjs/post-components.cjs.js +2 -2
  36. package/dist/cjs/post-footer-5179aa17.js +38 -0
  37. package/dist/cjs/post-footer.cjs.entry.js +12 -0
  38. package/dist/cjs/post-linkarea-27125078.js +30 -0
  39. package/dist/cjs/post-linkarea.cjs.entry.js +11 -0
  40. package/dist/cjs/post-menu-item-d78a9121.js +68 -0
  41. package/dist/cjs/post-popover-feb1e773.js +135 -0
  42. package/dist/cjs/post-popover.cjs.entry.js +4 -3
  43. package/dist/cjs/{post-rating-d5073d8d.js → post-rating-6d153a2c.js} +4 -4
  44. package/dist/cjs/post-rating.cjs.entry.js +3 -3
  45. package/dist/cjs/post-tab-header-e4532918.js +34 -0
  46. package/dist/cjs/post-tab-header.cjs.entry.js +6 -4
  47. package/dist/cjs/{post-tab-panel-97b79ecd.js → post-tab-panel-40df21ad.js} +5 -4
  48. package/dist/cjs/post-tab-panel.cjs.entry.js +4 -3
  49. package/dist/cjs/{post-tabs-834497f2.js → post-tabs-45db2696.js} +14 -16
  50. package/dist/cjs/post-tabs.cjs.entry.js +5 -4
  51. package/dist/cjs/post-tag-0967bb1e.js +47 -0
  52. package/dist/cjs/post-tag.cjs.entry.js +3 -3
  53. package/dist/cjs/post-togglebutton-42b7d166.js +4494 -0
  54. package/dist/cjs/{post-tooltip-20ebe011.js → post-tooltip-f833d51d.js} +10 -6
  55. package/dist/cjs/{post-tooltip-trigger-6f4c9748.js → post-tooltip-trigger-3ceac010.js} +17 -280
  56. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +5 -4
  57. package/dist/cjs/post-tooltip.cjs.entry.js +5 -4
  58. package/dist/cjs/slide-cd1f09b3.js +28 -0
  59. package/dist/collection/animations/collapse.js +8 -6
  60. package/dist/collection/animations/fade.js +6 -2
  61. package/dist/collection/animations/slide.js +23 -0
  62. package/dist/collection/collection-manifest.json +22 -3
  63. package/dist/collection/components/post-accordion/post-accordion.css +1 -1
  64. package/dist/collection/components/post-accordion/post-accordion.js +8 -10
  65. package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
  66. package/dist/collection/components/post-accordion-item/post-accordion-item.js +30 -16
  67. package/dist/collection/components/post-avatar/post-avatar.css +1 -0
  68. package/dist/collection/components/post-avatar/post-avatar.js +233 -0
  69. package/dist/collection/components/post-back-to-top/post-back-to-top.css +1 -0
  70. package/dist/collection/components/post-back-to-top/post-back-to-top.js +127 -0
  71. package/dist/collection/components/post-banner/banner-types.js +1 -0
  72. package/dist/collection/components/post-banner/post-banner.css +1 -0
  73. package/dist/collection/components/{post-alert/post-alert.js → post-banner/post-banner.js} +44 -72
  74. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -0
  75. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +96 -0
  76. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -0
  77. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +160 -0
  78. package/dist/collection/components/post-card-control/post-card-control.css +1 -31
  79. package/dist/collection/components/post-card-control/post-card-control.js +20 -24
  80. package/dist/collection/components/post-closebutton/post-closebutton.css +1 -0
  81. package/dist/collection/components/post-closebutton/post-closebutton.js +23 -0
  82. package/dist/collection/components/post-collapsible/post-collapsible.css +1 -1
  83. package/dist/collection/components/post-collapsible/post-collapsible.js +6 -3
  84. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +43 -45
  85. package/dist/collection/components/post-footer/post-footer.css +1 -0
  86. package/dist/collection/components/post-footer/post-footer.js +75 -0
  87. package/dist/collection/components/post-header/post-header.css +1 -0
  88. package/dist/collection/components/post-header/post-header.js +320 -0
  89. package/dist/collection/components/post-icon/post-icon.js +58 -55
  90. package/dist/collection/components/post-language-option/post-language-option.css +1 -0
  91. package/dist/collection/components/post-language-option/post-language-option.js +237 -0
  92. package/dist/collection/components/post-language-switch/post-language-switch.css +1 -0
  93. package/dist/collection/components/post-language-switch/post-language-switch.js +186 -0
  94. package/dist/collection/components/post-language-switch/switch-variants.js +1 -0
  95. package/dist/collection/components/post-linkarea/post-linkarea.css +1 -0
  96. package/dist/collection/components/post-linkarea/post-linkarea.js +30 -0
  97. package/dist/collection/components/post-list/post-list.css +1 -0
  98. package/dist/collection/components/post-list/post-list.js +88 -0
  99. package/dist/collection/components/post-list-item/post-list-item.css +1 -0
  100. package/dist/collection/components/post-list-item/post-list-item.js +26 -0
  101. package/dist/collection/components/post-logo/post-logo.css +1 -1
  102. package/dist/collection/components/post-logo/post-logo.js +2 -2
  103. package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -0
  104. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +184 -0
  105. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -0
  106. package/dist/collection/components/post-megadropdown/post-megadropdown.js +275 -0
  107. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -0
  108. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +133 -0
  109. package/dist/collection/components/post-menu/post-menu.css +1 -0
  110. package/dist/collection/components/post-menu/post-menu.js +294 -0
  111. package/dist/collection/components/post-menu-item/post-menu-item.js +8 -0
  112. package/dist/collection/components/post-menu-trigger/post-menu-trigger.css +1 -0
  113. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +120 -0
  114. package/dist/collection/components/post-popover/post-popover.css +1 -31
  115. package/dist/collection/components/post-popover/post-popover.js +16 -13
  116. package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -31
  117. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +39 -6
  118. package/dist/collection/components/post-rating/post-rating.css +1 -31
  119. package/dist/collection/components/post-rating/post-rating.js +1 -1
  120. package/dist/collection/components/post-tab-header/post-tab-header.css +1 -31
  121. package/dist/collection/components/post-tab-header/post-tab-header.js +6 -5
  122. package/dist/collection/components/post-tab-panel/post-tab-panel.js +4 -3
  123. package/dist/collection/components/post-tabs/post-tabs.css +1 -1
  124. package/dist/collection/components/post-tabs/post-tabs.js +7 -15
  125. package/dist/collection/components/post-tag/post-tag.css +1 -31
  126. package/dist/collection/components/post-tag/post-tag.js +2 -2
  127. package/dist/collection/components/post-togglebutton/post-togglebutton.css +1 -0
  128. package/dist/collection/components/post-togglebutton/post-togglebutton.js +74 -0
  129. package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
  130. package/dist/collection/components/post-tooltip/post-tooltip.js +6 -3
  131. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +14 -14
  132. package/dist/collection/index.js +21 -2
  133. package/dist/collection/utils/attribute-observer.js +6 -5
  134. package/dist/collection/utils/breakpoints.js +52 -0
  135. package/dist/collection/utils/component-on-ready.js +4 -4
  136. package/dist/collection/utils/debounce.js +2 -1
  137. package/dist/collection/utils/environment.js +2 -0
  138. package/dist/collection/utils/event-guard.js +43 -0
  139. package/dist/collection/utils/get-focusable-children.js +33 -0
  140. package/dist/collection/utils/get-root.js +6 -1
  141. package/dist/collection/utils/index.js +5 -0
  142. package/dist/collection/utils/is-motion-reduced.js +2 -1
  143. package/dist/collection/utils/property-checkers/check-non-empty.js +6 -2
  144. package/dist/collection/utils/property-checkers/check-one-of.js +8 -3
  145. package/dist/collection/utils/property-checkers/check-pattern.js +8 -3
  146. package/dist/collection/utils/property-checkers/check-type.js +11 -6
  147. package/dist/collection/utils/property-checkers/check-url.js +11 -6
  148. package/dist/collection/utils/property-checkers/empty-or.js +5 -2
  149. package/dist/collection/utils/sass-export.js +8 -5
  150. package/dist/components/breakpoints.js +56 -0
  151. package/dist/components/check-non-empty.js +6 -2
  152. package/dist/components/check-one-of.js +8 -3
  153. package/dist/components/check-type.js +11 -6
  154. package/dist/components/event-guard.js +45 -0
  155. package/dist/components/fade.js +6 -2
  156. package/dist/components/get-focusable-children.js +35 -0
  157. package/dist/components/get-root.js +15 -0
  158. package/dist/components/index.browser.js +14 -0
  159. package/dist/components/index.js +21 -2
  160. package/dist/components/index2.js +25 -12
  161. package/dist/components/long-press-event.js +264 -0
  162. package/dist/components/package.js +1 -1
  163. package/dist/components/post-accordion-item2.js +37 -18
  164. package/dist/components/post-accordion2.js +8 -9
  165. package/dist/components/post-avatar.d.ts +11 -0
  166. package/dist/components/post-avatar.js +6 -0
  167. package/dist/components/post-avatar2.js +170 -0
  168. package/dist/components/post-back-to-top.d.ts +11 -0
  169. package/dist/components/post-back-to-top.js +6 -0
  170. package/dist/components/post-back-to-top2.js +121 -0
  171. package/dist/components/post-banner.d.ts +11 -0
  172. package/dist/components/post-banner.js +6 -0
  173. package/dist/components/post-banner2.js +127 -0
  174. package/dist/components/post-breadcrumb-item.d.ts +11 -0
  175. package/dist/components/post-breadcrumb-item.js +6 -0
  176. package/dist/components/post-breadcrumb-item2.js +82 -0
  177. package/dist/components/post-breadcrumbs.d.ts +11 -0
  178. package/dist/components/post-breadcrumbs.js +6 -0
  179. package/dist/components/post-breadcrumbs2.js +177 -0
  180. package/dist/components/post-card-control2.js +16 -19
  181. package/dist/components/post-closebutton.d.ts +11 -0
  182. package/dist/components/post-closebutton.js +6 -0
  183. package/dist/components/post-closebutton2.js +39 -0
  184. package/dist/components/post-collapsible-trigger2.js +47 -64
  185. package/dist/components/post-collapsible2.js +17 -12
  186. package/dist/components/post-footer.d.ts +11 -0
  187. package/dist/components/post-footer.js +6 -0
  188. package/dist/components/post-footer2.js +78 -0
  189. package/dist/components/post-header.d.ts +11 -0
  190. package/dist/components/post-header.js +6 -0
  191. package/dist/components/post-header2.js +399 -0
  192. package/dist/components/post-icon2.js +59 -55
  193. package/dist/components/post-language-option.d.ts +11 -0
  194. package/dist/components/post-language-option.js +6 -0
  195. package/dist/components/post-language-option2.js +103 -0
  196. package/dist/components/post-language-switch.d.ts +11 -0
  197. package/dist/components/post-language-switch.js +6 -0
  198. package/dist/components/post-language-switch2.js +145 -0
  199. package/dist/components/post-linkarea.d.ts +11 -0
  200. package/dist/components/post-linkarea.js +6 -0
  201. package/dist/components/post-linkarea2.js +43 -0
  202. package/dist/components/post-list-item.d.ts +11 -0
  203. package/dist/components/post-list-item.js +6 -0
  204. package/dist/components/post-list-item2.js +36 -0
  205. package/dist/components/{post-alert.d.ts → post-list.d.ts} +4 -4
  206. package/dist/components/post-list.js +6 -0
  207. package/dist/components/post-list2.js +54 -0
  208. package/dist/components/post-logo2.js +4 -3
  209. package/dist/components/post-mainnavigation.d.ts +11 -0
  210. package/dist/components/post-mainnavigation.js +6 -0
  211. package/dist/components/post-mainnavigation2.js +183 -0
  212. package/dist/components/post-megadropdown-trigger.d.ts +11 -0
  213. package/dist/components/post-megadropdown-trigger.js +6 -0
  214. package/dist/components/post-megadropdown-trigger2.js +121 -0
  215. package/dist/components/post-megadropdown.d.ts +11 -0
  216. package/dist/components/post-megadropdown.js +6 -0
  217. package/dist/components/post-megadropdown2.js +190 -0
  218. package/dist/components/post-menu-item.d.ts +11 -0
  219. package/dist/components/post-menu-item.js +6 -0
  220. package/dist/components/post-menu-item2.js +27 -0
  221. package/dist/components/post-menu-trigger.d.ts +11 -0
  222. package/dist/components/post-menu-trigger.js +6 -0
  223. package/dist/components/post-menu-trigger2.js +109 -0
  224. package/dist/components/post-menu.d.ts +11 -0
  225. package/dist/components/post-menu.js +6 -0
  226. package/dist/components/post-menu2.js +192 -0
  227. package/dist/components/post-popover2.js +20 -16
  228. package/dist/components/post-popovercontainer2.js +788 -73
  229. package/dist/components/post-rating2.js +2 -2
  230. package/dist/components/post-tab-header2.js +8 -6
  231. package/dist/components/post-tab-panel2.js +4 -3
  232. package/dist/components/post-tabs2.js +11 -13
  233. package/dist/components/post-tag2.js +2 -2
  234. package/dist/components/post-togglebutton.d.ts +11 -0
  235. package/dist/components/post-togglebutton.js +6 -0
  236. package/dist/components/post-togglebutton2.js +62 -0
  237. package/dist/components/post-tooltip-trigger2.js +14 -277
  238. package/dist/components/post-tooltip2.js +7 -3
  239. package/dist/components/slide.js +25 -0
  240. package/dist/docs.json +1977 -287
  241. package/dist/esm/breakpoints-7812702e.js +56 -0
  242. package/dist/esm/check-non-empty-258a56b3.js +13 -0
  243. package/dist/esm/check-one-of-0bee20f5.js +11 -0
  244. package/dist/esm/check-type-37d5d307.js +19 -0
  245. package/dist/esm/check-url-17962bc8.js +17 -0
  246. package/dist/esm/event-guard-538ee077.js +45 -0
  247. package/dist/esm/fade-1f3cacf4.js +11 -0
  248. package/dist/esm/get-root-1b1af46f.js +15 -0
  249. package/dist/esm/index-8f8fe5b0.js +32 -0
  250. package/dist/esm/{index-e1b64755.js → index-f4d19816.js} +35 -15
  251. package/dist/esm/index.browser-ff103197.js +14 -0
  252. package/dist/esm/index.js +33 -23
  253. package/dist/esm/loader.js +3 -3
  254. package/dist/esm/long-press-event-04d24397.js +264 -0
  255. package/dist/esm/package-d9237b44.js +3 -0
  256. package/dist/esm/{post-accordion-ad570427.js → post-accordion-fdcf7205.js} +11 -12
  257. package/dist/esm/post-accordion-item-e11e3804.js +62 -0
  258. package/dist/esm/post-accordion-item.entry.js +10 -6
  259. package/dist/esm/post-accordion.entry.js +6 -4
  260. package/dist/esm/post-avatar-d360c6d2.js +143 -0
  261. package/dist/esm/post-avatar.entry.js +6 -0
  262. package/dist/esm/post-back-to-top-85796c8b.js +94 -0
  263. package/dist/esm/post-back-to-top.entry.js +8 -0
  264. package/dist/esm/post-banner-a3090f67.js +90 -0
  265. package/dist/esm/post-banner.entry.js +12 -0
  266. package/dist/esm/post-breadcrumb-item_2.entry.js +9 -0
  267. package/dist/esm/post-breadcrumbs-15ec5a26.js +118 -0
  268. package/dist/esm/post-breadcrumbs.entry.js +5 -0
  269. package/dist/esm/post-card-control-6142534e.js +267 -0
  270. package/dist/esm/post-card-control.entry.js +6 -5
  271. package/dist/esm/post-closebutton_15.entry.js +14 -0
  272. package/dist/esm/{post-collapsible-trigger-45fe328a.js → post-collapsible-trigger-68306358.js} +62 -76
  273. package/dist/esm/post-collapsible_2.entry.js +11 -7
  274. package/dist/esm/post-components.js +3 -3
  275. package/dist/esm/post-footer-d2a3270e.js +36 -0
  276. package/dist/esm/post-footer.entry.js +4 -0
  277. package/dist/esm/post-linkarea-64998c67.js +28 -0
  278. package/dist/esm/post-linkarea.entry.js +3 -0
  279. package/dist/esm/post-menu-item-95a0a647.js +65 -0
  280. package/dist/esm/post-popover-c5f81087.js +133 -0
  281. package/dist/esm/post-popover.entry.js +4 -3
  282. package/dist/esm/{post-rating-f60024fa.js → post-rating-7bfedafb.js} +4 -4
  283. package/dist/esm/post-rating.entry.js +3 -3
  284. package/dist/esm/post-tab-header-08033da4.js +32 -0
  285. package/dist/esm/post-tab-header.entry.js +6 -4
  286. package/dist/esm/{post-tab-panel-0ddb05a2.js → post-tab-panel-be701793.js} +5 -4
  287. package/dist/esm/post-tab-panel.entry.js +4 -3
  288. package/dist/esm/{post-tabs-ab7853cf.js → post-tabs-c69e2842.js} +14 -16
  289. package/dist/esm/post-tabs.entry.js +5 -4
  290. package/dist/esm/post-tag-ebac7f3e.js +45 -0
  291. package/dist/esm/post-tag.entry.js +3 -3
  292. package/dist/esm/post-togglebutton-706e3af0.js +4478 -0
  293. package/dist/esm/{post-tooltip-c03cd719.js → post-tooltip-9a195d47.js} +10 -6
  294. package/dist/esm/{post-tooltip-trigger-1fefc8ad.js → post-tooltip-trigger-7d6f234b.js} +17 -280
  295. package/dist/esm/post-tooltip-trigger.entry.js +5 -4
  296. package/dist/esm/post-tooltip.entry.js +5 -4
  297. package/dist/esm/slide-cd2850ee.js +25 -0
  298. package/dist/post-components/index.esm.js +1 -1
  299. package/dist/post-components/p-034715ec.js +1 -0
  300. package/dist/post-components/p-0717fe4c.js +1 -0
  301. package/dist/post-components/p-0889c759.js +1 -0
  302. package/dist/post-components/p-0c03547b.js +1 -0
  303. package/dist/post-components/p-0de8d05f.js +1 -0
  304. package/dist/post-components/p-1373a79b.entry.js +1 -0
  305. package/dist/post-components/p-17dc4170.js +8 -0
  306. package/dist/post-components/p-181c73d5.js +1 -0
  307. package/dist/post-components/p-1a21fd8d.js +1 -0
  308. package/dist/post-components/p-1ab3eba4.entry.js +1 -0
  309. package/dist/post-components/p-2d6c0670.js +1 -0
  310. package/dist/post-components/p-2dc0a2d0.js +1 -0
  311. package/dist/post-components/p-35ad2e11.entry.js +1 -0
  312. package/dist/post-components/p-368c473a.js +1 -0
  313. package/dist/post-components/p-38f778a7.entry.js +1 -0
  314. package/dist/post-components/p-39a8df3c.entry.js +1 -0
  315. package/dist/post-components/p-3c7f6003.js +1 -0
  316. package/dist/post-components/p-474a41bc.entry.js +1 -0
  317. package/dist/post-components/p-64e3de38.js +1 -0
  318. package/dist/post-components/p-69bc8eaf.entry.js +1 -0
  319. package/dist/post-components/p-6b31a76a.js +1 -0
  320. package/dist/post-components/p-722ffaae.js +1 -0
  321. package/dist/post-components/p-72310bf0.entry.js +1 -0
  322. package/dist/post-components/p-7709c14a.js +1 -0
  323. package/dist/post-components/p-804b61b7.entry.js +1 -0
  324. package/dist/post-components/p-85fdc2d3.js +1 -0
  325. package/dist/post-components/p-89247caa.js +1 -0
  326. package/dist/post-components/p-89dc67c7.entry.js +1 -0
  327. package/dist/post-components/p-8db32dab.js +8 -0
  328. package/dist/post-components/p-8f7f5200.entry.js +1 -0
  329. package/dist/post-components/p-964f9581.js +1 -0
  330. package/dist/post-components/p-9b052461.js +1 -0
  331. package/dist/post-components/{p-3eab790d.js → p-9e461613.js} +2 -2
  332. package/dist/post-components/p-a52b2d34.js +1 -0
  333. package/dist/post-components/p-ab566526.js +1 -0
  334. package/dist/post-components/p-b648e537.entry.js +1 -0
  335. package/dist/post-components/p-bc33a6d9.js +1 -0
  336. package/dist/post-components/p-bcfdbd0b.entry.js +1 -0
  337. package/dist/post-components/p-beb67979.js +1 -0
  338. package/dist/post-components/p-c41868b1.js +1 -0
  339. package/dist/post-components/p-c65f32b0.js +1 -0
  340. package/dist/post-components/p-c71700a7.js +1 -0
  341. package/dist/post-components/p-cb027003.js +1 -0
  342. package/dist/post-components/p-cc5b1437.js +1 -0
  343. package/dist/post-components/p-ceda889e.entry.js +1 -0
  344. package/dist/post-components/p-d45df336.js +1 -0
  345. package/dist/post-components/p-de4d4274.js +1 -0
  346. package/dist/post-components/p-deb9efcf.entry.js +1 -0
  347. package/dist/post-components/p-e585c6fe.js +1 -0
  348. package/dist/post-components/p-e9f1cc46.entry.js +1 -0
  349. package/dist/post-components/p-ee4e776d.entry.js +1 -0
  350. package/dist/post-components/p-ee7c3bcc.entry.js +1 -0
  351. package/dist/post-components/p-f56482fa.entry.js +1 -0
  352. package/dist/post-components/p-f8c652ce.entry.js +1 -0
  353. package/dist/post-components/post-components.esm.js +1 -1
  354. package/dist/types/animations/collapse.d.ts +2 -2
  355. package/dist/types/animations/fade.d.ts +2 -2
  356. package/dist/types/animations/slide.d.ts +2 -0
  357. package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
  358. package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +8 -2
  359. package/dist/types/components/post-avatar/post-avatar.d.ts +51 -0
  360. package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +21 -0
  361. package/dist/types/components/post-banner/banner-types.d.ts +2 -0
  362. package/dist/types/components/post-banner/post-banner.d.ts +49 -0
  363. package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +20 -0
  364. package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +30 -0
  365. package/dist/types/components/post-card-control/post-card-control.d.ts +9 -9
  366. package/dist/types/components/post-closebutton/post-closebutton.d.ts +7 -0
  367. package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +9 -14
  368. package/dist/types/components/post-footer/post-footer.d.ts +23 -0
  369. package/dist/types/components/post-header/post-header.d.ts +52 -0
  370. package/dist/types/components/post-icon/post-icon.d.ts +10 -6
  371. package/dist/types/components/post-language-option/post-language-option.d.ts +49 -0
  372. package/dist/types/components/post-language-switch/post-language-switch.d.ts +39 -0
  373. package/dist/types/components/post-language-switch/switch-variants.d.ts +2 -0
  374. package/dist/types/components/post-linkarea/post-linkarea.d.ts +5 -0
  375. package/dist/types/components/post-list/post-list.d.ts +24 -0
  376. package/dist/types/components/post-list-item/post-list-item.d.ts +8 -0
  377. package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +46 -0
  378. package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +59 -0
  379. package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +33 -0
  380. package/dist/types/components/post-menu/post-menu.d.ts +49 -0
  381. package/dist/types/components/post-menu-item/post-menu-item.d.ts +3 -0
  382. package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +28 -0
  383. package/dist/types/components/post-popover/post-popover.d.ts +6 -4
  384. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +9 -1
  385. package/dist/types/components/post-tab-header/post-tab-header.d.ts +1 -1
  386. package/dist/types/components/post-tabs/post-tabs.d.ts +1 -1
  387. package/dist/types/components/post-tag/post-tag.d.ts +2 -2
  388. package/dist/types/components/post-togglebutton/post-togglebutton.d.ts +15 -0
  389. package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -0
  390. package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +0 -1
  391. package/dist/types/components.d.ts +603 -50
  392. package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/.config/bindings.angular.d.ts +2 -0
  393. package/dist/types/index.d.ts +22 -3
  394. package/dist/types/popover-fn.d.ts +11 -0
  395. package/dist/types/utils/attribute-observer.d.ts +1 -1
  396. package/dist/types/utils/breakpoints.d.ts +12 -0
  397. package/dist/types/utils/component-on-ready.d.ts +1 -1
  398. package/dist/types/utils/environment.d.ts +2 -0
  399. package/dist/types/utils/event-guard.d.ts +4 -0
  400. package/dist/types/utils/get-focusable-children.d.ts +1 -0
  401. package/dist/types/utils/get-root.d.ts +5 -1
  402. package/dist/types/utils/index.d.ts +5 -0
  403. package/dist/types/utils/property-checkers/check-non-empty.d.ts +3 -1
  404. package/dist/types/utils/property-checkers/check-one-of.d.ts +3 -1
  405. package/dist/types/utils/property-checkers/check-pattern.d.ts +3 -1
  406. package/dist/types/utils/property-checkers/check-type.d.ts +3 -1
  407. package/dist/types/utils/property-checkers/check-url.d.ts +3 -1
  408. package/dist/types/utils/property-checkers/index.d.ts +12 -4
  409. package/dist/types/utils/sass-export.d.ts +5 -1
  410. package/loaders/breakpoints.js +56 -0
  411. package/loaders/check-non-empty.js +6 -2
  412. package/loaders/check-one-of.js +8 -3
  413. package/loaders/check-type.js +11 -6
  414. package/loaders/event-guard.js +45 -0
  415. package/loaders/fade.js +6 -2
  416. package/loaders/get-focusable-children.js +35 -0
  417. package/loaders/get-root.js +15 -0
  418. package/loaders/index.browser.js +14 -0
  419. package/loaders/index.d.ts +40 -2
  420. package/loaders/index.js +22 -2
  421. package/loaders/index2.js +25 -12
  422. package/loaders/long-press-event.js +264 -0
  423. package/loaders/package.js +1 -1
  424. package/loaders/post-accordion-item.js +1 -82
  425. package/loaders/post-accordion-item2.js +103 -0
  426. package/loaders/post-accordion.js +8 -9
  427. package/loaders/post-avatar.d.ts +11 -0
  428. package/loaders/post-avatar.js +173 -0
  429. package/loaders/post-back-to-top.d.ts +11 -0
  430. package/loaders/post-back-to-top.js +124 -0
  431. package/loaders/post-banner.d.ts +11 -0
  432. package/loaders/post-banner.js +130 -0
  433. package/loaders/post-breadcrumb-item.d.ts +11 -0
  434. package/loaders/post-breadcrumb-item.js +6 -0
  435. package/loaders/post-breadcrumb-item2.js +82 -0
  436. package/loaders/post-breadcrumbs.d.ts +11 -0
  437. package/loaders/post-breadcrumbs.js +180 -0
  438. package/loaders/post-card-control.js +16 -19
  439. package/loaders/post-closebutton.d.ts +11 -0
  440. package/loaders/post-closebutton.js +42 -0
  441. package/loaders/post-collapsible-trigger2.js +47 -64
  442. package/loaders/post-collapsible2.js +16 -11
  443. package/loaders/post-footer.d.ts +11 -0
  444. package/loaders/post-footer.js +81 -0
  445. package/loaders/post-header.d.ts +11 -0
  446. package/loaders/post-header.js +402 -0
  447. package/loaders/post-icon2.js +59 -55
  448. package/loaders/post-language-option.d.ts +11 -0
  449. package/loaders/post-language-option.js +106 -0
  450. package/loaders/post-language-switch.d.ts +11 -0
  451. package/loaders/post-language-switch.js +148 -0
  452. package/loaders/post-linkarea.d.ts +11 -0
  453. package/loaders/post-linkarea.js +46 -0
  454. package/loaders/post-list-item.d.ts +11 -0
  455. package/loaders/post-list-item.js +39 -0
  456. package/loaders/{post-alert.d.ts → post-list.d.ts} +4 -4
  457. package/loaders/post-list.js +57 -0
  458. package/loaders/post-logo.js +5 -4
  459. package/loaders/post-mainnavigation.d.ts +11 -0
  460. package/loaders/post-mainnavigation.js +186 -0
  461. package/loaders/post-megadropdown-trigger.d.ts +11 -0
  462. package/loaders/post-megadropdown-trigger.js +124 -0
  463. package/loaders/post-megadropdown.d.ts +11 -0
  464. package/loaders/post-megadropdown.js +193 -0
  465. package/loaders/post-menu-item.d.ts +11 -0
  466. package/loaders/post-menu-item.js +6 -0
  467. package/loaders/post-menu-item2.js +27 -0
  468. package/loaders/post-menu-trigger.d.ts +11 -0
  469. package/loaders/post-menu-trigger.js +6 -0
  470. package/loaders/post-menu-trigger2.js +109 -0
  471. package/loaders/post-menu.d.ts +11 -0
  472. package/loaders/post-menu.js +6 -0
  473. package/loaders/post-menu2.js +192 -0
  474. package/loaders/post-popover.js +20 -16
  475. package/loaders/post-popovercontainer2.js +788 -73
  476. package/loaders/post-rating.js +2 -2
  477. package/loaders/post-tab-header.js +8 -6
  478. package/loaders/post-tab-panel.js +4 -3
  479. package/loaders/post-tabs.js +11 -13
  480. package/loaders/post-tag.js +2 -2
  481. package/loaders/post-togglebutton.d.ts +11 -0
  482. package/loaders/post-togglebutton.js +65 -0
  483. package/loaders/post-tooltip-trigger.js +14 -277
  484. package/loaders/post-tooltip.js +7 -3
  485. package/loaders/slide.js +25 -0
  486. package/package.json +45 -33
  487. package/dist/cjs/check-non-empty-eeaa8f77.js +0 -11
  488. package/dist/cjs/check-one-of-f4f5d0c0.js +0 -8
  489. package/dist/cjs/check-type-64af82a9.js +0 -16
  490. package/dist/cjs/fade-35a3633a.js +0 -10
  491. package/dist/cjs/index-824d2b71.js +0 -39
  492. package/dist/cjs/post-accordion-item-5f685bee.js +0 -52
  493. package/dist/cjs/post-alert-88adc668.js +0 -99
  494. package/dist/cjs/post-alert.cjs.entry.js +0 -17
  495. package/dist/cjs/post-card-control-c6e5c427.js +0 -272
  496. package/dist/cjs/post-icon-f735da00.js +0 -139
  497. package/dist/cjs/post-icon.cjs.entry.js +0 -16
  498. package/dist/cjs/post-logo-2cd8ae98.js +0 -39
  499. package/dist/cjs/post-logo.cjs.entry.js +0 -15
  500. package/dist/cjs/post-popover-36c854a4.js +0 -131
  501. package/dist/cjs/post-popovercontainer-cb4793c1.js +0 -2281
  502. package/dist/cjs/post-popovercontainer.cjs.entry.js +0 -11
  503. package/dist/cjs/post-tab-header-b756d9b1.js +0 -32
  504. package/dist/cjs/post-tag-c70fb945.js +0 -47
  505. package/dist/collection/components/post-alert/alert-types.js +0 -1
  506. package/dist/collection/components/post-alert/post-alert.css +0 -35
  507. package/dist/components/post-alert.js +0 -6
  508. package/dist/components/post-alert2.js +0 -136
  509. package/dist/esm/check-non-empty-58bd6b17.js +0 -9
  510. package/dist/esm/check-one-of-6b3ef8eb.js +0 -6
  511. package/dist/esm/check-type-8828dbe4.js +0 -14
  512. package/dist/esm/fade-7fd71785.js +0 -7
  513. package/dist/esm/index-69587a51.js +0 -34
  514. package/dist/esm/package-983f957d.js +0 -3
  515. package/dist/esm/post-accordion-item-4db0aa2a.js +0 -50
  516. package/dist/esm/post-alert-1e9fbdfa.js +0 -97
  517. package/dist/esm/post-alert.entry.js +0 -9
  518. package/dist/esm/post-card-control-ccb189a8.js +0 -270
  519. package/dist/esm/post-icon-3fc4dd7d.js +0 -137
  520. package/dist/esm/post-icon.entry.js +0 -8
  521. package/dist/esm/post-logo-e6cdea13.js +0 -37
  522. package/dist/esm/post-logo.entry.js +0 -7
  523. package/dist/esm/post-popover-afdf4906.js +0 -129
  524. package/dist/esm/post-popovercontainer-b19b7606.js +0 -2279
  525. package/dist/esm/post-popovercontainer.entry.js +0 -3
  526. package/dist/esm/post-tab-header-333e15d5.js +0 -30
  527. package/dist/esm/post-tag-4a7d14b9.js +0 -45
  528. package/dist/post-components/p-0a45da5e.entry.js +0 -1
  529. package/dist/post-components/p-12e82863.entry.js +0 -1
  530. package/dist/post-components/p-1386b77d.js +0 -1
  531. package/dist/post-components/p-1528b798.js +0 -1
  532. package/dist/post-components/p-18dc1299.entry.js +0 -1
  533. package/dist/post-components/p-1a8f6c84.entry.js +0 -1
  534. package/dist/post-components/p-256453ca.js +0 -1
  535. package/dist/post-components/p-2737eaf5.js +0 -1
  536. package/dist/post-components/p-3272ebad.js +0 -1
  537. package/dist/post-components/p-3596035e.js +0 -1
  538. package/dist/post-components/p-3668f4fa.entry.js +0 -1
  539. package/dist/post-components/p-375845d4.js +0 -1
  540. package/dist/post-components/p-381de59d.entry.js +0 -1
  541. package/dist/post-components/p-4a3f67ab.js +0 -1
  542. package/dist/post-components/p-4e68c514.js +0 -1
  543. package/dist/post-components/p-4eb5d9a1.entry.js +0 -1
  544. package/dist/post-components/p-611b3c41.js +0 -1
  545. package/dist/post-components/p-61a7d216.js +0 -1
  546. package/dist/post-components/p-788e64fb.js +0 -1
  547. package/dist/post-components/p-7d5b41d1.js +0 -1
  548. package/dist/post-components/p-82ea24e7.js +0 -1
  549. package/dist/post-components/p-85c4d04f.js +0 -1
  550. package/dist/post-components/p-85c6d001.entry.js +0 -1
  551. package/dist/post-components/p-8e555dda.js +0 -15
  552. package/dist/post-components/p-962a6f36.entry.js +0 -1
  553. package/dist/post-components/p-a76c71bc.js +0 -1
  554. package/dist/post-components/p-a7e8fd41.entry.js +0 -1
  555. package/dist/post-components/p-ac216bd0.entry.js +0 -1
  556. package/dist/post-components/p-b095519d.js +0 -1
  557. package/dist/post-components/p-b17ecbee.entry.js +0 -1
  558. package/dist/post-components/p-bb4227ad.entry.js +0 -1
  559. package/dist/post-components/p-bc294d0b.js +0 -1
  560. package/dist/post-components/p-d0b3c5d3.entry.js +0 -1
  561. package/dist/post-components/p-d4e148d8.entry.js +0 -1
  562. package/dist/post-components/p-d9809281.js +0 -1
  563. package/dist/post-components/p-eb1e7a49.js +0 -1
  564. package/dist/post-components/p-f35291d5.entry.js +0 -1
  565. package/dist/post-components/p-fc3bfe08.js +0 -1
  566. package/dist/types/components/post-alert/alert-types.d.ts +0 -2
  567. package/dist/types/components/post-alert/post-alert.d.ts +0 -54
  568. package/loaders/post-alert.js +0 -139
@@ -1,272 +1,8 @@
1
1
  import { proxyCustomElement, HTMLElement as HTMLElement$1, h, Host } from '@stencil/core/internal/client';
2
+ import { I as IS_BROWSER } from './breakpoints.js';
2
3
  import { c as checkType } from './check-type.js';
3
4
  import { v as version$1 } from './package.js';
4
5
 
5
- /*!
6
- * long-press-event - v@version@
7
- * Pure JavaScript long-press-event
8
- * https://github.com/john-doherty/long-press-event
9
- * @author John Doherty <www.johndoherty.info>
10
- * @license MIT
11
- */
12
- (function (window, document) {
13
-
14
- // local timer object based on rAF
15
- var timer = null;
16
-
17
- // check if we're using a touch screen
18
- var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
19
- var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
20
-
21
- // switch to pointer events or touch events if using a touch screen
22
- var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
23
- var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
24
- var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
25
- var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
26
-
27
- // track number of pixels the mouse moves during long press
28
- var startX = 0; // mouse x position when timer started
29
- var startY = 0; // mouse y position when timer started
30
- var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
31
- var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
32
-
33
- // patch CustomEvent to allow constructor creation (IE/Chrome)
34
- if (typeof window.CustomEvent !== 'function') {
35
-
36
- window.CustomEvent = function (event, params) {
37
-
38
- params = params || { bubbles: false, cancelable: false, detail: undefined };
39
-
40
- var evt = document.createEvent('CustomEvent');
41
- evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
42
- return evt;
43
- };
44
-
45
- window.CustomEvent.prototype = window.Event.prototype;
46
- }
47
-
48
- // requestAnimationFrame() shim by Paul Irish
49
- window.requestAnimFrame = (function () {
50
- return window.requestAnimationFrame ||
51
- window.webkitRequestAnimationFrame ||
52
- window.mozRequestAnimationFrame ||
53
- window.oRequestAnimationFrame ||
54
- window.msRequestAnimationFrame || function (callback) {
55
- window.setTimeout(callback, 1000 / 60);
56
- };
57
- })();
58
-
59
- /**
60
- * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
61
- * @param {function} fn The callback function
62
- * @param {int} delay The delay in milliseconds
63
- * @returns {object} handle to the timeout object
64
- */
65
- function requestTimeout(fn, delay) {
66
-
67
- if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
68
- !(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
69
- !window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
70
-
71
- var start = new Date().getTime();
72
- var handle = {};
73
-
74
- var loop = function () {
75
- var current = new Date().getTime();
76
- var delta = current - start;
77
-
78
- if (delta >= delay) {
79
- fn.call();
80
- }
81
- else {
82
- handle.value = requestAnimFrame(loop);
83
- }
84
- };
85
-
86
- handle.value = requestAnimFrame(loop);
87
-
88
- return handle;
89
- }
90
-
91
- /**
92
- * Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
93
- * @param {object} handle The callback function
94
- * @returns {void}
95
- */
96
- function clearRequestTimeout(handle) {
97
- if (handle) {
98
- window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
99
- window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
100
- window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
101
- window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
102
- window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
103
- window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
104
- clearTimeout(handle);
105
- }
106
- }
107
-
108
- /**
109
- * Fires the 'long-press' event on element
110
- * @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
111
- * @returns {void}
112
- */
113
- function fireLongPressEvent(originalEvent) {
114
-
115
- clearLongPressTimer();
116
-
117
- originalEvent = unifyEvent(originalEvent);
118
-
119
- // fire the long-press event
120
- var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
121
- bubbles: true,
122
- cancelable: true,
123
-
124
- // custom event data (legacy)
125
- detail: {
126
- clientX: originalEvent.clientX,
127
- clientY: originalEvent.clientY,
128
- offsetX: originalEvent.offsetX,
129
- offsetY: originalEvent.offsetY,
130
- pageX: originalEvent.pageX,
131
- pageY: originalEvent.pageY
132
- },
133
-
134
- // add coordinate data that would typically acompany a touch/click event
135
- clientX: originalEvent.clientX,
136
- clientY: originalEvent.clientY,
137
- offsetX: originalEvent.offsetX,
138
- offsetY: originalEvent.offsetY,
139
- pageX: originalEvent.pageX,
140
- pageY: originalEvent.pageY,
141
- screenX: originalEvent.screenX,
142
- screenY: originalEvent.screenY
143
- }));
144
-
145
- if (!allowClickEvent) {
146
- // suppress the next click event if e.preventDefault() was called in long-press handler
147
- document.addEventListener('click', function suppressEvent(e) {
148
- document.removeEventListener('click', suppressEvent, true);
149
- cancelEvent(e);
150
- }, true);
151
- }
152
- }
153
-
154
- /**
155
- * consolidates mouse, touch, and Pointer events
156
- * @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
157
- * @returns {MouseEvent|PointerEvent|Touch}
158
- */
159
- function unifyEvent(e) {
160
- if (e.changedTouches !== undefined) {
161
- return e.changedTouches[0];
162
- }
163
- return e;
164
- }
165
-
166
- /**
167
- * method responsible for starting the long press timer
168
- * @param {event} e - event object
169
- * @returns {void}
170
- */
171
- function startLongPressTimer(e) {
172
-
173
- clearLongPressTimer();
174
-
175
- var el = e.target;
176
-
177
- // get delay from html attribute if it exists, otherwise default to 1500
178
- var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
179
-
180
- // start the timer
181
- timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
182
- }
183
-
184
- /**
185
- * method responsible for clearing a pending long press timer
186
- * @param {event} e - event object
187
- * @returns {void}
188
- */
189
- function clearLongPressTimer(e) {
190
- clearRequestTimeout(timer);
191
- timer = null;
192
- }
193
-
194
- /**
195
- * Cancels the current event
196
- * @param {object} e - browser event object
197
- * @returns {void}
198
- */
199
- function cancelEvent(e) {
200
- e.stopImmediatePropagation();
201
- e.preventDefault();
202
- e.stopPropagation();
203
- }
204
-
205
- /**
206
- * Starts the timer on mouse down and logs current position
207
- * @param {object} e - browser event object
208
- * @returns {void}
209
- */
210
- function mouseDownHandler(e) {
211
- startX = e.clientX;
212
- startY = e.clientY;
213
- startLongPressTimer(e);
214
- }
215
-
216
- /**
217
- * If the mouse moves n pixels during long-press, cancel the timer
218
- * @param {object} e - browser event object
219
- * @returns {void}
220
- */
221
- function mouseMoveHandler(e) {
222
-
223
- // calculate total number of pixels the pointer has moved
224
- var diffX = Math.abs(startX - e.clientX);
225
- var diffY = Math.abs(startY - e.clientY);
226
-
227
- // if pointer has moved more than allowed, cancel the long-press timer and therefore the event
228
- if (diffX >= maxDiffX || diffY >= maxDiffY) {
229
- clearLongPressTimer();
230
- }
231
- }
232
-
233
- /**
234
- * Gets attribute off HTML element or nearest parent
235
- * @param {object} el - HTML element to retrieve attribute from
236
- * @param {string} attributeName - name of the attribute
237
- * @param {any} defaultValue - default value to return if no match found
238
- * @returns {any} attribute value or defaultValue
239
- */
240
- function getNearestAttribute(el, attributeName, defaultValue) {
241
-
242
- // walk up the dom tree looking for data-action and data-trigger
243
- while (el && el !== document.documentElement) {
244
-
245
- var attributeValue = el.getAttribute(attributeName);
246
-
247
- if (attributeValue) {
248
- return attributeValue;
249
- }
250
-
251
- el = el.parentNode;
252
- }
253
-
254
- return defaultValue;
255
- }
256
-
257
- // hook events that clear a pending long press event
258
- document.addEventListener(mouseUp, clearLongPressTimer, true);
259
- document.addEventListener(mouseLeave, clearLongPressTimer, true);
260
- document.addEventListener(mouseMove, mouseMoveHandler, true);
261
- document.addEventListener('wheel', clearLongPressTimer, true);
262
- document.addEventListener('scroll', clearLongPressTimer, true);
263
- document.addEventListener('contextmenu', clearLongPressTimer, true);
264
-
265
- // hook events that can trigger a long press event
266
- document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
267
-
268
- }(window, document));
269
-
270
6
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
271
7
 
272
8
  function getDefaultExportFromCjs (x) {
@@ -4775,6 +4511,11 @@ const postTooltipTriggerCss = "post-tooltip-trigger{vertical-align:top}";
4775
4511
  const PostTooltipTriggerStyle0 = postTooltipTriggerCss;
4776
4512
 
4777
4513
  const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
4514
+ if (IS_BROWSER) {
4515
+ (async () => {
4516
+ await import('./long-press-event.js');
4517
+ })();
4518
+ }
4778
4519
  const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipTrigger extends HTMLElement$1 {
4779
4520
  constructor() {
4780
4521
  super();
@@ -4794,14 +4535,13 @@ const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipT
4794
4535
  this.boundTooltipHandler = this.handleTooltipEvent.bind(this);
4795
4536
  }
4796
4537
  validateControlFor() {
4797
- checkType(this.for, // The actual property value
4798
- 'string', // The expected type
4799
- 'The "for" property must be a string' // A meaningful error message
4800
- );
4538
+ checkType(this, 'for', 'string');
4801
4539
  }
4802
4540
  get tooltip() {
4541
+ if (!IS_BROWSER)
4542
+ return null;
4803
4543
  const ref = document.getElementById(this.for);
4804
- return (ref === null || ref === void 0 ? void 0 : ref.localName) === 'post-tooltip'
4544
+ return ref?.localName === 'post-tooltip'
4805
4545
  ? ref
4806
4546
  : null;
4807
4547
  }
@@ -4917,28 +4657,25 @@ const PostTooltipTrigger$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltipT
4917
4657
  this.interestLostHandler();
4918
4658
  }
4919
4659
  interestHandler() {
4920
- var _a;
4921
4660
  if (this.delay > 0) {
4922
4661
  this.delayTimeout = window.setTimeout(() => {
4923
- var _a;
4924
- (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.show(this.trigger);
4662
+ this.tooltip?.show(this.trigger);
4925
4663
  this.delayTimeout = null;
4926
4664
  }, this.delay);
4927
4665
  }
4928
4666
  else {
4929
- (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.show(this.trigger);
4667
+ this.tooltip?.show(this.trigger);
4930
4668
  }
4931
4669
  }
4932
4670
  interestLostHandler() {
4933
- var _a;
4934
4671
  if (this.delayTimeout) {
4935
4672
  clearTimeout(this.delayTimeout);
4936
4673
  this.delayTimeout = null;
4937
4674
  }
4938
- (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hide();
4675
+ this.tooltip?.hide();
4939
4676
  }
4940
4677
  render() {
4941
- return (h(Host, { key: 'a37c76972c4db24292fa95ddacf097055dea70f0', "data-version": version$1 }, h("slot", { key: '51de3cd7dedfc1c5fe5ef86fbf0ab953d07945cb', onSlotchange: () => this.handleSlotChange() })));
4678
+ return (h(Host, { key: '4e4b53e85570d6dbba4ee7833a1d3de00e53dbc6', "data-version": version$1 }, h("slot", { key: 'f8f5ea2e2ce848d654e233617455bbbbdc6ba5b1', onSlotchange: () => this.handleSlotChange() })));
4942
4679
  }
4943
4680
  get host() { return this; }
4944
4681
  static get watchers() { return {
@@ -1,9 +1,10 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { v as version } from './package.js';
3
3
  import { c as checkType } from './check-type.js';
4
+ import './breakpoints.js';
4
5
  import { d as defineCustomElement$2 } from './post-popovercontainer2.js';
5
6
 
6
- const postTooltipCss = ":host{display:none;--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51}:host([open]){display:block}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:.25rem .5rem;max-width:200px;min-height:32px}";
7
+ const postTooltipCss = ":host{display:none}:host([open]){display:block}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:200px;min-height:32px}";
7
8
  const PostTooltipStyle0 = postTooltipCss;
8
9
 
9
10
  const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends HTMLElement {
@@ -17,7 +18,10 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
17
18
  this.open = false;
18
19
  }
19
20
  validateOpen() {
20
- checkType(this.open, 'boolean', 'The "open" property of the post-tooltip must be a boolean.');
21
+ checkType(this, 'open', 'boolean', 'The "open" property of the post-tooltip must be a boolean.');
22
+ }
23
+ connectedCallback() {
24
+ this.validateOpen();
21
25
  }
22
26
  componentDidLoad() {
23
27
  if (!this.host.id) {
@@ -58,7 +62,7 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
58
62
  }
59
63
  render() {
60
64
  const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
61
- return (h(Host, { key: '42d4dbfacdfd2aa9d00c8555cfb672e71013d455', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: '781b9a2a90d6e1d7dc1fe233d68787cdc96d1b2a', safeSpace: 'trapezoid', class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '895559a810d2ec11e5078c0334f4e8f9c73533e5' }))));
65
+ return (h(Host, { key: 'd6a76533f22e354ff89f15c1e9a10e20fe471579', "data-version": version, role: "tooltip" }, h("post-popovercontainer", { key: '60076aaa184ae98e9e813400cc2d03f5add274df', safeSpace: 'trapezoid', class: popoverClass, arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '1d5ea42696cc60a8a84ff0ecc29e82152d028ba4' }))));
62
66
  }
63
67
  get host() { return this; }
64
68
  static get watchers() { return {
@@ -0,0 +1,25 @@
1
+ const easing = 'ease';
2
+ const duration = 500;
3
+ const fill = 'forwards';
4
+ function slideUp(el, translateSize = '-100%') {
5
+ return el.animate([
6
+ { transform: 'translateY(0)' }, // Starting position (no translation)
7
+ { transform: `translateY(${translateSize})` }, // End position
8
+ ], {
9
+ duration: duration,
10
+ easing,
11
+ fill,
12
+ });
13
+ }
14
+ function slideDown(el, translateSize = '-100%') {
15
+ return el.animate([
16
+ { transform: `translateY(${translateSize})` }, // Starting position (no translation)
17
+ { transform: 'translateY(0)' }, // End position
18
+ ], {
19
+ duration: duration,
20
+ easing,
21
+ fill,
22
+ });
23
+ }
24
+
25
+ export { slideUp as a, slideDown as s };
package/package.json CHANGED
@@ -1,58 +1,70 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-components",
3
- "version": "9.0.0",
3
+ "version": "10.0.0-next.37",
4
4
  "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
5
+ "author": "Swiss Post <design-system@post.ch>",
5
6
  "license": "Apache-2.0",
6
- "main": "dist/index.cjs.js",
7
- "module": "dist/index.js",
8
- "types": "dist/types/index.d.ts",
9
- "collection": "dist/collection/collection-manifest.json",
10
- "collection:main": "dist/collection/index.js",
11
- "unpkg": "dist/post-components/post-components.esm.js",
12
7
  "private": false,
13
8
  "repository": {
14
9
  "type": "git",
15
10
  "url": "https://github.com/swisspost/design-system"
16
11
  },
12
+ "homepage": "https://design-system.post.ch",
13
+ "bugs": {
14
+ "url": "https://github.com/swisspost/design-system/issues"
15
+ },
16
+ "publishConfig": {
17
+ "access": "public",
18
+ "linkDirectory": true
19
+ },
17
20
  "files": [
18
21
  "dist/",
19
22
  "loader/",
20
23
  "loaders/"
21
24
  ],
22
- "publishConfig": {
23
- "access": "public",
24
- "linkDirectory": true
25
- },
25
+ "main": "dist/index.cjs.js",
26
+ "module": "dist/index.js",
27
+ "types": "dist/types/index.d.ts",
28
+ "collection": "dist/collection/collection-manifest.json",
29
+ "collection:main": "dist/collection/index.js",
30
+ "unpkg": "dist/post-components/post-components.esm.js",
26
31
  "dependencies": {
27
- "@floating-ui/dom": "1.6.8",
28
- "@oddbird/popover-polyfill": "0.3.7",
29
- "@swisspost/design-system-styles": "9.0.0",
32
+ "@floating-ui/dom": "1.7.0",
33
+ "@oddbird/popover-polyfill": "0.5.2",
34
+ "@swisspost/design-system-icons": "10.0.0-next.37",
35
+ "@swisspost/design-system-styles": "10.0.0-next.37",
30
36
  "ally.js": "1.4.1",
31
- "long-press-event": "2.5.0"
37
+ "long-press-event": "2.5.0",
38
+ "nanoid": "5.1.5"
32
39
  },
33
40
  "devDependencies": {
34
- "@percy/cli": "1.29.1",
41
+ "@eslint/compat": "1.2.5",
42
+ "@eslint/js": "9.18.0",
43
+ "@percy/cli": "1.30.6",
35
44
  "@percy/cypress": "3.1.2",
36
- "@stencil-community/eslint-plugin": "0.8.0",
45
+ "@stencil-community/eslint-plugin": "0.9.0",
37
46
  "@stencil/angular-output-target": "0.8.4",
38
47
  "@stencil/core": "4.19.2",
39
48
  "@stencil/react-output-target": "0.5.3",
40
49
  "@stencil/sass": "3.0.12",
41
- "@types/jest": "29.5.12",
42
- "@types/node": "20.14.14",
43
- "@typescript-eslint/eslint-plugin": "7.18.0",
50
+ "@types/jest": "29.5.14",
51
+ "@types/node": "22.10.5",
44
52
  "@typescript-eslint/parser": "7.18.0",
45
53
  "bootstrap": "5.3.3",
46
- "cypress": "13.13.2",
54
+ "cypress": "14.3.2",
47
55
  "cypress-axe": "1.5.0",
48
56
  "cypress-storybook": "1.0.0",
49
- "eslint": "8.57.0",
50
- "eslint-plugin-react": "7.35.0",
57
+ "eslint": "9.18.0",
58
+ "eslint-plugin-react": "7.37.4",
59
+ "globals": "16.0.0",
51
60
  "rimraf": "6.0.1",
52
61
  "rollup-plugin-postcss": "4.0.2",
53
- "sass": "1.77.8",
54
- "ts-jest": "29.2.4",
55
- "typescript": "5.5.4"
62
+ "sass": "1.78.0",
63
+ "throttle-debounce": "5.0.2",
64
+ "ts-jest": "29.2.5",
65
+ "typescript": "5.8.3",
66
+ "typescript-eslint": "8.20.0",
67
+ "eslint-plugin-cypress": "4.2.0"
56
68
  },
57
69
  "keywords": [
58
70
  "components",
@@ -63,17 +75,17 @@
63
75
  "frontend"
64
76
  ],
65
77
  "scripts": {
66
- "dev": "stencil build --dev --port 9200 --serve --watch --docs --docs-readme",
78
+ "play": "stencil build --dev --port 9200 --serve --watch --docs --docs-readme",
67
79
  "start": "stencil build --dev --watch --docs --docs-readme",
68
80
  "build": "pnpm clean && stencil build --docs-readme",
69
- "clean": "rimraf www dist loader loaders",
70
- "test": "pnpm run unit",
81
+ "clean": "rimraf dist hydrate loader loaders www ../components-react/src/components/stencil-generated/ ../components-angular/projects/components/src/lib/stencil-generated/",
71
82
  "unit": "stencil test --spec",
72
83
  "unit:watch": "stencil test --spec --watchAll --silent",
73
- "e2e": "cypress run",
74
- "e2e:ci": "xvfb-run -a cypress run",
84
+ "e2e": "cypress run --browser chrome",
75
85
  "e2e:watch": "cypress open",
76
- "generate": "stencil generate",
77
- "lint": "eslint src/**/*{.ts,.tsx}"
86
+ "e2e:ci": "xvfb-run -a cypress run --browser chrome",
87
+ "lint": "eslint",
88
+ "lint:fix": "eslint --fix",
89
+ "generate": "stencil generate"
78
90
  }
79
91
  }
@@ -1,11 +0,0 @@
1
- 'use strict';
2
-
3
- const constants = require('./constants-238701d3.js');
4
-
5
- function checkNonEmpty(value, error) {
6
- if (constants.EMPTY_VALUES.some(v => v === value)) {
7
- throw new Error(error);
8
- }
9
- }
10
-
11
- exports.checkNonEmpty = checkNonEmpty;
@@ -1,8 +0,0 @@
1
- 'use strict';
2
-
3
- function checkOneOf(value, possibleValues, error) {
4
- if (!possibleValues.includes(value))
5
- throw new Error(error);
6
- }
7
-
8
- exports.checkOneOf = checkOneOf;
@@ -1,16 +0,0 @@
1
- 'use strict';
2
-
3
- function checkType(value, type, error) {
4
- const typeIsArray = type === 'array';
5
- const valueIsArray = Array.isArray(value);
6
- if (typeIsArray || valueIsArray) {
7
- if (valueIsArray !== typeIsArray)
8
- throw new Error(error);
9
- }
10
- else {
11
- if (typeof value !== type)
12
- throw new Error(error);
13
- }
14
- }
15
-
16
- exports.checkType = checkType;
@@ -1,10 +0,0 @@
1
- 'use strict';
2
-
3
- const fadeDuration = 200;
4
- const fadedOutKeyframe = { opacity: '0' };
5
- const fadedInKeyframe = { opacity: '1' };
6
- const fadeIn = (el) => el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
7
- const fadeOut = (el) => el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
8
-
9
- exports.fadeIn = fadeIn;
10
- exports.fadeOut = fadeOut;
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- const constants = require('./constants-238701d3.js');
4
- const checkOneOf = require('./check-one-of-f4f5d0c0.js');
5
- const checkType = require('./check-type-64af82a9.js');
6
-
7
- function emptyOr(check) {
8
- return (...args) => {
9
- const value = args[0];
10
- if (!constants.EMPTY_VALUES.some(v => v === value))
11
- check(...args);
12
- };
13
- }
14
-
15
- function checkPattern(value, pattern, errorMessage) {
16
- if (typeof value !== 'string' || !pattern.test(value))
17
- throw new Error(errorMessage);
18
- }
19
-
20
- function checkUrl(value, error) {
21
- if (typeof value !== 'string' && !(value instanceof URL))
22
- throw new Error(error);
23
- try {
24
- new URL(value);
25
- }
26
- catch (e) {
27
- throw new Error(error);
28
- }
29
- }
30
-
31
- const checkEmptyOrOneOf = emptyOr(checkOneOf.checkOneOf);
32
- const checkEmptyOrPattern = emptyOr(checkPattern);
33
- const checkEmptyOrType = emptyOr(checkType.checkType);
34
- const checkEmptyOrUrl = emptyOr(checkUrl);
35
-
36
- exports.checkEmptyOrOneOf = checkEmptyOrOneOf;
37
- exports.checkEmptyOrPattern = checkEmptyOrPattern;
38
- exports.checkEmptyOrType = checkEmptyOrType;
39
- exports.checkEmptyOrUrl = checkEmptyOrUrl;