@swisspost/design-system-components 9.0.0-next.28 → 9.0.0-next.29

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 (150) hide show
  1. package/dist/cjs/index.cjs.js +20 -20
  2. package/dist/cjs/{package-4a02ad6d.js → package-4af5d3ea.js} +1 -1
  3. package/dist/cjs/{post-accordion-d3f17c0d.js → post-accordion-420ef8ad.js} +1 -1
  4. package/dist/cjs/{post-accordion-item-190be662.js → post-accordion-item-717b167f.js} +1 -1
  5. package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
  6. package/dist/cjs/post-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/{post-avatar-f80c6920.js → post-avatar-076ca249.js} +1 -1
  8. package/dist/cjs/post-avatar.cjs.entry.js +2 -2
  9. package/dist/cjs/{post-back-to-top-42b834e5.js → post-back-to-top-91f47fda.js} +1 -1
  10. package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
  11. package/dist/cjs/{post-banner-bd4a9d42.js → post-banner-bf13ead3.js} +1 -1
  12. package/dist/cjs/post-banner.cjs.entry.js +2 -2
  13. package/dist/cjs/{post-breadcrumb-b1244910.js → post-breadcrumb-6435b6fa.js} +1 -1
  14. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +2 -2
  15. package/dist/cjs/post-breadcrumb.cjs.entry.js +2 -2
  16. package/dist/cjs/{post-card-control-5f84741e.js → post-card-control-f3893ba8.js} +1 -1
  17. package/dist/cjs/post-card-control.cjs.entry.js +2 -2
  18. package/dist/cjs/post-closebutton_15.cjs.entry.js +2 -2
  19. package/dist/cjs/{post-collapsible-trigger-69c6f478.js → post-collapsible-trigger-0d9a3df8.js} +1 -1
  20. package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
  21. package/dist/cjs/{post-footer-f9a42c07.js → post-footer-cde89a81.js} +1 -1
  22. package/dist/cjs/post-footer.cjs.entry.js +2 -2
  23. package/dist/cjs/{post-linkarea-7fb24c32.js → post-linkarea-4676e740.js} +1 -1
  24. package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
  25. package/dist/cjs/{post-menu-item-dcd80934.js → post-menu-item-85ad65fb.js} +1 -1
  26. package/dist/cjs/{post-popover-1c0d832e.js → post-popover-83532b40.js} +1 -1
  27. package/dist/cjs/post-popover.cjs.entry.js +2 -2
  28. package/dist/cjs/{post-rating-d0550507.js → post-rating-21990c8b.js} +1 -1
  29. package/dist/cjs/post-rating.cjs.entry.js +2 -2
  30. package/dist/cjs/{post-tab-header-ffd43a70.js → post-tab-header-81fbf5ff.js} +1 -1
  31. package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
  32. package/dist/cjs/{post-tab-panel-faf3d709.js → post-tab-panel-71ebb3cf.js} +1 -1
  33. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  34. package/dist/cjs/{post-tabs-efe7d7ac.js → post-tabs-be435e00.js} +1 -1
  35. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  36. package/dist/cjs/{post-tag-63992366.js → post-tag-ed81e114.js} +1 -1
  37. package/dist/cjs/post-tag.cjs.entry.js +2 -2
  38. package/dist/cjs/{post-togglebutton-88f6efd9.js → post-togglebutton-6c99f2a8.js} +44 -40
  39. package/dist/cjs/{post-tooltip-61fbe2aa.js → post-tooltip-3d847af6.js} +1 -1
  40. package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
  41. package/dist/collection/components/post-header/post-header.js +47 -39
  42. package/dist/components/package.js +1 -1
  43. package/dist/components/post-header2.js +45 -41
  44. package/dist/docs.json +17 -5
  45. package/dist/esm/index.js +20 -20
  46. package/dist/esm/package-08c623bf.js +3 -0
  47. package/dist/esm/{post-accordion-c5d29a8a.js → post-accordion-465529b0.js} +1 -1
  48. package/dist/esm/{post-accordion-item-02cb14cf.js → post-accordion-item-dcb8a6b3.js} +1 -1
  49. package/dist/esm/post-accordion-item.entry.js +2 -2
  50. package/dist/esm/post-accordion.entry.js +2 -2
  51. package/dist/esm/{post-avatar-938ba966.js → post-avatar-fb92d451.js} +1 -1
  52. package/dist/esm/post-avatar.entry.js +2 -2
  53. package/dist/esm/{post-back-to-top-1b683d68.js → post-back-to-top-29c2ecbc.js} +1 -1
  54. package/dist/esm/post-back-to-top.entry.js +2 -2
  55. package/dist/esm/{post-banner-bba21993.js → post-banner-ae82b42f.js} +1 -1
  56. package/dist/esm/post-banner.entry.js +2 -2
  57. package/dist/esm/{post-breadcrumb-d7de5be8.js → post-breadcrumb-3951ef10.js} +1 -1
  58. package/dist/esm/post-breadcrumb-item_2.entry.js +2 -2
  59. package/dist/esm/post-breadcrumb.entry.js +2 -2
  60. package/dist/esm/{post-card-control-7bae2d03.js → post-card-control-1cee4a72.js} +1 -1
  61. package/dist/esm/post-card-control.entry.js +2 -2
  62. package/dist/esm/post-closebutton_15.entry.js +2 -2
  63. package/dist/esm/{post-collapsible-trigger-f0388a5d.js → post-collapsible-trigger-def32fc5.js} +1 -1
  64. package/dist/esm/post-collapsible_2.entry.js +2 -2
  65. package/dist/esm/{post-footer-2208bbc1.js → post-footer-2ec383ec.js} +1 -1
  66. package/dist/esm/post-footer.entry.js +2 -2
  67. package/dist/esm/{post-linkarea-6c4ae7d9.js → post-linkarea-d440a2b4.js} +1 -1
  68. package/dist/esm/post-linkarea.entry.js +2 -2
  69. package/dist/esm/{post-menu-item-12537d9f.js → post-menu-item-0f81dbc5.js} +1 -1
  70. package/dist/esm/{post-popover-a21da0fb.js → post-popover-4552c29a.js} +1 -1
  71. package/dist/esm/post-popover.entry.js +2 -2
  72. package/dist/esm/{post-rating-a22c63ad.js → post-rating-abfeeacf.js} +1 -1
  73. package/dist/esm/post-rating.entry.js +2 -2
  74. package/dist/esm/{post-tab-header-a6890c45.js → post-tab-header-ebbeb215.js} +1 -1
  75. package/dist/esm/post-tab-header.entry.js +2 -2
  76. package/dist/esm/{post-tab-panel-5b17d7dc.js → post-tab-panel-c2e834d4.js} +1 -1
  77. package/dist/esm/post-tab-panel.entry.js +2 -2
  78. package/dist/esm/{post-tabs-76a962ed.js → post-tabs-25ba69ea.js} +1 -1
  79. package/dist/esm/post-tabs.entry.js +2 -2
  80. package/dist/esm/{post-tag-c109721b.js → post-tag-95663466.js} +1 -1
  81. package/dist/esm/post-tag.entry.js +2 -2
  82. package/dist/esm/{post-togglebutton-62c82006.js → post-togglebutton-f076a2bb.js} +44 -40
  83. package/dist/esm/{post-tooltip-60b99658.js → post-tooltip-dc49483f.js} +1 -1
  84. package/dist/esm/post-tooltip.entry.js +2 -2
  85. package/dist/post-components/index.esm.js +1 -1
  86. package/dist/post-components/{p-9bc767bf.js → p-01c29d19.js} +1 -1
  87. package/dist/post-components/{p-8eacdd0a.js → p-029cbf1c.js} +1 -1
  88. package/dist/post-components/p-04f18b43.entry.js +1 -0
  89. package/dist/post-components/{p-d1fdb83e.js → p-1d9ceda1.js} +1 -1
  90. package/dist/post-components/p-22378e65.entry.js +1 -0
  91. package/dist/post-components/{p-4434614d.js → p-26ca0eb8.js} +1 -1
  92. package/dist/post-components/{p-7890857b.js → p-283466d7.js} +1 -1
  93. package/dist/post-components/p-4e60f6b9.entry.js +1 -0
  94. package/dist/post-components/p-53a611ba.entry.js +1 -0
  95. package/dist/post-components/p-55242ffc.entry.js +1 -0
  96. package/dist/post-components/p-56259a41.entry.js +1 -0
  97. package/dist/post-components/{p-a0977ac3.js → p-57595392.js} +1 -1
  98. package/dist/post-components/p-580fd9c5.entry.js +1 -0
  99. package/dist/post-components/{p-4117cb81.js → p-5dd40f83.js} +1 -1
  100. package/dist/post-components/{p-bf645bb3.js → p-610b4050.js} +1 -1
  101. package/dist/post-components/{p-a0a558f4.entry.js → p-699f78b5.entry.js} +1 -1
  102. package/dist/post-components/p-70e6769b.js +1 -0
  103. package/dist/post-components/p-7335c94a.entry.js +1 -0
  104. package/dist/post-components/p-7e5fbf2b.entry.js +1 -0
  105. package/dist/post-components/p-8098c26c.entry.js +1 -0
  106. package/dist/post-components/p-8515ab59.entry.js +1 -0
  107. package/dist/post-components/{p-5a527719.js → p-8d906ba2.js} +1 -1
  108. package/dist/post-components/{p-bf3eed5c.js → p-8d9b499b.js} +1 -1
  109. package/dist/post-components/{p-76b6be0b.js → p-a56dad38.js} +1 -1
  110. package/dist/post-components/{p-098d15c8.entry.js → p-a9e01ce6.entry.js} +1 -1
  111. package/dist/post-components/{p-40d54769.js → p-bceb500f.js} +1 -1
  112. package/dist/post-components/p-bdad79f6.entry.js +1 -0
  113. package/dist/post-components/{p-f0efe890.js → p-c617e1cb.js} +1 -1
  114. package/dist/post-components/p-c7944519.entry.js +1 -0
  115. package/dist/post-components/{p-02edd21e.js → p-ccd83c09.js} +1 -1
  116. package/dist/post-components/p-cddbd32f.entry.js +1 -0
  117. package/dist/post-components/{p-922fa512.js → p-ce852695.js} +1 -1
  118. package/dist/post-components/p-db8093a9.entry.js +1 -0
  119. package/dist/post-components/p-dd973323.entry.js +1 -0
  120. package/dist/post-components/p-e6038029.js +1 -0
  121. package/dist/post-components/{p-4ea7563e.js → p-eaa3937a.js} +1 -1
  122. package/dist/post-components/{p-fcd57aa0.js → p-f1012812.js} +1 -1
  123. package/dist/post-components/p-f93e5fc0.entry.js +1 -0
  124. package/dist/post-components/{p-72cb4a59.js → p-fecb2d59.js} +1 -1
  125. package/dist/post-components/post-components.esm.js +1 -1
  126. package/dist/types/components/post-header/post-header.d.ts +3 -2
  127. package/dist/types/components.d.ts +1 -1
  128. package/loaders/package.js +1 -1
  129. package/loaders/post-header.js +45 -41
  130. package/package.json +3 -3
  131. package/dist/esm/package-5427a051.js +0 -3
  132. package/dist/post-components/p-01155190.entry.js +0 -1
  133. package/dist/post-components/p-0d93cdbb.entry.js +0 -1
  134. package/dist/post-components/p-27ba60ce.entry.js +0 -1
  135. package/dist/post-components/p-28d97d97.entry.js +0 -1
  136. package/dist/post-components/p-3328ea8c.entry.js +0 -1
  137. package/dist/post-components/p-3c2ff88e.entry.js +0 -1
  138. package/dist/post-components/p-458e8300.entry.js +0 -1
  139. package/dist/post-components/p-4aa6c733.entry.js +0 -1
  140. package/dist/post-components/p-510f2ba4.js +0 -1
  141. package/dist/post-components/p-518f78cd.entry.js +0 -1
  142. package/dist/post-components/p-541eb870.entry.js +0 -1
  143. package/dist/post-components/p-55dc30da.entry.js +0 -1
  144. package/dist/post-components/p-830261c4.entry.js +0 -1
  145. package/dist/post-components/p-869b2f3d.entry.js +0 -1
  146. package/dist/post-components/p-958b1ff0.entry.js +0 -1
  147. package/dist/post-components/p-a6c1efcb.entry.js +0 -1
  148. package/dist/post-components/p-b5e256a9.entry.js +0 -1
  149. package/dist/post-components/p-d0d63856.js +0 -1
  150. package/dist/post-components/p-e474ae4e.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-3419e46d.js';
2
- import { v as version } from './package-5427a051.js';
2
+ import { v as version } from './package-08c623bf.js';
3
3
  import { a as slideUp, s as slideDown } from './slide-cd2850ee.js';
4
4
  import { c as checkEmptyOrOneOf, d as checkEmptyOrType, b as checkEmptyOrUrl } from './index-8f8fe5b0.js';
5
5
  import { c as checkNonEmpty } from './check-non-empty-258a56b3.js';
@@ -190,13 +190,6 @@ const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:10
190
190
  const PostHeaderStyle0 = postHeaderCss;
191
191
 
192
192
  const PostHeader = class {
193
- constructor(hostRef) {
194
- registerInstance(this, hostRef);
195
- this.postUpdateDevice = createEvent(this, "postUpdateDevice", 7);
196
- this.device = null;
197
- this.mobileMenuExtended = false;
198
- this.megadropdownOpen = false;
199
- }
200
193
  firstFocusableEl;
201
194
  lastFocusableEl;
202
195
  mobileMenu;
@@ -224,65 +217,76 @@ const PostHeader = class {
224
217
  if (isMobileMenuExtended) {
225
218
  scrollParent.setAttribute('data-is-post-header-scroll-parent', '');
226
219
  scrollParent.style.overflow = 'hidden';
227
- this.host.addEventListener('keydown', this.keyboardHandler.bind(this));
220
+ this.host.addEventListener('keydown', this.keyboardHandler);
228
221
  }
229
222
  else {
230
223
  scrollParent.style.overflow = '';
231
224
  scrollParent.removeAttribute('data-is-post-header-scroll-parent');
232
- this.host.removeEventListener('keydown', this.keyboardHandler.bind(this));
225
+ this.host.removeEventListener('keydown', this.keyboardHandler);
233
226
  }
234
227
  }
235
228
  /**
236
229
  * An event emitted when the device has changed
237
230
  */
238
231
  postUpdateDevice;
239
- connectedCallback() {
240
- const scrollParent = this.scrollParent;
241
- scrollParent.style.overflow = '';
242
- scrollParent.removeAttribute('data-is-post-header-scroll-parent');
243
- console.log('disconnectedCallback', this.mobileMenuExtended, this.scrollParent, this.scrollParent.style.overflow, this.scrollParent.hasAttribute('data-is-post-header-scroll-parent'));
232
+ constructor(hostRef) {
233
+ registerInstance(this, hostRef);
234
+ this.postUpdateDevice = createEvent(this, "postUpdateDevice", 7);
235
+ this.device = null;
236
+ this.mobileMenuExtended = false;
237
+ this.megadropdownOpen = false;
238
+ this.handleScrollEvent = this.handleScrollEvent.bind(this);
239
+ this.updateScrollParentHeight = this.updateScrollParentHeight.bind(this);
240
+ this.updateLocalHeaderHeight = this.updateLocalHeaderHeight.bind(this);
241
+ this.megedropdownStateHandler = this.megedropdownStateHandler.bind(this);
242
+ this.keyboardHandler = this.keyboardHandler.bind(this);
243
+ this.handleLinkClick = this.handleLinkClick.bind(this);
244
244
  }
245
- componentWillRender() {
245
+ connectedCallback() {
246
246
  window.addEventListener('resize', this.throttledResize, { passive: true });
247
- window.addEventListener('scroll', this.handleScrollEvent.bind(this), {
247
+ window.addEventListener('scroll', this.handleScrollEvent, {
248
248
  passive: true,
249
249
  });
250
- this.scrollParent.addEventListener('scroll', this.handleScrollEvent.bind(this), {
250
+ this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
251
251
  passive: true,
252
252
  });
253
+ document.addEventListener('postToggleMegadropdown', this.megedropdownStateHandler);
254
+ this.host.addEventListener('click', this.handleLinkClick);
255
+ this.frozeBody(false);
253
256
  this.handleResize();
254
257
  this.handleScrollEvent();
258
+ this.handleScrollParentResize();
259
+ }
260
+ componentDidRender() {
255
261
  this.getFocusableElements();
262
+ this.handleLocalHeaderResize();
256
263
  }
257
264
  componentDidLoad() {
258
265
  // Check if the mega dropdown is expanded
259
- document.addEventListener('postToggleMegadropdown', this.megedropdownStateHandler.bind(this));
260
- this.host.addEventListener('click', this.handleLinkClick.bind(this));
261
- this.handleScrollParentResize();
262
- this.handleLocalHeaderResize();
263
266
  }
264
267
  // Clean up possible side effects when post-header is disconnected
265
268
  disconnectedCallback() {
266
269
  const scrollParent = this.scrollParent;
267
270
  window.removeEventListener('resize', this.throttledResize);
268
- window.removeEventListener('scroll', this.handleScrollEvent.bind(this));
269
- scrollParent.removeEventListener('scroll', this.handleScrollEvent.bind(this));
270
- document.removeEventListener('postToggleMegadropdown', this.megedropdownStateHandler.bind(this));
271
- this.host.removeEventListener('keydown', this.keyboardHandler.bind(this));
272
- this.host.removeEventListener('click', this.handleLinkClick.bind(this));
273
- if (this.scrollParentResizeObserver)
271
+ window.removeEventListener('scroll', this.handleScrollEvent);
272
+ scrollParent.removeEventListener('scroll', this.handleScrollEvent);
273
+ document.removeEventListener('postToggleMegadropdown', this.megedropdownStateHandler);
274
+ this.host.removeEventListener('keydown', this.keyboardHandler);
275
+ this.host.removeEventListener('click', this.handleLinkClick);
276
+ if (this.scrollParentResizeObserver) {
274
277
  this.scrollParentResizeObserver.disconnect();
275
- if (this.localHeaderResizeObserver)
278
+ this.scrollParentResizeObserver = null;
279
+ }
280
+ if (this.localHeaderResizeObserver) {
276
281
  this.localHeaderResizeObserver.disconnect();
282
+ this.localHeaderResizeObserver = null;
283
+ }
277
284
  this.mobileMenuExtended = false;
278
- scrollParent.style.overflow = '';
279
- scrollParent.removeAttribute('data-is-post-header-scroll-parent');
280
- console.log('disconnectedCallback', this.mobileMenuExtended, this.scrollParent, this.scrollParent.style.overflow, this.scrollParent.hasAttribute('data-is-post-header-scroll-parent'));
281
285
  }
282
286
  /**
283
287
  * Toggles the mobile navigation.
284
288
  */
285
- async toggleMobileMenu() {
289
+ async toggleMobileMenu(force) {
286
290
  if (this.device === 'desktop')
287
291
  return;
288
292
  this.mobileMenuAnimation = this.mobileMenuExtended
@@ -290,11 +294,11 @@ const PostHeader = class {
290
294
  : slideDown(this.mobileMenu);
291
295
  // Update the state of the toggle button
292
296
  const menuButton = this.host.querySelector('post-togglebutton');
293
- menuButton.toggled = !this.mobileMenuExtended;
297
+ menuButton.toggled = force ?? !this.mobileMenuExtended;
294
298
  // Toggle menu visibility before it slides down and after it slides back up
295
299
  if (this.mobileMenuExtended)
296
300
  await this.mobileMenuAnimation.finished;
297
- this.mobileMenuExtended = !this.mobileMenuExtended;
301
+ this.mobileMenuExtended = force ?? !this.mobileMenuExtended;
298
302
  if (!this.mobileMenuExtended)
299
303
  await this.mobileMenuAnimation.finished;
300
304
  }
@@ -349,7 +353,7 @@ const PostHeader = class {
349
353
  return;
350
354
  }
351
355
  if (this.mobileMenuExtended && (isLinkInMainNav || isLinkInMegadropdown)) {
352
- this.toggleMobileMenu();
356
+ this.toggleMobileMenu(false);
353
357
  }
354
358
  if (this.device === 'desktop' && isLinkInMegadropdown) {
355
359
  const megadropdownLink = target.closest('post-megadropdown a');
@@ -387,14 +391,14 @@ const PostHeader = class {
387
391
  }
388
392
  handleScrollParentResize() {
389
393
  if (this.scrollParent) {
390
- this.scrollParentResizeObserver = new ResizeObserver(this.updateScrollParentHeight.bind(this));
394
+ this.scrollParentResizeObserver = new ResizeObserver(this.updateScrollParentHeight);
391
395
  this.scrollParentResizeObserver.observe(this.scrollParent);
392
396
  }
393
397
  }
394
398
  handleLocalHeaderResize() {
395
399
  const localHeader = this.host.shadowRoot.querySelector('.local-header');
396
- if (localHeader) {
397
- this.localHeaderResizeObserver = new ResizeObserver(this.updateLocalHeaderHeight.bind(this));
400
+ if (localHeader && !this.localHeaderResizeObserver) {
401
+ this.localHeaderResizeObserver = new ResizeObserver(this.updateLocalHeaderHeight);
398
402
  this.localHeaderResizeObserver.observe(localHeader);
399
403
  }
400
404
  }
@@ -415,7 +419,7 @@ const PostHeader = class {
415
419
  return (h("div", { class: navigationClasses.join(' ') }, h("div", { ref: el => (this.mobileMenu = el) }, h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (h("div", { class: "navigation-footer" }, h("slot", { name: "meta-navigation" }), h("slot", { name: "post-language-switch" }))))));
416
420
  }
417
421
  render() {
418
- return (h(Host, { key: '5107418a1d580bf6f5fecb7021536a47ac0d753f', version: version }, h("div", { key: '07b96160f9734294624a0c4c4db686fca6909e7f', class: "global-header" }, h("div", { key: '549eeaee86fbd27a2e994fec00b5bcb4be417eff', class: "global-sub" }, h("div", { key: '3119f9f19427ddf7adb3a6f0e1c6b2acd048d758', class: "logo" }, h("slot", { key: '088f1a652930115b3c927048d004ebc5958c4a4c', name: "post-logo" }))), h("div", { key: '86dff84437178bad2fae559424a08a941822b1bc', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: '7b68b2c648b12fe3f777fbd8bac4df51b559fcbf', name: "meta-navigation" }), h("slot", { key: 'ac97ce61da9280e3fd1be05fc36aa33e29795449', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: 'df45cadb9e3bbbfb4a4b1b8799688c582e23de2b', name: "post-language-switch" }), h("div", { key: 'eaad8918db781de6c7c9bd0729801b11ef0cf3cf', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: '04753ff37b9523260d1e976698b0aec3838cf935', name: "post-togglebutton" })))), h("div", { key: 'b154e5dc69da1638d89f210cb2c7451425c52b5b', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: 'b1cad5b3e9acee0424884aea0caf8d9e153bf6d3', name: "title" }), h("div", { key: '26ec16c47a57a87ff0fc5d030f47bdd91dfbdbc0', class: "local-sub" }, h("slot", { key: '8e08c4ec4bd4bee4286173b4ddc77d061b97b0c4', name: "local-controls" }), h("slot", { key: 'ea1e250cc166c6dff8beea00fe6d9a9c3a83f55d' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
422
+ return (h(Host, { key: '9cf9cfd3c09958b60be5492f226766098aa4c3fb', version: version }, h("div", { key: '11eff51b1d3b5da81af282b12d7c621d9d389dd0', class: "global-header" }, h("div", { key: 'e80d3e7726329c6902f414fd6d74f3d74f54e8ca', class: "global-sub" }, h("div", { key: '9c7fad8991432ca8f23193566285cb6948a9efbd', class: "logo" }, h("slot", { key: 'cd993961cc68757155a6408f9a1ce903cf64bb98', name: "post-logo" }))), h("div", { key: '0ebe23b40ed941eb743caaa68767c1e8dbab6f9e', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: 'e972a93266f2240e1f66248c8f00fcc9fafd6b8c', name: "meta-navigation" }), h("slot", { key: '5ddac1faa808b043705e9f8d654b6610e230484b', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: '86dec5106e34b14cbc6f5fa5c7cac98e0a571ef4', name: "post-language-switch" }), h("div", { key: '5eb98bbabfaa86c20974c9ede677bf31aa1afbc7', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: '3a35856948852d880be939b6f66b5c38e921c19a', name: "post-togglebutton" })))), h("div", { key: 'e2749e94aad4b6174b28dbab5d64c6bc2bd614ca', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: 'e767a608ecca1199554c25f86188ca3d74ec1f95', name: "title" }), h("div", { key: 'bedb62571e462b89948fafa319faa5937fc6b8c3', class: "local-sub" }, h("slot", { key: '2e051bd52a90b8f806ca3caaec2ed67c16f887f0', name: "local-controls" }), h("slot", { key: '5d1dc41591db297b1d4c9e1622fad2ac5376de87' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
419
423
  }
420
424
  static get watchers() { return {
421
425
  "mobileMenuExtended": ["frozeBody"]
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, g as getElement, h, H as Host } from './index-3419e46d.js';
2
- import { v as version$1 } from './package-5427a051.js';
2
+ import { v as version$1 } from './package-08c623bf.js';
3
3
  import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
4
4
  import { d as checkEmptyOrType } from './index-8f8fe5b0.js';
5
5
 
@@ -1,6 +1,6 @@
1
- export { P as post_tooltip } from './post-tooltip-60b99658.js';
1
+ export { P as post_tooltip } from './post-tooltip-dc49483f.js';
2
2
  import './index-3419e46d.js';
3
- import './package-5427a051.js';
3
+ import './package-08c623bf.js';
4
4
  import './attribute-observer-2f203993.js';
5
5
  import './index-8f8fe5b0.js';
6
6
  import './constants-8d548297.js';
@@ -1 +1 @@
1
- export{P as PostAccordion}from"./p-d1fdb83e.js";export{P as PostAccordionItem}from"./p-8eacdd0a.js";export{P as PostAvatar}from"./p-40d54769.js";export{P as PostBackToTop}from"./p-a0977ac3.js";export{P as PostBanner}from"./p-fcd57aa0.js";export{P as PostBreadcrumb}from"./p-bf645bb3.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-4117cb81.js";export{P as PostCardControl}from"./p-4434614d.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-510f2ba4.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-72cb4a59.js";export{P as PostFooter}from"./p-bf3eed5c.js";export{P as PostLinkarea}from"./p-76b6be0b.js";export{P as PostPopover}from"./p-9bc767bf.js";export{P as PostRating}from"./p-7890857b.js";export{P as PostTabs}from"./p-5a527719.js";export{P as PostTabHeader}from"./p-922fa512.js";export{P as PostTabPanel}from"./p-02edd21e.js";export{P as PostTag}from"./p-4ea7563e.js";export{P as PostTooltip}from"./p-f0efe890.js";import"./p-5c758f41.js";import"./p-d0d63856.js";import"./p-247a1668.js";import"./p-d45df336.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-5aeb3656.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
1
+ export{P as PostAccordion}from"./p-1d9ceda1.js";export{P as PostAccordionItem}from"./p-029cbf1c.js";export{P as PostAvatar}from"./p-bceb500f.js";export{P as PostBackToTop}from"./p-57595392.js";export{P as PostBanner}from"./p-f1012812.js";export{P as PostBreadcrumb}from"./p-610b4050.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-5dd40f83.js";export{P as PostCardControl}from"./p-26ca0eb8.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-e6038029.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-fecb2d59.js";export{P as PostFooter}from"./p-8d9b499b.js";export{P as PostLinkarea}from"./p-a56dad38.js";export{P as PostPopover}from"./p-01c29d19.js";export{P as PostRating}from"./p-283466d7.js";export{P as PostTabs}from"./p-8d906ba2.js";export{P as PostTabHeader}from"./p-ce852695.js";export{P as PostTabPanel}from"./p-ccd83c09.js";export{P as PostTag}from"./p-eaa3937a.js";export{P as PostTooltip}from"./p-c617e1cb.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-247a1668.js";import"./p-d45df336.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";import"./p-181c73d5.js";import"./p-9b052461.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-5aeb3656.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
@@ -1 +1 @@
1
- import{g as e,r as o,h as t,H as s}from"./p-5c758f41.js";import{v as i}from"./p-d0d63856.js";import{g as r}from"./p-9748a355.js";let c=0;const n="data-popover-target",a=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(n);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(n,(e=>{const o=e.hasAttribute(n);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}constructor(e){o(this,e),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",a),window.addEventListener("keydown",a),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[n]})),c++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",a),window.removeEventListener("keydown",a),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${n}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"a7976e6c960015ed9b318c75fc8a74afc2337661","data-version":i},t("post-popovercontainer",{key:"1b71f4bce3a6866e19c3900c0e82f814508f8144",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"b15e45e7fd31edc36fa4c912332984daf0ce9cbc",class:"popover-container"},t("div",{key:"adc170a2738c7f88c60e8885d8ee84f10fa1d546",class:"popover-content"},t("slot",{key:"235dbd1a184353de8d8da038c8c31e3dd7f6dab7"})),t("button",{key:"679fccf088d5589b548ec2186facc6c767aace93",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"e8f61719cc6e9b6ddf85756005f17b9103406055",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.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{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:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@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}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}
1
+ import{g as e,r as o,h as t,H as s}from"./p-5c758f41.js";import{v as i}from"./p-70e6769b.js";import{g as r}from"./p-9748a355.js";let c=0;const n="data-popover-target",a=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(n);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(n,(e=>{const o=e.hasAttribute(n);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}constructor(e){o(this,e),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",a),window.addEventListener("keydown",a),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[n]})),c++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",a),window.removeEventListener("keydown",a),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${n}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"a7976e6c960015ed9b318c75fc8a74afc2337661","data-version":i},t("post-popovercontainer",{key:"1b71f4bce3a6866e19c3900c0e82f814508f8144",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"b15e45e7fd31edc36fa4c912332984daf0ce9cbc",class:"popover-container"},t("div",{key:"adc170a2738c7f88c60e8885d8ee84f10fa1d546",class:"popover-content"},t("slot",{key:"235dbd1a184353de8d8da038c8c31e3dd7f6dab7"})),t("button",{key:"679fccf088d5589b548ec2186facc6c767aace93",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"e8f61719cc6e9b6ddf85756005f17b9103406055",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.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{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:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@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}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}
@@ -1 +1 @@
1
- import{r as o,g as t,h as e,H as i}from"./p-5c758f41.js";import{v as c}from"./p-d0d63856.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-e585c6fe.js";import{n as s}from"./p-5959f2bd.js";const d=class{constructor(t){o(this,t),this.id=void 0,this.slottedLogo=void 0,this.collapsed=!1,this.headingLevel=void 0}collapsible;get host(){return t(this)}validateHeadingLevel(){r(this,"headingLevel",a,"The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.")}componentWillLoad(){this.id=this.host.id||`p${s(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){o.target===this.host&&"post-accordion-item"===o.target.localName&&(this.collapsed=!o.detail)}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return e(i,{key:"4c4baf7ac22c632de6b0bc332ffc275e50bb4d71",id:this.id,"data-version":c},e("div",{key:"576529323c3adca347ec685688c071e21a2f3a76",part:"accordion-item",class:"accordion-item"},e("post-collapsible-trigger",{key:"cc29c396173e55168a3bec963d5e101cb3fb17b2",for:`${this.id}--collapse`},e(`h${o??this.headingLevel??2}`,{key:"76f8eed33f0c84bf6e1a534b04a8ccc0c69c6380",class:"accordion-header",id:`${this.id}--header`},e("button",{key:"f56e67ffc94fea0452d1879d3410318b3b12c4bc",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},e("span",{key:"d5f23318d5c498e0cd9dd1f15c13a636e49b7817",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},e("slot",{key:"051d48cc4201e2d954f4d4bc25c836ddc8e24d0f",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),e("slot",{key:"e9f687c79fab8bd3bd94e4da022b2aea7e0bba5c",name:"header"}),e("post-icon",{key:"c1f3486254269ab50a89bd6acf8c714cbbced3b8",name:"2051"})))),e("post-collapsible",{key:"7f3788a90e59cdb4f985fd14c64286cb938a3c23",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},e("div",{key:"e17ae656614ac27d4f09ebba0a7bb547f88f5728",class:"accordion-body",part:"body"},e("slot",{key:"0387ebe5ce518bbb8b78c66d919715a78b5ae558"})))))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};d.style='.accordion-item::after{display:block;content:"";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:"";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{d as P}
1
+ import{r as o,g as t,h as e,H as i}from"./p-5c758f41.js";import{v as c}from"./p-70e6769b.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-e585c6fe.js";import{n as s}from"./p-5959f2bd.js";const d=class{constructor(t){o(this,t),this.id=void 0,this.slottedLogo=void 0,this.collapsed=!1,this.headingLevel=void 0}collapsible;get host(){return t(this)}validateHeadingLevel(){r(this,"headingLevel",a,"The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.")}componentWillLoad(){this.id=this.host.id||`p${s(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){o.target===this.host&&"post-accordion-item"===o.target.localName&&(this.collapsed=!o.detail)}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return e(i,{key:"4c4baf7ac22c632de6b0bc332ffc275e50bb4d71",id:this.id,"data-version":c},e("div",{key:"576529323c3adca347ec685688c071e21a2f3a76",part:"accordion-item",class:"accordion-item"},e("post-collapsible-trigger",{key:"cc29c396173e55168a3bec963d5e101cb3fb17b2",for:`${this.id}--collapse`},e(`h${o??this.headingLevel??2}`,{key:"76f8eed33f0c84bf6e1a534b04a8ccc0c69c6380",class:"accordion-header",id:`${this.id}--header`},e("button",{key:"f56e67ffc94fea0452d1879d3410318b3b12c4bc",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},e("span",{key:"d5f23318d5c498e0cd9dd1f15c13a636e49b7817",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},e("slot",{key:"051d48cc4201e2d954f4d4bc25c836ddc8e24d0f",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),e("slot",{key:"e9f687c79fab8bd3bd94e4da022b2aea7e0bba5c",name:"header"}),e("post-icon",{key:"c1f3486254269ab50a89bd6acf8c714cbbced3b8",name:"2051"})))),e("post-collapsible",{key:"7f3788a90e59cdb4f985fd14c64286cb938a3c23",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},e("div",{key:"e17ae656614ac27d4f09ebba0a7bb547f88f5728",class:"accordion-body",part:"body"},e("slot",{key:"0387ebe5ce518bbb8b78c66d919715a78b5ae558"})))))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};d.style='.accordion-item::after{display:block;content:"";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:"";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{d as P}
@@ -0,0 +1 @@
1
+ export{P as post_tab_panel}from"./p-ccd83c09.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-5959f2bd.js";
@@ -1 +1 @@
1
- import{r as t,g as e,h as o,H as s}from"./p-5c758f41.js";import{v as i}from"./p-d0d63856.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-d45df336.js";const c=class{constructor(e){t(this,e),this.headingLevel=void 0,this.multiple=!1}accordionItems;expandedItems=new Set;get host(){return e(this)}validateHeadingLevel(t=this.headingLevel){t&&(r(this,"headingLevel",a,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){t.stopPropagation();const e=t.target;if(e.closest("post-accordion")===this.host&&"post-accordion-item"===e.localName){const e=t.target,o=this.expandedItems.has(e);if(o?this.expandedItems.delete(e):this.expandedItems.add(e),this.multiple||o)return;Array.from(this.expandedItems.values()).filter((t=>t!==e)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const e=this.accordionItems.find((e=>e.id===t));if(!e)throw new Error(`No post-accordion-item found with id #${t}.`);await e.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((t=>t.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((t=>t.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((t=>!t.collapsed||this.expandedItems.has(t))).forEach(((t,e)=>{this.multiple||0===e?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return o(s,{key:"9ec8ca1ceac6587be68272568f216c958460ac0a","data-version":i},o("div",{key:"99887626d105f0e8f86b24e211591e7be820738d",class:"accordion"},o("slot",{key:"4d8a003377c3a90648818a00144fd5f3a65be084",onSlotchange:()=>this.registerAccordionItems()})))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";export{c as P}
1
+ import{r as t,g as e,h as o,H as s}from"./p-5c758f41.js";import{v as i}from"./p-70e6769b.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-d45df336.js";const c=class{constructor(e){t(this,e),this.headingLevel=void 0,this.multiple=!1}accordionItems;expandedItems=new Set;get host(){return e(this)}validateHeadingLevel(t=this.headingLevel){t&&(r(this,"headingLevel",a,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){t.stopPropagation();const e=t.target;if(e.closest("post-accordion")===this.host&&"post-accordion-item"===e.localName){const e=t.target,o=this.expandedItems.has(e);if(o?this.expandedItems.delete(e):this.expandedItems.add(e),this.multiple||o)return;Array.from(this.expandedItems.values()).filter((t=>t!==e)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const e=this.accordionItems.find((e=>e.id===t));if(!e)throw new Error(`No post-accordion-item found with id #${t}.`);await e.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((t=>t.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((t=>t.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((t=>!t.collapsed||this.expandedItems.has(t))).forEach(((t,e)=>{this.multiple||0===e?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return o(s,{key:"9ec8ca1ceac6587be68272568f216c958460ac0a","data-version":i},o("div",{key:"99887626d105f0e8f86b24e211591e7be820738d",class:"accordion"},o("slot",{key:"4d8a003377c3a90648818a00144fd5f3a65be084",onSlotchange:()=>this.registerAccordionItems()})))}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";export{c as P}
@@ -0,0 +1 @@
1
+ export{P as post_tag}from"./p-eaa3937a.js";import"./p-5c758f41.js";import"./p-70e6769b.js";
@@ -1 +1 @@
1
- import{g as o,r as t,c as r,h as c,H as e}from"./p-5c758f41.js";import{c as i}from"./p-d45df336.js";import{c as a}from"./p-181c73d5.js";import{v as s}from"./p-d0d63856.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}internals;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){a(this,"label")}validateControlType(){i(this,"type",["checkbox","radio"])}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const i=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",i)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"6d243226748befc5cdc25f567672859700b04825","data-version":s,onClick:this.cardClickHandler},c("div",{key:"0e974eed3c642ca13fa86883c27c0c1e6344d7fd",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"bd2a44b835eef5ad2927b3d39721e430deccaf9d",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"a05fc353909de0be2cde8c306bfdc6e7248a59bf",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"348dc3bea78771041ad19530c7265fba2ea189dd",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"7e6198e8e3ec1d2aec677be55c5fe8828198e9d7"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){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}.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){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}:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){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}:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
1
+ import{g as o,r as t,c as r,h as c,H as e}from"./p-5c758f41.js";import{c as i}from"./p-d45df336.js";import{c as a}from"./p-181c73d5.js";import{v as s}from"./p-70e6769b.js";let n=0;const d=class{EVENT_MAP={input:"postInput",change:"postChange"};KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"};group={hosts:[],members:[],first:null,last:null,checked:null,focused:null};control;controlId="PostCardControl_"+n++;initialChecked;hasIcon;get host(){return o(this)}internals;postInput;postChange;async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(){a(this,"label")}validateControlType(){i(this,"type",["checkbox","radio"])}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=this.group.members.find((o=>o.checked))??null,this.group.focused=this.group.members.find((o=>o.getRootNode().host===document.activeElement))??this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o-1))??this.group.last}groupGetNext(){const o=this.group.members.findIndex((o=>o.id===this.group.focused.id));return this.group.members.find(((t,r)=>r===o+1))??this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=o??t.find((o=>e.matches(o))),r=r??c.find((o=>e.matches(o))),e=e.parentElement;const i=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",i)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return c(e,{key:"6d243226748befc5cdc25f567672859700b04825","data-version":s,onClick:this.cardClickHandler},c("div",{key:"0e974eed3c642ca13fa86883c27c0c1e6344d7fd",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},c("input",{key:"bd2a44b835eef5ad2927b3d39721e430deccaf9d",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),c("label",{key:"a05fc353909de0be2cde8c306bfdc6e7248a59bf",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?c("div",{class:"card-control--description"},this.description):null),this.hasIcon?c("div",{class:"card-control--icon"},c("slot",{name:"icon"},this.icon?c("post-icon",{name:this.icon}):null)):null,c("div",{key:"348dc3bea78771041ad19530c7265fba2ea189dd",id:`${this.controlId}_content`,class:"card-control--content"},c("slot",{key:"7e6198e8e3ec1d2aec677be55c5fe8828198e9d7"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){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}.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){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}:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){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}:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:var(--post-core-dimension-16)}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
@@ -1 +1 @@
1
- import{g as t,r as s,c as a,h as i,H as r}from"./p-5c758f41.js";import{v as e}from"./p-d0d63856.js";const o=class{hasChanged=!1;get host(){return t(this)}postInput;postChange;constructor(t){s(this,t),this.postInput=a(this,"postInput",7),this.postChange=a(this,"postChange",7),this.hoveredIndex=void 0,this.label="Rating",this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(r,{key:"4ccdf384b9a4cfc462d5d3f4a7caab659b6ba2b0","data-version":e},i("div",{key:"7ab53083bcdff6586b1de7f1c9e5fa546728fc6f",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} out of ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"2062",class:"stroke"}),i("post-icon",{name:"2574",class:"fill"}))))))}};o.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{o as P}
1
+ import{g as t,r as s,c as a,h as i,H as r}from"./p-5c758f41.js";import{v as e}from"./p-70e6769b.js";const o=class{hasChanged=!1;get host(){return t(this)}postInput;postChange;constructor(t){s(this,t),this.postInput=a(this,"postInput",7),this.postChange=a(this,"postChange",7),this.hoveredIndex=void 0,this.label="Rating",this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(r,{key:"4ccdf384b9a4cfc462d5d3f4a7caab659b6ba2b0","data-version":e},i("div",{key:"7ab53083bcdff6586b1de7f1c9e5fa546728fc6f",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} out of ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"2062",class:"stroke"}),i("post-icon",{name:"2574",class:"fill"}))))))}};o.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{o as P}
@@ -0,0 +1 @@
1
+ export{P as post_avatar}from"./p-bceb500f.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-181c73d5.js";import"./p-440193f4.js";
@@ -0,0 +1 @@
1
+ export{P as post_tab_header}from"./p-ce852695.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-181c73d5.js";import"./p-440193f4.js";import"./p-5959f2bd.js";
@@ -0,0 +1 @@
1
+ export{P as post_linkarea}from"./p-a56dad38.js";import"./p-5c758f41.js";import"./p-70e6769b.js";
@@ -0,0 +1 @@
1
+ export{P as post_accordion_item}from"./p-029cbf1c.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-247a1668.js";import"./p-e585c6fe.js";import"./p-440193f4.js";import"./p-d45df336.js";import"./p-7709c14a.js";import"./p-85fdc2d3.js";import"./p-5959f2bd.js";
@@ -1 +1 @@
1
- import{r as t,g as o,h as e,H as i}from"./p-5c758f41.js";import{s,a as r}from"./p-9b052461.js";import{v as a}from"./p-d0d63856.js";import{c}from"./p-7709c14a.js";import{c as n}from"./p-181c73d5.js";const d=class{constructor(o){t(this,o),this.label=void 0,this.belowFold=!1}get host(){return o(this)}translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.host,this.translateY):r(this.host,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this,"label","string"),n(this,"label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.host).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`),this.belowFold&&r(this.host,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"4d8c4e05ebcdd088c924ac0329b2238eb1d3c6ca","data-version":a},e("button",{key:"fc37aff8558d7eb4b27a870f11133fc6984f4e11",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"4b978c44982ec0b02798ce75766b2acdd8497412","aria-hidden":"true",name:"3026"}),e("span",{key:"4a899be348a6c8721696c634970773cd77f685d9",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};d.style=":host{--post-floating-button-translate-y:calc(-1 * 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:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}: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}";export{d as P}
1
+ import{r as t,g as o,h as e,H as i}from"./p-5c758f41.js";import{s,a as r}from"./p-9b052461.js";import{v as a}from"./p-70e6769b.js";import{c}from"./p-7709c14a.js";import{c as n}from"./p-181c73d5.js";const d=class{constructor(o){t(this,o),this.label=void 0,this.belowFold=!1}get host(){return o(this)}translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.host,this.translateY):r(this.host,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this,"label","string"),n(this,"label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.host).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`),this.belowFold&&r(this.host,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"4d8c4e05ebcdd088c924ac0329b2238eb1d3c6ca","data-version":a},e("button",{key:"fc37aff8558d7eb4b27a870f11133fc6984f4e11",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"4b978c44982ec0b02798ce75766b2acdd8497412","aria-hidden":"true",name:"3026"}),e("span",{key:"4a899be348a6c8721696c634970773cd77f685d9",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};d.style=":host{--post-floating-button-translate-y:calc(-1 * 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:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}: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}";export{d as P}
@@ -0,0 +1 @@
1
+ export{P as post_breadcrumb}from"./p-610b4050.js";import"./p-5c758f41.js";import"./p-70e6769b.js";import"./p-85fdc2d3.js";import"./p-e1baac59.js";
@@ -1 +1 @@
1
- import{r as e,g as t,h as i,H as o}from"./p-5c758f41.js";import{v as r}from"./p-d0d63856.js";import{b as s}from"./p-e585c6fe.js";const c=class{constructor(t){e(this,t),this.url=void 0,this.fullUrl=void 0}get host(){return t(this)}validUrl;validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${window.location.origin}${e}`,s(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"d0444118aa031f4cf6f5161d7aa21900e9768348","data-version":r},i("post-icon",{key:"719a76e6e86bbb02526c4610acefb3ad253454af",name:"2111",class:"breadcrumb-item-icon"}),i(e,{key:"3f5ffb9c77567dba35efa7938029cd519de55474",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"bb1be29905c1533f2238a47a346fb35d6a7645fd"})))}static get watchers(){return{url:["validateUrl"]}}};c.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@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}}";const a=class{constructor(t){e(this,t)}render(){return i(o,{key:"376ce17a520b6cb74c55c009843df878f99ef411",role:"menuitem","data-version":r},i("slot",{key:"e489c5c09f1527e527e052e9f4349c5b26db6ea9"}))}};export{c as P,a}
1
+ import{r as e,g as t,h as i,H as o}from"./p-5c758f41.js";import{v as r}from"./p-70e6769b.js";import{b as s}from"./p-e585c6fe.js";const c=class{constructor(t){e(this,t),this.url=void 0,this.fullUrl=void 0}get host(){return t(this)}validUrl;validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${window.location.origin}${e}`,s(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"d0444118aa031f4cf6f5161d7aa21900e9768348","data-version":r},i("post-icon",{key:"719a76e6e86bbb02526c4610acefb3ad253454af",name:"2111",class:"breadcrumb-item-icon"}),i(e,{key:"3f5ffb9c77567dba35efa7938029cd519de55474",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"bb1be29905c1533f2238a47a346fb35d6a7645fd"})))}static get watchers(){return{url:["validateUrl"]}}};c.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@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}}";const a=class{constructor(t){e(this,t)}render(){return i(o,{key:"376ce17a520b6cb74c55c009843df878f99ef411",role:"menuitem","data-version":r},i("slot",{key:"e489c5c09f1527e527e052e9f4349c5b26db6ea9"}))}};export{c as P,a}