@swisspost/design-system-components 9.0.0-next.8 → 9.0.0

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 (432) hide show
  1. package/dist/cjs/index-e1f32cce.js +16 -36
  2. package/dist/cjs/index.cjs.js +23 -44
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{package-a2b895fc.js → package-3ed88bb9.js} +1 -1
  5. package/dist/cjs/{post-accordion-3ce01432.js → post-accordion-9ef382e8.js} +2 -2
  6. package/dist/cjs/post-accordion-item-5f685bee.js +52 -0
  7. package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
  8. package/dist/cjs/post-accordion.cjs.entry.js +2 -2
  9. package/dist/cjs/post-alert-88adc668.js +99 -0
  10. package/dist/cjs/{post-banner.cjs.entry.js → post-alert.cjs.entry.js} +3 -3
  11. package/dist/cjs/post-card-control-c6e5c427.js +272 -0
  12. package/dist/cjs/post-card-control.cjs.entry.js +2 -2
  13. package/dist/cjs/{post-collapsible-trigger-8ca4d85b.js → post-collapsible-trigger-1764e6dc.js} +12 -7
  14. package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -3
  15. package/dist/cjs/post-components.cjs.js +1 -1
  16. package/dist/cjs/post-icon-f735da00.js +139 -0
  17. package/dist/cjs/{post-language-option.cjs.entry.js → post-icon.cjs.entry.js} +4 -3
  18. package/dist/cjs/post-logo-2cd8ae98.js +39 -0
  19. package/dist/cjs/{post-breadcrumb-item.cjs.entry.js → post-logo.cjs.entry.js} +3 -3
  20. package/dist/cjs/post-popover-36c854a4.js +131 -0
  21. package/dist/cjs/post-popover.cjs.entry.js +2 -3
  22. package/dist/cjs/{post-megadropdown-trigger-7376d867.js → post-popovercontainer-cb4793c1.js} +142 -545
  23. package/dist/cjs/post-popovercontainer.cjs.entry.js +11 -0
  24. package/dist/cjs/post-rating-d5073d8d.js +88 -0
  25. package/dist/cjs/post-rating.cjs.entry.js +2 -2
  26. package/dist/cjs/post-tab-header-b756d9b1.js +32 -0
  27. package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
  28. package/dist/cjs/{post-tab-panel-34aed8e6.js → post-tab-panel-97b79ecd.js} +2 -2
  29. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  30. package/dist/cjs/{post-tabs-dd2da5d2.js → post-tabs-834497f2.js} +8 -6
  31. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  32. package/dist/cjs/post-tag-c70fb945.js +47 -0
  33. package/dist/cjs/post-tag.cjs.entry.js +2 -2
  34. package/dist/cjs/post-tooltip-20ebe011.js +69 -0
  35. package/dist/cjs/{post-tooltip-3e0c1509.js → post-tooltip-trigger-6f4c9748.js} +506 -556
  36. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +12 -0
  37. package/dist/cjs/post-tooltip.cjs.entry.js +2 -6
  38. package/dist/collection/collection-manifest.json +3 -17
  39. package/dist/collection/components/post-accordion/post-accordion.css +1 -1
  40. package/dist/collection/components/post-accordion/post-accordion.js +2 -2
  41. package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
  42. package/dist/collection/components/post-accordion-item/post-accordion-item.js +8 -19
  43. package/dist/collection/components/post-alert/alert-types.js +1 -0
  44. package/dist/collection/components/post-alert/post-alert.css +35 -0
  45. package/dist/collection/components/{post-banner/post-banner.js → post-alert/post-alert.js} +68 -39
  46. package/dist/collection/components/post-card-control/post-card-control.css +30 -2
  47. package/dist/collection/components/post-card-control/post-card-control.js +8 -8
  48. package/dist/collection/components/post-collapsible/post-collapsible.js +2 -4
  49. package/dist/collection/components/post-icon/post-icon.css +1 -1
  50. package/dist/collection/components/post-icon/post-icon.js +52 -13
  51. package/dist/collection/components/post-logo/post-logo.js +1 -1
  52. package/dist/collection/components/post-popover/post-popover.css +30 -2
  53. package/dist/collection/components/post-popover/post-popover.js +10 -6
  54. package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +31 -1
  55. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +180 -52
  56. package/dist/collection/components/post-rating/post-rating.css +29 -1
  57. package/dist/collection/components/post-rating/post-rating.js +1 -1
  58. package/dist/collection/components/post-tab-header/post-tab-header.css +29 -1
  59. package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
  60. package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
  61. package/dist/collection/components/post-tabs/post-tabs.css +1 -1
  62. package/dist/collection/components/post-tabs/post-tabs.js +6 -4
  63. package/dist/collection/components/post-tag/post-tag.css +29 -1
  64. package/dist/collection/components/post-tag/post-tag.js +2 -2
  65. package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
  66. package/dist/collection/components/post-tooltip/post-tooltip.js +60 -213
  67. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.css +1 -0
  68. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +230 -0
  69. package/dist/collection/index.js +2 -16
  70. package/dist/components/index.js +2 -16
  71. package/dist/components/index2.js +1 -1
  72. package/dist/components/package.js +1 -1
  73. package/dist/components/post-accordion-item2.js +10 -27
  74. package/dist/components/post-accordion2.js +1 -1
  75. package/dist/components/{post-menu.d.ts → post-alert.d.ts} +4 -4
  76. package/dist/components/post-alert.js +6 -0
  77. package/dist/components/post-alert2.js +136 -0
  78. package/dist/components/post-card-control2.js +3 -3
  79. package/dist/components/post-collapsible-trigger2.js +8 -1
  80. package/dist/components/post-collapsible2.js +3 -5
  81. package/dist/components/post-icon2.js +54 -15
  82. package/dist/components/post-logo2.js +2 -2
  83. package/dist/components/post-popover2.js +35 -8
  84. package/dist/components/post-popovercontainer2.js +136 -41
  85. package/dist/components/post-rating2.js +2 -2
  86. package/dist/components/post-tab-header2.js +2 -2
  87. package/dist/components/post-tab-panel2.js +1 -1
  88. package/dist/components/post-tabs2.js +7 -5
  89. package/dist/components/post-tag2.js +2 -2
  90. package/dist/components/{post-banner.d.ts → post-tooltip-trigger.d.ts} +4 -4
  91. package/dist/components/post-tooltip-trigger.js +6 -0
  92. package/dist/components/post-tooltip-trigger2.js +4968 -0
  93. package/dist/components/post-tooltip2.js +32 -4962
  94. package/dist/docs.json +290 -1288
  95. package/dist/esm/{index-f8a00dc0.js → index-69587a51.js} +1 -1
  96. package/dist/esm/index-e1b64755.js +16 -36
  97. package/dist/esm/index.js +19 -26
  98. package/dist/esm/loader.js +1 -1
  99. package/dist/esm/package-983f957d.js +3 -0
  100. package/dist/esm/{post-accordion-19e88941.js → post-accordion-ad570427.js} +2 -2
  101. package/dist/esm/post-accordion-item-4db0aa2a.js +50 -0
  102. package/dist/esm/post-accordion-item.entry.js +3 -3
  103. package/dist/esm/post-accordion.entry.js +2 -2
  104. package/dist/esm/post-alert-1e9fbdfa.js +97 -0
  105. package/dist/esm/{post-banner.entry.js → post-alert.entry.js} +3 -3
  106. package/dist/esm/post-card-control-ccb189a8.js +270 -0
  107. package/dist/esm/post-card-control.entry.js +2 -2
  108. package/dist/esm/{post-collapsible-trigger-1d939eb6.js → post-collapsible-trigger-45fe328a.js} +12 -7
  109. package/dist/esm/post-collapsible_2.entry.js +3 -4
  110. package/dist/esm/post-components.js +1 -1
  111. package/dist/esm/post-icon-3fc4dd7d.js +137 -0
  112. package/dist/esm/post-icon.entry.js +8 -0
  113. package/dist/esm/post-logo-e6cdea13.js +37 -0
  114. package/dist/esm/post-logo.entry.js +7 -0
  115. package/dist/esm/post-popover-afdf4906.js +129 -0
  116. package/dist/esm/post-popover.entry.js +2 -3
  117. package/dist/esm/{post-megadropdown-trigger-210b4ab3.js → post-popovercontainer-b19b7606.js} +144 -538
  118. package/dist/esm/post-popovercontainer.entry.js +3 -0
  119. package/dist/esm/post-rating-f60024fa.js +86 -0
  120. package/dist/esm/post-rating.entry.js +2 -2
  121. package/dist/esm/post-tab-header-333e15d5.js +30 -0
  122. package/dist/esm/post-tab-header.entry.js +2 -2
  123. package/dist/esm/{post-tab-panel-afce8d40.js → post-tab-panel-0ddb05a2.js} +2 -2
  124. package/dist/esm/post-tab-panel.entry.js +2 -2
  125. package/dist/esm/{post-tabs-fbb42496.js → post-tabs-ab7853cf.js} +8 -6
  126. package/dist/esm/post-tabs.entry.js +2 -2
  127. package/dist/esm/post-tag-4a7d14b9.js +45 -0
  128. package/dist/esm/post-tag.entry.js +2 -2
  129. package/dist/esm/post-tooltip-c03cd719.js +67 -0
  130. package/dist/esm/{post-tooltip-7101ed24.js → post-tooltip-trigger-1fefc8ad.js} +506 -556
  131. package/dist/esm/post-tooltip-trigger.entry.js +4 -0
  132. package/dist/esm/post-tooltip.entry.js +2 -6
  133. package/dist/post-components/index.esm.js +1 -1
  134. package/dist/post-components/p-0a45da5e.entry.js +1 -0
  135. package/dist/post-components/p-12e82863.entry.js +1 -0
  136. package/dist/post-components/p-1386b77d.js +1 -0
  137. package/dist/post-components/p-1528b798.js +1 -0
  138. package/dist/post-components/p-18dc1299.entry.js +1 -0
  139. package/dist/post-components/p-1a8f6c84.entry.js +1 -0
  140. package/dist/post-components/p-256453ca.js +1 -0
  141. package/dist/post-components/p-3272ebad.js +1 -0
  142. package/dist/post-components/p-3596035e.js +1 -0
  143. package/dist/post-components/p-3668f4fa.entry.js +1 -0
  144. package/dist/post-components/p-375845d4.js +1 -0
  145. package/dist/post-components/p-381de59d.entry.js +1 -0
  146. package/dist/post-components/p-4e68c514.js +1 -0
  147. package/dist/post-components/p-4eb5d9a1.entry.js +1 -0
  148. package/dist/post-components/p-61a7d216.js +1 -0
  149. package/dist/post-components/{p-0338f9da.js → p-788e64fb.js} +1 -1
  150. package/dist/post-components/p-7d5b41d1.js +1 -0
  151. package/dist/post-components/p-82ea24e7.js +1 -0
  152. package/dist/post-components/p-85c4d04f.js +1 -0
  153. package/dist/post-components/p-85c6d001.entry.js +1 -0
  154. package/dist/post-components/p-8e555dda.js +15 -0
  155. package/dist/post-components/p-962a6f36.entry.js +1 -0
  156. package/dist/post-components/p-a76c71bc.js +1 -0
  157. package/dist/post-components/p-a7e8fd41.entry.js +1 -0
  158. package/dist/post-components/p-ac216bd0.entry.js +1 -0
  159. package/dist/post-components/p-b17ecbee.entry.js +1 -0
  160. package/dist/post-components/p-bb4227ad.entry.js +1 -0
  161. package/dist/post-components/p-bc294d0b.js +1 -0
  162. package/dist/post-components/p-d0b3c5d3.entry.js +1 -0
  163. package/dist/post-components/p-d4e148d8.entry.js +1 -0
  164. package/dist/post-components/p-d9809281.js +1 -0
  165. package/dist/post-components/p-eb1e7a49.js +1 -0
  166. package/dist/post-components/p-f35291d5.entry.js +1 -0
  167. package/dist/post-components/p-fc3bfe08.js +1 -0
  168. package/dist/post-components/post-components.esm.js +1 -1
  169. package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
  170. package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +1 -5
  171. package/dist/types/components/post-alert/alert-types.d.ts +2 -0
  172. package/dist/types/components/post-alert/post-alert.d.ts +54 -0
  173. package/dist/types/components/post-card-control/post-card-control.d.ts +7 -7
  174. package/dist/types/components/post-icon/post-icon.d.ts +1 -1
  175. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +31 -13
  176. package/dist/types/components/post-tag/post-tag.d.ts +1 -1
  177. package/dist/types/components/post-tooltip/post-tooltip.d.ts +20 -34
  178. package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +47 -0
  179. package/dist/types/components.d.ts +124 -490
  180. package/dist/types/index.d.ts +2 -16
  181. package/loaders/index.d.ts +4 -32
  182. package/loaders/index.js +4 -18
  183. package/loaders/index2.js +1 -1
  184. package/loaders/package.js +1 -1
  185. package/loaders/post-accordion-item.js +11 -28
  186. package/loaders/post-accordion.js +1 -1
  187. package/loaders/{post-menu.d.ts → post-alert.d.ts} +4 -4
  188. package/loaders/post-alert.js +139 -0
  189. package/loaders/post-card-control.js +3 -3
  190. package/loaders/post-collapsible-trigger2.js +8 -1
  191. package/loaders/post-collapsible2.js +3 -5
  192. package/loaders/post-icon2.js +54 -15
  193. package/loaders/post-logo.js +2 -2
  194. package/loaders/post-popover.js +35 -8
  195. package/loaders/post-popovercontainer2.js +136 -41
  196. package/loaders/post-rating.js +2 -2
  197. package/loaders/post-tab-header.js +2 -2
  198. package/loaders/post-tab-panel.js +1 -1
  199. package/loaders/post-tabs.js +7 -5
  200. package/loaders/post-tag.js +2 -2
  201. package/loaders/{post-avatar.d.ts → post-tooltip-trigger.d.ts} +4 -4
  202. package/loaders/post-tooltip-trigger.js +4971 -0
  203. package/loaders/post-tooltip.js +32 -4962
  204. package/package.json +5 -7
  205. package/dist/cjs/attribute-observer-10f08c04.js +0 -27
  206. package/dist/cjs/get-root-7a3498ef.js +0 -11
  207. package/dist/cjs/post-accordion-item-81601b1e.js +0 -62
  208. package/dist/cjs/post-avatar-b1c97f51.js +0 -148
  209. package/dist/cjs/post-avatar.cjs.entry.js +0 -13
  210. package/dist/cjs/post-back-to-top-0ce98569.js +0 -98
  211. package/dist/cjs/post-back-to-top.cjs.entry.js +0 -14
  212. package/dist/cjs/post-banner-8611eab5.js +0 -90
  213. package/dist/cjs/post-breadcrumb-item-2075462a.js +0 -49
  214. package/dist/cjs/post-card-control-acd30573.js +0 -272
  215. package/dist/cjs/post-closebutton_10.cjs.entry.js +0 -25
  216. package/dist/cjs/post-language-option-cf32d0ed.js +0 -68
  217. package/dist/cjs/post-menu-a3b7b63b.js +0 -176
  218. package/dist/cjs/post-menu-item-28ab1a72.js +0 -20
  219. package/dist/cjs/post-menu-item.cjs.entry.js +0 -11
  220. package/dist/cjs/post-menu-trigger-821839f5.js +0 -75
  221. package/dist/cjs/post-menu-trigger.cjs.entry.js +0 -13
  222. package/dist/cjs/post-menu.cjs.entry.js +0 -11
  223. package/dist/cjs/post-popover-c4f50134.js +0 -104
  224. package/dist/cjs/post-rating-3a87ca46.js +0 -88
  225. package/dist/cjs/post-tab-header-5fdb05a1.js +0 -32
  226. package/dist/cjs/post-tag-59232922.js +0 -47
  227. package/dist/cjs/post-togglebutton-59c6357b.js +0 -28
  228. package/dist/cjs/post-togglebutton.cjs.entry.js +0 -11
  229. package/dist/collection/animations/slide.js +0 -23
  230. package/dist/collection/components/post-avatar/post-avatar.css +0 -3
  231. package/dist/collection/components/post-avatar/post-avatar.js +0 -237
  232. package/dist/collection/components/post-back-to-top/post-back-to-top.css +0 -1
  233. package/dist/collection/components/post-back-to-top/post-back-to-top.js +0 -107
  234. package/dist/collection/components/post-banner/banner-types.js +0 -1
  235. package/dist/collection/components/post-banner/post-banner.css +0 -3
  236. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +0 -1
  237. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +0 -83
  238. package/dist/collection/components/post-closebutton/post-closebutton.js +0 -12
  239. package/dist/collection/components/post-header/post-header.css +0 -1
  240. package/dist/collection/components/post-header/post-header.js +0 -103
  241. package/dist/collection/components/post-language-option/post-language-option.css +0 -3
  242. package/dist/collection/components/post-language-option/post-language-option.js +0 -191
  243. package/dist/collection/components/post-list/post-list.css +0 -3
  244. package/dist/collection/components/post-list/post-list.js +0 -87
  245. package/dist/collection/components/post-list-item/post-list-item.css +0 -1
  246. package/dist/collection/components/post-list-item/post-list-item.js +0 -25
  247. package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +0 -1
  248. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +0 -61
  249. package/dist/collection/components/post-megadropdown/post-megadropdown.css +0 -1
  250. package/dist/collection/components/post-megadropdown/post-megadropdown.js +0 -137
  251. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +0 -1
  252. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +0 -48
  253. package/dist/collection/components/post-menu/post-menu.css +0 -3
  254. package/dist/collection/components/post-menu/post-menu.js +0 -278
  255. package/dist/collection/components/post-menu-item/post-menu-item.css +0 -1
  256. package/dist/collection/components/post-menu-item/post-menu-item.js +0 -20
  257. package/dist/collection/components/post-menu-trigger/post-menu-trigger.css +0 -1
  258. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +0 -104
  259. package/dist/collection/components/post-togglebutton/post-togglebutton.css +0 -1
  260. package/dist/collection/components/post-togglebutton/post-togglebutton.js +0 -56
  261. package/dist/collection/utils/is-focusable.js +0 -26
  262. package/dist/components/attribute-observer.js +0 -25
  263. package/dist/components/get-root.js +0 -9
  264. package/dist/components/post-avatar.d.ts +0 -11
  265. package/dist/components/post-avatar.js +0 -6
  266. package/dist/components/post-avatar2.js +0 -173
  267. package/dist/components/post-back-to-top.d.ts +0 -11
  268. package/dist/components/post-back-to-top.js +0 -6
  269. package/dist/components/post-back-to-top2.js +0 -123
  270. package/dist/components/post-banner.js +0 -6
  271. package/dist/components/post-banner2.js +0 -125
  272. package/dist/components/post-breadcrumb-item.d.ts +0 -11
  273. package/dist/components/post-breadcrumb-item.js +0 -6
  274. package/dist/components/post-breadcrumb-item2.js +0 -72
  275. package/dist/components/post-closebutton.d.ts +0 -11
  276. package/dist/components/post-closebutton.js +0 -6
  277. package/dist/components/post-closebutton2.js +0 -34
  278. package/dist/components/post-header.d.ts +0 -11
  279. package/dist/components/post-header.js +0 -6
  280. package/dist/components/post-header2.js +0 -235
  281. package/dist/components/post-language-option.d.ts +0 -11
  282. package/dist/components/post-language-option.js +0 -6
  283. package/dist/components/post-language-option2.js +0 -92
  284. package/dist/components/post-list-item.d.ts +0 -11
  285. package/dist/components/post-list-item.js +0 -6
  286. package/dist/components/post-list-item2.js +0 -35
  287. package/dist/components/post-list.d.ts +0 -11
  288. package/dist/components/post-list.js +0 -6
  289. package/dist/components/post-list2.js +0 -53
  290. package/dist/components/post-mainnavigation.d.ts +0 -11
  291. package/dist/components/post-mainnavigation.js +0 -6
  292. package/dist/components/post-mainnavigation2.js +0 -48
  293. package/dist/components/post-megadropdown-trigger.d.ts +0 -11
  294. package/dist/components/post-megadropdown-trigger.js +0 -6
  295. package/dist/components/post-megadropdown-trigger2.js +0 -39
  296. package/dist/components/post-megadropdown.d.ts +0 -11
  297. package/dist/components/post-megadropdown.js +0 -6
  298. package/dist/components/post-megadropdown2.js +0 -67
  299. package/dist/components/post-menu-item.d.ts +0 -11
  300. package/dist/components/post-menu-item.js +0 -6
  301. package/dist/components/post-menu-item2.js +0 -33
  302. package/dist/components/post-menu-trigger.d.ts +0 -11
  303. package/dist/components/post-menu-trigger.js +0 -6
  304. package/dist/components/post-menu-trigger2.js +0 -92
  305. package/dist/components/post-menu.js +0 -6
  306. package/dist/components/post-menu2.js +0 -201
  307. package/dist/components/post-togglebutton.d.ts +0 -11
  308. package/dist/components/post-togglebutton.js +0 -6
  309. package/dist/components/post-togglebutton2.js +0 -43
  310. package/dist/esm/attribute-observer-37fa950a.js +0 -25
  311. package/dist/esm/get-root-7af2e0d1.js +0 -9
  312. package/dist/esm/package-9cafe148.js +0 -3
  313. package/dist/esm/post-accordion-item-33bbe4de.js +0 -60
  314. package/dist/esm/post-avatar-d15a9f9e.js +0 -146
  315. package/dist/esm/post-avatar.entry.js +0 -5
  316. package/dist/esm/post-back-to-top-bcf46150.js +0 -96
  317. package/dist/esm/post-back-to-top.entry.js +0 -6
  318. package/dist/esm/post-banner-bf5e6a18.js +0 -88
  319. package/dist/esm/post-breadcrumb-item-e3b41f74.js +0 -47
  320. package/dist/esm/post-breadcrumb-item.entry.js +0 -7
  321. package/dist/esm/post-card-control-f0788f6f.js +0 -270
  322. package/dist/esm/post-closebutton_10.entry.js +0 -8
  323. package/dist/esm/post-language-option-1436370d.js +0 -66
  324. package/dist/esm/post-language-option.entry.js +0 -7
  325. package/dist/esm/post-menu-e853e28b.js +0 -174
  326. package/dist/esm/post-menu-item-86d4c7ab.js +0 -18
  327. package/dist/esm/post-menu-item.entry.js +0 -3
  328. package/dist/esm/post-menu-trigger-80c2bdf4.js +0 -73
  329. package/dist/esm/post-menu-trigger.entry.js +0 -5
  330. package/dist/esm/post-menu.entry.js +0 -3
  331. package/dist/esm/post-popover-7195d05a.js +0 -102
  332. package/dist/esm/post-rating-8baf86fe.js +0 -86
  333. package/dist/esm/post-tab-header-a1d1d9d0.js +0 -30
  334. package/dist/esm/post-tag-d67b6a19.js +0 -45
  335. package/dist/esm/post-togglebutton-c3fb912d.js +0 -26
  336. package/dist/esm/post-togglebutton.entry.js +0 -3
  337. package/dist/post-components/p-00fa0152.js +0 -1
  338. package/dist/post-components/p-1667387e.entry.js +0 -1
  339. package/dist/post-components/p-19551c18.entry.js +0 -1
  340. package/dist/post-components/p-1b627f80.js +0 -1
  341. package/dist/post-components/p-24673919.js +0 -1
  342. package/dist/post-components/p-266b734f.entry.js +0 -1
  343. package/dist/post-components/p-282115c4.js +0 -1
  344. package/dist/post-components/p-2d0ffc1e.entry.js +0 -1
  345. package/dist/post-components/p-45018d7e.entry.js +0 -1
  346. package/dist/post-components/p-485dafcf.js +0 -1
  347. package/dist/post-components/p-4a647a78.js +0 -1
  348. package/dist/post-components/p-4abfa65b.js +0 -1
  349. package/dist/post-components/p-517f2b1f.entry.js +0 -1
  350. package/dist/post-components/p-55224ee7.entry.js +0 -1
  351. package/dist/post-components/p-558a9849.js +0 -1
  352. package/dist/post-components/p-59b31557.js +0 -1
  353. package/dist/post-components/p-5d1db85c.entry.js +0 -1
  354. package/dist/post-components/p-61e79941.js +0 -1
  355. package/dist/post-components/p-679978de.entry.js +0 -1
  356. package/dist/post-components/p-6a842b96.entry.js +0 -1
  357. package/dist/post-components/p-6adeaa6c.js +0 -1
  358. package/dist/post-components/p-6cea23cd.js +0 -15
  359. package/dist/post-components/p-71f03424.js +0 -1
  360. package/dist/post-components/p-8c2568c1.entry.js +0 -1
  361. package/dist/post-components/p-8fd3a3cb.entry.js +0 -1
  362. package/dist/post-components/p-939f2ba7.js +0 -1
  363. package/dist/post-components/p-a4c39296.entry.js +0 -1
  364. package/dist/post-components/p-af5d3b89.entry.js +0 -1
  365. package/dist/post-components/p-b4423249.entry.js +0 -1
  366. package/dist/post-components/p-c31a7d65.entry.js +0 -1
  367. package/dist/post-components/p-c544bb82.js +0 -1
  368. package/dist/post-components/p-ccb6dfa1.js +0 -1
  369. package/dist/post-components/p-d0b8820a.js +0 -1
  370. package/dist/post-components/p-d36adfb5.js +0 -1
  371. package/dist/post-components/p-da6a8268.entry.js +0 -1
  372. package/dist/post-components/p-ece14d88.js +0 -1
  373. package/dist/post-components/p-f0f8427e.js +0 -1
  374. package/dist/post-components/p-f2e1b4d8.js +0 -1
  375. package/dist/post-components/p-f627744e.js +0 -1
  376. package/dist/post-components/p-f7b6b96a.entry.js +0 -1
  377. package/dist/post-components/p-f812e93d.entry.js +0 -1
  378. package/dist/post-components/p-f8d41c32.js +0 -1
  379. package/dist/post-components/p-fc91cbc2.js +0 -1
  380. package/dist/post-components/p-fe516cdf.entry.js +0 -1
  381. package/dist/post-components/p-fe7467fb.entry.js +0 -1
  382. package/dist/types/animations/slide.d.ts +0 -2
  383. package/dist/types/components/post-avatar/post-avatar.d.ts +0 -51
  384. package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +0 -19
  385. package/dist/types/components/post-banner/banner-types.d.ts +0 -2
  386. package/dist/types/components/post-banner/post-banner.d.ts +0 -49
  387. package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +0 -15
  388. package/dist/types/components/post-closebutton/post-closebutton.d.ts +0 -7
  389. package/dist/types/components/post-header/post-header.d.ts +0 -16
  390. package/dist/types/components/post-language-option/post-language-option.d.ts +0 -40
  391. package/dist/types/components/post-list/post-list.d.ts +0 -24
  392. package/dist/types/components/post-list-item/post-list-item.d.ts +0 -8
  393. package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -10
  394. package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +0 -23
  395. package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +0 -10
  396. package/dist/types/components/post-menu/post-menu.d.ts +0 -47
  397. package/dist/types/components/post-menu-item/post-menu-item.d.ts +0 -4
  398. package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +0 -27
  399. package/dist/types/components/post-togglebutton/post-togglebutton.d.ts +0 -13
  400. package/dist/types/utils/is-focusable.d.ts +0 -1
  401. package/loaders/attribute-observer.js +0 -25
  402. package/loaders/get-root.js +0 -9
  403. package/loaders/post-avatar.js +0 -176
  404. package/loaders/post-back-to-top.d.ts +0 -11
  405. package/loaders/post-back-to-top.js +0 -126
  406. package/loaders/post-banner.d.ts +0 -11
  407. package/loaders/post-banner.js +0 -128
  408. package/loaders/post-breadcrumb-item.d.ts +0 -11
  409. package/loaders/post-breadcrumb-item.js +0 -75
  410. package/loaders/post-closebutton.d.ts +0 -11
  411. package/loaders/post-closebutton.js +0 -37
  412. package/loaders/post-header.d.ts +0 -11
  413. package/loaders/post-header.js +0 -238
  414. package/loaders/post-language-option.d.ts +0 -11
  415. package/loaders/post-language-option.js +0 -95
  416. package/loaders/post-list-item.d.ts +0 -11
  417. package/loaders/post-list-item.js +0 -38
  418. package/loaders/post-list.d.ts +0 -11
  419. package/loaders/post-list.js +0 -56
  420. package/loaders/post-mainnavigation.d.ts +0 -11
  421. package/loaders/post-mainnavigation.js +0 -51
  422. package/loaders/post-megadropdown-trigger.d.ts +0 -11
  423. package/loaders/post-megadropdown-trigger.js +0 -42
  424. package/loaders/post-megadropdown.d.ts +0 -11
  425. package/loaders/post-megadropdown.js +0 -70
  426. package/loaders/post-menu-item.d.ts +0 -11
  427. package/loaders/post-menu-item.js +0 -36
  428. package/loaders/post-menu-trigger.d.ts +0 -11
  429. package/loaders/post-menu-trigger.js +0 -95
  430. package/loaders/post-menu.js +0 -204
  431. package/loaders/post-togglebutton.d.ts +0 -11
  432. package/loaders/post-togglebutton.js +0 -46
@@ -1,146 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
2
- import { v as version } from './package-9cafe148.js';
3
- import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
4
-
5
- const postAvatarCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:\"\";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}";
6
- const PostAvatarStyle0 = postAvatarCss;
7
-
8
- // https://docs.gravatar.com/api/avatars/images/
9
- const GRAVATAR_DEFAULT = '404';
10
- const GRAVATAR_RATING = 'g';
11
- const GRAVATAR_SIZE = 80;
12
- const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
13
- var AvatarType;
14
- (function (AvatarType) {
15
- AvatarType["Slotted"] = "slotted";
16
- AvatarType["Image"] = "image";
17
- AvatarType["Initials"] = "initials";
18
- AvatarType[AvatarType["Null"] = null] = "Null";
19
- })(AvatarType || (AvatarType = {}));
20
- const PostAvatar = class {
21
- constructor(hostRef) {
22
- registerInstance(this, hostRef);
23
- this.firstname = undefined;
24
- this.lastname = undefined;
25
- this.userid = undefined;
26
- this.email = undefined;
27
- this.slottedImage = undefined;
28
- this.avatarType = null;
29
- this.imageUrl = '';
30
- this.imageAlt = '';
31
- this.initials = '';
32
- }
33
- validateFirstname() {
34
- checkNonEmpty(this.firstname, 'The `firstname` property of the `post-avatar` is required!');
35
- }
36
- async getAvatar() {
37
- if (this.slottedImage !== null) {
38
- this.avatarType = AvatarType.Slotted;
39
- }
40
- else {
41
- let imageLoaded = false;
42
- if (!imageLoaded && this.userid)
43
- imageLoaded = await this.getImageByProp(this.userid, this.fetchImageByUserId.bind(this));
44
- if (!imageLoaded && this.email)
45
- imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
46
- if (!imageLoaded)
47
- this.getAvatarByInitials();
48
- }
49
- }
50
- async getImageByProp(prop, fetchImage) {
51
- var _a;
52
- if (!prop)
53
- return false;
54
- const imageResponse = (_a = (await this.getStorageItem(prop))) !== null && _a !== void 0 ? _a : { ok: false, url: '' };
55
- if (!imageResponse.ok) {
56
- try {
57
- const r = await fetchImage();
58
- imageResponse.ok = r.ok;
59
- imageResponse.url = r.url;
60
- this.imageUrl = imageResponse.url;
61
- this.imageAlt = `${this.firstname} ${this.lastname} avatar`;
62
- this.avatarType = AvatarType.Image;
63
- this.setStorageItem(this.userid, JSON.stringify(imageResponse));
64
- }
65
- catch (error) {
66
- this.removeStorageItem(prop);
67
- console.info(`Loading avatar by type "${AvatarType.Image}" failed.`);
68
- }
69
- }
70
- return imageResponse.ok;
71
- }
72
- async fetchImageByUserId() {
73
- return await fetch(PostAvatar.INTERNAL_USERID_IMAGE_SRC.replace('{userid}', encodeURIComponent(this.userid)));
74
- }
75
- async fetchImageByEmail() {
76
- const email = await this.cryptify(this.email);
77
- const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
78
- return await fetch(imageUrl);
79
- }
80
- getAvatarByInitials() {
81
- this.initials = this.getInitials();
82
- this.avatarType = AvatarType.Initials;
83
- }
84
- getNames() {
85
- return [this.firstname, this.lastname].filter(n => n);
86
- }
87
- getInitials() {
88
- return this.getNames()
89
- .map(n => n.charAt(0))
90
- .join('')
91
- .trim();
92
- }
93
- async getStorageItem(keyToken) {
94
- var _a;
95
- const key = await this.cryptify(keyToken);
96
- const value = (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
97
- return value ? JSON.parse(value) : null;
98
- }
99
- async setStorageItem(keyToken, value) {
100
- var _a;
101
- const key = await this.cryptify(keyToken);
102
- (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.setItem(key, value);
103
- }
104
- async removeStorageItem(keyToken) {
105
- var _a;
106
- const key = await this.cryptify(keyToken);
107
- (_a = window === null || window === void 0 ? void 0 : window.sessionStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
108
- }
109
- async cryptify(key) {
110
- return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
111
- return Array.from(new Uint8Array(buffer))
112
- .map(bytes => bytes.toString(16).padStart(2, '0'))
113
- .join('');
114
- });
115
- }
116
- onSlotDefaultChange() {
117
- this.slottedImage = this.host.querySelector('img');
118
- this.getAvatar();
119
- }
120
- componentWillRender() {
121
- this.slottedImage = this.host.querySelector('img');
122
- this.getAvatar();
123
- }
124
- componentDidLoad() {
125
- this.validateFirstname();
126
- }
127
- render() {
128
- const initials = this.getNames().reduce((acc, n, i) => {
129
- if (i > 0)
130
- acc.push(h("span", null, " "));
131
- acc.push(n.charAt(0));
132
- acc.push(h("span", null, n.slice(1)));
133
- // eslint-disable-next-line @stencil-community/render-returns-host
134
- return acc;
135
- }, []);
136
- return (h(Host, { "data-version": version }, h("slot", { onSlotchange: this.onSlotDefaultChange.bind(this) }, this.avatarType === 'image' && h("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && h("div", { class: "initials" }, initials))));
137
- }
138
- get host() { return getElement(this); }
139
- static get watchers() { return {
140
- "firstname": ["validateFirstname"]
141
- }; }
142
- };
143
- PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
144
- PostAvatar.style = PostAvatarStyle0;
145
-
146
- export { PostAvatar as P };
@@ -1,5 +0,0 @@
1
- export { P as post_avatar } from './post-avatar-d15a9f9e.js';
2
- import './index-e1b64755.js';
3
- import './package-9cafe148.js';
4
- import './check-non-empty-58bd6b17.js';
5
- import './constants-8d548297.js';
@@ -1,96 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
2
- import { v as version } from './package-9cafe148.js';
3
- import { c as checkType } from './check-type-8828dbe4.js';
4
- import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
5
-
6
- const easing = 'ease';
7
- const duration = 500;
8
- const fill = 'forwards';
9
- const slideUp = (el, translateSize = '8rem') => {
10
- return el.animate([
11
- { transform: `translateY(-${translateSize})` }, // Starting position (no translation)
12
- { transform: 'translateY(0)' }, // End position
13
- ], {
14
- duration: duration,
15
- easing,
16
- fill,
17
- });
18
- };
19
- const slideDown = (el, translateSize = '8rem') => {
20
- return el.animate([
21
- { transform: 'translateY(0)' }, // Starting position (no translation)
22
- { transform: `translateY(-${translateSize})` }, // End position
23
- ], {
24
- duration: duration,
25
- easing,
26
- fill,
27
- });
28
- };
29
-
30
- const postBackToTopCss = ":host{--post-floating-button-translate-y:var(--post-core-dimension-112);position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
31
- const PostBackToTopStyle0 = postBackToTopCss;
32
-
33
- const PostBackToTop = class {
34
- constructor(hostRef) {
35
- registerInstance(this, hostRef);
36
- this.handleScroll = () => {
37
- this.belowFold = this.isBelowFold();
38
- };
39
- this.label = undefined;
40
- this.belowFold = false;
41
- }
42
- isBelowFold() {
43
- return window.scrollY > window.innerHeight;
44
- }
45
- // Watch for changes in belowFold
46
- watchBelowFold(newValue) {
47
- if (newValue) {
48
- slideUp(this.el, this.translateY);
49
- }
50
- else {
51
- slideDown(this.el, this.translateY);
52
- }
53
- }
54
- scrollToTop() {
55
- window.scrollTo({
56
- top: 0,
57
- });
58
- }
59
- // Validate the label
60
- validateLabel() {
61
- checkType(this.label, 'string', 'The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set.');
62
- checkNonEmpty(this.label, 'The label property of the Back to Top component must not be empty. Please provide a proper text for the label');
63
- }
64
- // Set the initial state
65
- componentWillLoad() {
66
- this.belowFold = this.isBelowFold();
67
- }
68
- componentDidLoad() {
69
- window.addEventListener('scroll', this.handleScroll, false);
70
- this.translateY = window
71
- .getComputedStyle(this.el)
72
- .getPropertyValue('--post-floating-button-translate-y');
73
- if (!this.belowFold) {
74
- this.el.style.transform = `translateY(-${this.translateY})`;
75
- }
76
- // Initial load
77
- if (this.belowFold) {
78
- slideUp(this.el, this.translateY);
79
- }
80
- this.validateLabel();
81
- }
82
- disconnectedCallback() {
83
- window.removeEventListener('scroll', this.handleScroll);
84
- }
85
- render() {
86
- return (h(Host, { key: '24d2bc9d7cc6a9cc2ffc7fb47196282993c49f02', "data-version": version }, h("button", { key: '4ab2b8f8c812f202ec18461581541ef7f0134b63', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, h("post-icon", { key: 'eb1ed42514d1187121625f9108e35dea86812ae4', "aria-hidden": "true", name: "3026" }), h("span", { key: '9215f4777c859b8225580a10bf2df48ab68f4eb1', class: "visually-hidden" }, this.label))));
87
- }
88
- get el() { return getElement(this); }
89
- static get watchers() { return {
90
- "belowFold": ["watchBelowFold"],
91
- "label": ["validateLabel"]
92
- }; }
93
- };
94
- PostBackToTop.style = PostBackToTopStyle0;
95
-
96
- export { PostBackToTop as P };
@@ -1,6 +0,0 @@
1
- export { P as post_back_to_top } from './post-back-to-top-bcf46150.js';
2
- import './index-e1b64755.js';
3
- import './package-9cafe148.js';
4
- import './check-type-8828dbe4.js';
5
- import './check-non-empty-58bd6b17.js';
6
- import './constants-8d548297.js';
@@ -1,88 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e1b64755.js';
2
- import { v as version } from './package-9cafe148.js';
3
- import { f as fadeOut } from './fade-7fd71785.js';
4
- import { a as checkEmptyOrPattern, c as checkEmptyOrOneOf } from './index-f8a00dc0.js';
5
- import { c as checkType } from './check-type-8828dbe4.js';
6
- import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
7
-
8
- const BANNER_TYPES = ['neutral', 'success', 'warning', 'danger', 'info'];
9
-
10
- const postBannerCss = ".banner,.alert{min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));box-sizing:border-box;box-shadow:var(--post-device-elevation-100);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-10) var(--post-device-spacing-padding-10);padding-inline-start:calc(var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6));font-weight:400;border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner:not(.no-icon)::before,.alert:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}.banner:has(>post-icon)::before,.alert:has(>post-icon)::before{content:none}.banner>post-icon,.alert>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner::before,.alert::before{content:\"\";display:block}.banner::before,.banner>post-icon,.alert::before,.alert>post-icon{position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);left:var(--post-device-spacing-padding-10);top:var(--post-device-spacing-padding-10)}.banner.no-icon,.alert.no-icon{min-height:calc(2 * var(--post-device-spacing-padding-10) + close.$close-size);padding-inline-start:var(--post-device-spacing-padding-10)}.banner.no-icon::before,.alert.no-icon::before{content:unset}.banner.no-icon>post-icon,.alert.no-icon>post-icon{display:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner,.alert{filter:none !important;border:2px solid CanvasText}}.banner:not(.banner-action):not(.alert-action),.alert:not(.banner-action):not(.alert-action){display:flex;flex-direction:column;justify-content:center;gap:.25rem}.banner:not(.banner-action):not(.alert-action) a,.alert:not(.banner-action):not(.alert-action) a{font-weight:400}.banner:not(.banner-action):not(.alert-action) hr,.alert:not(.banner-action):not(.alert-action) hr{margin-block:.5rem .75rem !important}.banner:not(.banner-action):not(.alert-action)>*,.alert:not(.banner-action):not(.alert-action)>*{margin:0}.banner-container{border:unset;background-color:rgba(0,0,0,0)}.banner-dismissible,.alert-dismissible{pointer-events:auto;position:relative}.banner-dismissible:not(.banner-action):not(.alert-action),.alert-dismissible:not(.banner-action):not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-10) + var(--post-device-spacing-gap-inline-6) + 1.5rem)}.banner-dismissible>.btn-close,.alert-dismissible>.btn-close{position:absolute;inset-block-start:1rem;inset-inline-end:var(--post-device-spacing-padding-10)}.banner-buttons,.alert-buttons{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media (max-width: 779.98px){.banner-buttons,.alert-buttons{flex-direction:column}}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.banner-action>.banner-content a,.banner-action>.alert-content a,.alert-action>.banner-content a,.alert-action>.alert-content a{font-weight:400}.banner-action>.banner-content hr,.banner-action>.alert-content hr,.alert-action>.banner-content hr,.alert-action>.alert-content hr{margin-block:.5rem .75rem !important}.banner-action>.banner-content>*,.banner-action>.alert-content>*,.alert-action>.banner-content>*,.alert-action>.alert-content>*{margin:0}@media (max-width: 779.98px){.banner-action,.alert-action{flex-direction:column;align-items:stretch}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{padding-inline-start:var(--post-device-spacing-gap-inline-6)var(--post-device-sizing-notification-icon-2);padding-inline-end:var(--post-device-spacing-gap-inline-6)1.5rem}.banner-action.no-icon>.banner-content,.banner-action.no-icon>.alert-content,.alert-action.no-icon>.banner-content,.alert-action.no-icon>.alert-content{padding-inline-start:0}.banner-action>.banner-buttons,.banner-action>.alert-buttons,.alert-action>.banner-buttons,.alert-action>.alert-buttons{display:flex}.banner-action>.banner-buttons>.btn,.banner-action>.banner-buttons>::slotted(.btn),.banner-action>.alert-buttons>.btn,.banner-action>.alert-buttons>::slotted(.btn),.alert-action>.banner-buttons>.btn,.alert-action>.banner-buttons>::slotted(.btn),.alert-action>.alert-buttons>.btn,.alert-action>.alert-buttons>::slotted(.btn){flex:1 0 0;width:100%}.banner-action>.banner-buttons>.btn:first-child,.banner-action>.banner-buttons>::slotted(.btn:first-child),.banner-action>.alert-buttons>.btn:first-child,.banner-action>.alert-buttons>::slotted(.btn:first-child),.alert-action>.banner-buttons>.btn:first-child,.alert-action>.banner-buttons>::slotted(.btn:first-child),.alert-action>.alert-buttons>.btn:first-child,.alert-action>.alert-buttons>::slotted(.btn:first-child){margin-inline-start:0}}.banner-neutral,.alert-neutral{background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner-neutral:not(.no-icon)::before,.alert-neutral:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}.banner-neutral:has(>post-icon)::before,.alert-neutral:has(>post-icon)::before{content:none}.banner-neutral>post-icon,.alert-neutral>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner-success,.alert-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-success:not(.no-icon)::before,.alert-success:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-success-icon)}.banner-success:has(>post-icon)::before,.alert-success:has(>post-icon)::before{content:none}.banner-success>post-icon,.alert-success>post-icon{background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-icon)}.banner-warning,.alert-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-warning:not(.no-icon)::before,.alert-warning:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-warning-icon)}.banner-warning:has(>post-icon)::before,.alert-warning:has(>post-icon)::before{content:none}.banner-warning>post-icon,.alert-warning>post-icon{background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-icon)}.banner-error,.alert-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-error:not(.no-icon)::before,.alert-error:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}.banner-error:has(>post-icon)::before,.alert-error:has(>post-icon)::before{content:none}.banner-error>post-icon,.alert-error>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.banner-info,.alert-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-info:not(.no-icon)::before,.alert-info:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.33 25.33v-16h-4.67V12h2v13.33h-2V28h6.67v-2.67zM14.67 4h2.67v2.67h-2.67z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.33 25.33v-16h-4.67V12h2v13.33h-2V28h6.67v-2.67zM14.67 4h2.67v2.67h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-info-icon)}.banner-info:has(>post-icon)::before,.alert-info:has(>post-icon)::before{content:none}.banner-info>post-icon,.alert-info>post-icon{background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-icon)}.banner-danger,.alert-danger{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-danger:not(.no-icon)::before,.alert-danger:not(.no-icon)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}.banner-danger:has(>post-icon)::before,.alert-danger:has(>post-icon)::before{content:none}.banner-danger>post-icon,.alert-danger>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}:host ::slotted(*){margin:0 !important}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";
11
- const PostBannerStyle0 = postBannerCss;
12
-
13
- const PostBanner = class {
14
- constructor(hostRef) {
15
- registerInstance(this, hostRef);
16
- this.postDismissed = createEvent(this, "postDismissed", 7);
17
- this.bannerId = crypto.randomUUID();
18
- this.classes = undefined;
19
- this.hasActions = undefined;
20
- this.hasHeading = undefined;
21
- this.onDismissButtonClick = () => this.dismiss();
22
- this.dismissible = false;
23
- this.dismissLabel = undefined;
24
- this.icon = undefined;
25
- this.type = 'neutral';
26
- }
27
- validateDismissible(isDismissible = this.dismissible) {
28
- checkType(isDismissible, 'boolean', 'The post-banner "dismissible" prop should be a boolean.');
29
- setTimeout(() => this.validateDismissLabel());
30
- }
31
- validateDismissLabel(dismissLabel = this.dismissLabel) {
32
- if (this.dismissible) {
33
- checkNonEmpty(dismissLabel, 'Dismissible post-banner\'s require a "dismiss-label" prop.');
34
- }
35
- }
36
- validateIcon(icon = this.icon) {
37
- checkEmptyOrPattern(icon, /\d{4}|none/, 'The post-banner "icon" prop should be a 4-digits string.');
38
- }
39
- validateType(type = this.type) {
40
- checkEmptyOrOneOf(type, BANNER_TYPES, `The post-banner requires a type form: ${BANNER_TYPES.join(', ')}`);
41
- }
42
- componentDidLoad() {
43
- this.validateDismissible();
44
- this.validateIcon();
45
- this.validateType();
46
- }
47
- componentWillRender() {
48
- this.hasHeading = this.host.querySelectorAll('[slot=heading]').length > 0;
49
- this.hasActions = this.host.querySelectorAll('[slot=actions]').length > 0;
50
- this.classes = `banner ${this.type ? 'banner-' + this.type : ''}`;
51
- if (this.dismissible)
52
- this.classes += ' banner-dismissible';
53
- if (this.hasActions)
54
- this.classes += ' banner-action';
55
- if (this.icon === 'none')
56
- this.classes += ' no-icon';
57
- }
58
- /**
59
- * Triggers banner dismissal programmatically (same as clicking on the close button (×)).
60
- */
61
- async dismiss() {
62
- const dismissal = fadeOut(this.host);
63
- await dismissal.finished;
64
- this.host.remove();
65
- this.postDismissed.emit();
66
- }
67
- render() {
68
- const defaultBannerContent = [
69
- this.hasHeading && (h("div", { key: `${this.bannerId}-heading`, class: "banner-heading" }, h("slot", { key: '7c03020bf287d48d71b31a7ae1d973ec0094d0f8', name: "heading" }))),
70
- h("slot", { key: `${this.bannerId}-message` }),
71
- ];
72
- const actionBannerContent = [
73
- h("div", { key: `${this.bannerId}-content`, class: "banner-content" }, defaultBannerContent),
74
- h("div", { key: `${this.bannerId}-buttons`, class: "banner-buttons" }, h("slot", { key: 'e7a4fca1de6d984560ab46c87c9406e567b482f9', name: "actions" })),
75
- ];
76
- return (h(Host, { key: '58fcfe2258e5d5426c713864af729b046c9ed678', "data-version": version }, h("div", { key: '0c54f8b1ece142fd9cd3d071cf36fde2dc5e1d08', role: "alert", class: this.classes, part: this.classes }, this.dismissible && (h("button", { key: '8e1c32b63a39605ad15c550f4cd55ebb5630e4fe', class: "btn-close", onClick: this.onDismissButtonClick }, h("span", { key: 'cea941fe2637f3cabb5889875ca12d6f9818e636', class: "visually-hidden" }, this.dismissLabel))), this.icon && this.icon !== 'none' && (h("post-icon", { key: `${this.bannerId}-icon`, name: this.icon })), this.hasActions ? actionBannerContent : defaultBannerContent)));
77
- }
78
- get host() { return getElement(this); }
79
- static get watchers() { return {
80
- "dismissible": ["validateDismissible"],
81
- "dismissLabel": ["validateDismissLabel"],
82
- "icon": ["validateIcon"],
83
- "type": ["validateType"]
84
- }; }
85
- };
86
- PostBanner.style = PostBannerStyle0;
87
-
88
- export { PostBanner as P };
@@ -1,47 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
2
- import { v as version } from './package-9cafe148.js';
3
- import { b as checkEmptyOrUrl } from './index-f8a00dc0.js';
4
-
5
- const postBreadcrumbItemCss = ":host{display:inline-block}:host{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--post-device-spacing-padding-block-7);gap:var(--post-device-spacing-gap-inline-5);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item post-icon{height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
6
- const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
7
-
8
- const PostBreadcrumbItem = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.url = undefined;
12
- }
13
- validateUrl() {
14
- try {
15
- this.validUrl = this.constructUrl(this.url);
16
- }
17
- catch (error) {
18
- this.validUrl = undefined;
19
- }
20
- }
21
- // Helper to construct a valid URL string or return undefined
22
- constructUrl(value) {
23
- const hasBaseURL = /^https?:\/\//.test(String(this.url));
24
- if (typeof value === 'string') {
25
- const urlString = hasBaseURL
26
- ? value
27
- : `${window.location.origin}${value}`;
28
- checkEmptyOrUrl(urlString, 'The "url" property of the post-breadcrumb-item is invalid');
29
- return urlString;
30
- }
31
- return undefined;
32
- }
33
- connectedCallback() {
34
- this.validateUrl();
35
- }
36
- render() {
37
- const BreadcrumbTag = this.validUrl ? 'a' : 'span';
38
- return (h(Host, { key: '0a161b7e3890549ea0a7645be6a4a1a407d81011', "data-version": version }, h(BreadcrumbTag, Object.assign({ key: '5844d3d93b00ba0f9062dc9b3d8c91e6b7ac9e97', class: "breadcrumb-item" }, (this.validUrl ? { href: this.validUrl } : {})), h("post-icon", { key: '852b13f76a650c9952e5edc6266141d13eab6afa', name: "2111", class: "breadcrumb-item-icon" }), h("slot", { key: 'd4fbec6b09662b59aefd763be8323746c0b2bcd9' }))));
39
- }
40
- get host() { return getElement(this); }
41
- static get watchers() { return {
42
- "url": ["validateUrl"]
43
- }; }
44
- };
45
- PostBreadcrumbItem.style = PostBreadcrumbItemStyle0;
46
-
47
- export { PostBreadcrumbItem as P };
@@ -1,7 +0,0 @@
1
- export { P as post_breadcrumb_item } from './post-breadcrumb-item-e3b41f74.js';
2
- import './index-e1b64755.js';
3
- import './package-9cafe148.js';
4
- import './index-f8a00dc0.js';
5
- import './constants-8d548297.js';
6
- import './check-one-of-6b3ef8eb.js';
7
- import './check-type-8828dbe4.js';