@swisspost/design-system-components 8.2.1 → 9.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/dist/cjs/index.cjs.js +16 -16
  2. package/dist/cjs/{package-69bba137.js → package-c7d01968.js} +1 -1
  3. package/dist/cjs/{post-accordion-3da9563f.js → post-accordion-e29956c4.js} +11 -9
  4. package/dist/cjs/{post-accordion-item-57046b20.js → post-accordion-item-dc4d1801.js} +4 -4
  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-alert-106c34ac.js +98 -0
  8. package/dist/cjs/post-alert.cjs.entry.js +2 -2
  9. package/dist/cjs/post-card-control-69769d1a.js +272 -0
  10. package/dist/cjs/post-card-control.cjs.entry.js +2 -2
  11. package/dist/cjs/{post-collapsible-trigger-68e20fe1.js → post-collapsible-trigger-32549d33.js} +1 -1
  12. package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
  13. package/dist/cjs/{post-icon-0fb3e3a5.js → post-icon-221d976f.js} +1 -1
  14. package/dist/cjs/post-icon.cjs.entry.js +2 -2
  15. package/dist/cjs/{post-logo-f4c77b1a.js → post-logo-e6cb079f.js} +1 -1
  16. package/dist/cjs/post-logo.cjs.entry.js +2 -2
  17. package/dist/cjs/post-popover-cfc1b31b.js +104 -0
  18. package/dist/cjs/post-popover.cjs.entry.js +2 -2
  19. package/dist/cjs/{post-popovercontainer-d462f01b.js → post-popovercontainer-c0b86b11.js} +1 -1
  20. package/dist/cjs/post-popovercontainer.cjs.entry.js +2 -2
  21. package/dist/cjs/{post-rating-49248453.js → post-rating-b9b8b6f3.js} +2 -2
  22. package/dist/cjs/post-rating.cjs.entry.js +2 -2
  23. package/dist/cjs/{post-tab-header-01d91e1c.js → post-tab-header-43310d08.js} +2 -2
  24. package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
  25. package/dist/cjs/{post-tab-panel-9f29af4a.js → post-tab-panel-300a0618.js} +1 -1
  26. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  27. package/dist/cjs/{post-tabs-0952f6c0.js → post-tabs-b06f799b.js} +1 -1
  28. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  29. package/dist/cjs/post-tag-d7ac3cbb.js +47 -0
  30. package/dist/cjs/post-tag.cjs.entry.js +2 -2
  31. package/dist/cjs/{post-tooltip-2c85c40a.js → post-tooltip-8d7e64f6.js} +23 -4
  32. package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
  33. package/dist/collection/components/post-accordion/post-accordion.js +12 -10
  34. package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -5
  35. package/dist/collection/components/post-alert/post-alert.css +1 -29
  36. package/dist/collection/components/post-card-control/post-card-control.css +0 -28
  37. package/dist/collection/components/post-popover/post-popover.css +0 -28
  38. package/dist/collection/components/post-rating/post-rating.css +0 -28
  39. package/dist/collection/components/post-tab-header/post-tab-header.css +0 -28
  40. package/dist/collection/components/post-tag/post-tag.css +0 -28
  41. package/dist/collection/components/post-tooltip/post-tooltip.js +30 -4
  42. package/dist/components/package.js +1 -1
  43. package/dist/components/post-accordion-item2.js +3 -3
  44. package/dist/components/post-accordion2.js +10 -8
  45. package/dist/components/post-alert2.js +1 -1
  46. package/dist/components/post-card-control2.js +1 -1
  47. package/dist/components/post-popover2.js +1 -1
  48. package/dist/components/post-rating2.js +1 -1
  49. package/dist/components/post-tab-header2.js +1 -1
  50. package/dist/components/post-tag2.js +1 -1
  51. package/dist/components/post-tooltip2.js +22 -3
  52. package/dist/docs.json +19 -6
  53. package/dist/esm/index.js +16 -16
  54. package/dist/esm/package-bc6404e2.js +3 -0
  55. package/dist/esm/{post-accordion-0997a59a.js → post-accordion-3a7b3f3c.js} +11 -9
  56. package/dist/esm/{post-accordion-item-6ed597ee.js → post-accordion-item-55d1e771.js} +4 -4
  57. package/dist/esm/post-accordion-item.entry.js +2 -2
  58. package/dist/esm/post-accordion.entry.js +2 -2
  59. package/dist/esm/post-alert-6c908130.js +96 -0
  60. package/dist/esm/post-alert.entry.js +2 -2
  61. package/dist/esm/post-card-control-9fff6efc.js +270 -0
  62. package/dist/esm/post-card-control.entry.js +2 -2
  63. package/dist/esm/{post-collapsible-trigger-ee4b6850.js → post-collapsible-trigger-8d7e027b.js} +1 -1
  64. package/dist/esm/post-collapsible_2.entry.js +2 -2
  65. package/dist/esm/{post-icon-91683e26.js → post-icon-d59ad345.js} +1 -1
  66. package/dist/esm/post-icon.entry.js +2 -2
  67. package/dist/esm/{post-logo-3f8cf707.js → post-logo-a1487634.js} +1 -1
  68. package/dist/esm/post-logo.entry.js +2 -2
  69. package/dist/esm/post-popover-972c5ea7.js +102 -0
  70. package/dist/esm/post-popover.entry.js +2 -2
  71. package/dist/esm/{post-popovercontainer-23860260.js → post-popovercontainer-2485b7d9.js} +1 -1
  72. package/dist/esm/post-popovercontainer.entry.js +2 -2
  73. package/dist/esm/{post-rating-dfd43afc.js → post-rating-cca784ae.js} +2 -2
  74. package/dist/esm/post-rating.entry.js +2 -2
  75. package/dist/esm/{post-tab-header-42bfc542.js → post-tab-header-dd2cb68e.js} +2 -2
  76. package/dist/esm/post-tab-header.entry.js +2 -2
  77. package/dist/esm/{post-tab-panel-233c4dc3.js → post-tab-panel-633a5e6b.js} +1 -1
  78. package/dist/esm/post-tab-panel.entry.js +2 -2
  79. package/dist/esm/{post-tabs-fdea9439.js → post-tabs-74ded897.js} +1 -1
  80. package/dist/esm/post-tabs.entry.js +2 -2
  81. package/dist/esm/post-tag-f60a71fd.js +45 -0
  82. package/dist/esm/post-tag.entry.js +2 -2
  83. package/dist/esm/{post-tooltip-f46b5e51.js → post-tooltip-0457467f.js} +23 -4
  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-968de7fe.js → p-01a8fe6a.js} +3 -3
  87. package/dist/post-components/p-0e0c11f9.entry.js +1 -0
  88. package/dist/post-components/{p-18c01d62.js → p-124fe6c8.js} +1 -1
  89. package/dist/post-components/p-15c6739e.entry.js +1 -0
  90. package/dist/post-components/p-2180e02d.entry.js +1 -0
  91. package/dist/post-components/p-22ec06ae.entry.js +1 -0
  92. package/dist/post-components/p-26bbd8e5.entry.js +1 -0
  93. package/dist/post-components/p-2b43665d.js +1 -0
  94. package/dist/post-components/p-2d1f85f4.js +1 -0
  95. package/dist/post-components/p-41094063.js +1 -0
  96. package/dist/post-components/p-464ce10a.entry.js +1 -0
  97. package/dist/post-components/{p-50bc322d.js → p-51eff367.js} +1 -1
  98. package/dist/post-components/p-586f7f53.entry.js +1 -0
  99. package/dist/post-components/p-65031b20.entry.js +1 -0
  100. package/dist/post-components/p-6d9c46f4.js +1 -0
  101. package/dist/post-components/{p-35f06c3d.js → p-6f12f3e5.js} +1 -1
  102. package/dist/post-components/p-718eb560.js +1 -0
  103. package/dist/post-components/p-78407640.entry.js +1 -0
  104. package/dist/post-components/p-79a40235.entry.js +1 -0
  105. package/dist/post-components/{p-f04634da.js → p-7ab513fc.js} +1 -1
  106. package/dist/post-components/p-9cba7d2f.js +1 -0
  107. package/dist/post-components/p-9eb27378.entry.js +1 -0
  108. package/dist/post-components/{p-bd339c2c.js → p-a528acc4.js} +1 -1
  109. package/dist/post-components/{p-660594c0.js → p-aa8e43c3.js} +1 -1
  110. package/dist/post-components/p-b68c86a7.js +1 -0
  111. package/dist/post-components/p-b8db0e0a.entry.js +1 -0
  112. package/dist/post-components/p-bcd5843c.entry.js +1 -0
  113. package/dist/post-components/p-c21b810d.js +1 -0
  114. package/dist/post-components/{p-4aef4c0b.js → p-c386219b.js} +1 -1
  115. package/dist/post-components/p-e7c67ff0.entry.js +1 -0
  116. package/dist/post-components/{p-b5fa3ba0.entry.js → p-f10e2bb1.entry.js} +1 -1
  117. package/dist/post-components/post-components.esm.js +1 -1
  118. package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
  119. package/dist/types/components/post-tooltip/post-tooltip.d.ts +4 -1
  120. package/dist/types/components.d.ts +4 -3
  121. package/loaders/package.js +1 -1
  122. package/loaders/post-accordion-item.js +3 -3
  123. package/loaders/post-accordion.js +10 -8
  124. package/loaders/post-alert.js +1 -1
  125. package/loaders/post-card-control.js +1 -1
  126. package/loaders/post-popover.js +1 -1
  127. package/loaders/post-rating.js +1 -1
  128. package/loaders/post-tab-header.js +1 -1
  129. package/loaders/post-tag.js +1 -1
  130. package/loaders/post-tooltip.js +22 -3
  131. package/package.json +3 -3
  132. package/dist/cjs/post-alert-54b0ed5d.js +0 -98
  133. package/dist/cjs/post-card-control-407e03b7.js +0 -272
  134. package/dist/cjs/post-popover-01193d5f.js +0 -104
  135. package/dist/cjs/post-tag-7afb5956.js +0 -47
  136. package/dist/esm/package-cc8df0dd.js +0 -3
  137. package/dist/esm/post-alert-a0eeba8b.js +0 -96
  138. package/dist/esm/post-card-control-453166e5.js +0 -270
  139. package/dist/esm/post-popover-b44d91a2.js +0 -102
  140. package/dist/esm/post-tag-98651c1c.js +0 -45
  141. package/dist/post-components/p-0e04f44b.entry.js +0 -1
  142. package/dist/post-components/p-17b8b241.js +0 -1
  143. package/dist/post-components/p-1a4ef000.js +0 -1
  144. package/dist/post-components/p-213cfa52.js +0 -1
  145. package/dist/post-components/p-30af6382.entry.js +0 -1
  146. package/dist/post-components/p-326709cb.js +0 -1
  147. package/dist/post-components/p-3749f35b.entry.js +0 -1
  148. package/dist/post-components/p-444824a1.entry.js +0 -1
  149. package/dist/post-components/p-4c229386.js +0 -1
  150. package/dist/post-components/p-605b64b4.entry.js +0 -1
  151. package/dist/post-components/p-60cc57a5.entry.js +0 -1
  152. package/dist/post-components/p-7bf744e9.entry.js +0 -1
  153. package/dist/post-components/p-94d8f3d2.entry.js +0 -1
  154. package/dist/post-components/p-b41129e7.entry.js +0 -1
  155. package/dist/post-components/p-b545df93.entry.js +0 -1
  156. package/dist/post-components/p-b96c35d4.js +0 -1
  157. package/dist/post-components/p-c0aa6d02.js +0 -1
  158. package/dist/post-components/p-c4f5fa27.entry.js +0 -1
  159. package/dist/post-components/p-c998fdc9.entry.js +0 -1
  160. package/dist/post-components/p-cb757310.js +0 -1
  161. package/dist/post-components/p-d2912c01.entry.js +0 -1
  162. package/dist/post-components/p-e00b4f0d.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
2
  import { c as checkEmptyOrOneOf, d as checkEmptyOrType, a as checkType } from './index-f41b763f.js';
3
- import { v as version } from './package-cc8df0dd.js';
3
+ import { v as version } from './package-bc6404e2.js';
4
4
  import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
5
5
 
6
6
  const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
@@ -1,7 +1,7 @@
1
- export { P as post_icon } from './post-icon-91683e26.js';
1
+ export { P as post_icon } from './post-icon-d59ad345.js';
2
2
  import './index-0b56fc28.js';
3
3
  import './index-f41b763f.js';
4
4
  import './constants-8d548297.js';
5
5
  import './check-one-of-6b3ef8eb.js';
6
- import './package-cc8df0dd.js';
6
+ import './package-bc6404e2.js';
7
7
  import './check-non-empty-58bd6b17.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
  import { e as checkEmptyOrUrl } from './index-f41b763f.js';
4
4
 
5
5
  const postLogoCss = ":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
@@ -1,6 +1,6 @@
1
- export { P as post_logo } from './post-logo-3f8cf707.js';
1
+ export { P as post_logo } from './post-logo-a1487634.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
4
4
  import './index-f41b763f.js';
5
5
  import './constants-8d548297.js';
6
6
  import './check-one-of-6b3ef8eb.js';
@@ -0,0 +1,102 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
+ import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
4
+
5
+ const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-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:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;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}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
6
+ const PostPopoverStyle0 = postPopoverCss;
7
+
8
+ /**
9
+ * @slot default - Slot for placing content inside the popover.
10
+ */
11
+ let popoverInstances = 0;
12
+ const popoverTargetAttribute = 'data-popover-target';
13
+ const globalToggleHandler = (e) => {
14
+ const target = e.target;
15
+ if (!target || !('getAttribute' in target))
16
+ return;
17
+ const popoverTarget = target.getAttribute(popoverTargetAttribute);
18
+ if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
19
+ return;
20
+ const popover = document.getElementById(popoverTarget);
21
+ popover === null || popover === void 0 ? void 0 : popover.toggle(target);
22
+ };
23
+ // Initialize a mutation observer for patching accessibility features
24
+ const triggerObserver = getAttributeObserver(popoverTargetAttribute, trigger => {
25
+ const force = trigger.hasAttribute(popoverTargetAttribute);
26
+ trigger.setAttribute('aria-expanded', force ? 'false' : null);
27
+ });
28
+ const PostPopover = class {
29
+ constructor(hostRef) {
30
+ registerInstance(this, hostRef);
31
+ this.placement = 'top';
32
+ this.closeButtonCaption = undefined;
33
+ this.arrow = true;
34
+ this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
35
+ }
36
+ connectedCallback() {
37
+ // Set up accessibility patcher and event listeners for the first component
38
+ if (popoverInstances === 0) {
39
+ window.addEventListener('pointerup', globalToggleHandler);
40
+ window.addEventListener('keydown', globalToggleHandler);
41
+ triggerObserver.observe(document.body, {
42
+ subtree: true,
43
+ childList: true,
44
+ attributeFilter: [popoverTargetAttribute],
45
+ });
46
+ }
47
+ popoverInstances++;
48
+ this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
49
+ }
50
+ componentDidLoad() {
51
+ this.popoverRef.addEventListener('beforetoggle', this.localBeforeToggleHandler);
52
+ }
53
+ disconnectedCallback() {
54
+ popoverInstances--;
55
+ // Remove listeners and observer after the last popover has been destructed
56
+ if (popoverInstances === 0) {
57
+ window.removeEventListener('click', globalToggleHandler);
58
+ window.removeEventListener('keydown', globalToggleHandler);
59
+ triggerObserver.disconnect();
60
+ }
61
+ this.popoverRef.removeEventListener('beforetoggle', this.localBeforeToggleHandler);
62
+ this.triggers.forEach(trigger => trigger.removeAttribute('aria-expanded'));
63
+ }
64
+ /**
65
+ * Programmatically display the popover
66
+ * @param target An element with [data-popover-target="id"] where the popover should be shown
67
+ */
68
+ async show(target) {
69
+ this.popoverRef.show(target);
70
+ target.setAttribute('aria-expanded', 'true');
71
+ }
72
+ /**
73
+ * Programmatically hide this popover
74
+ */
75
+ async hide() {
76
+ this.popoverRef.hide();
77
+ this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
78
+ }
79
+ /**
80
+ * Toggle popover display
81
+ * @param target An element with [data-popover-target="id"] where the popover should be anchored to
82
+ * @param force Pass true to always show or false to always hide
83
+ */
84
+ async toggle(target, force) {
85
+ const newState = await this.popoverRef.toggle(target, force);
86
+ this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
87
+ target.setAttribute('aria-expanded', `${newState}`);
88
+ }
89
+ get triggers() {
90
+ return document.querySelectorAll(`[${popoverTargetAttribute}="${this.host.id}"]`);
91
+ }
92
+ beforeToggleHandler() {
93
+ this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
94
+ }
95
+ render() {
96
+ return (h(Host, { key: '6fe379d071ec88a76f99cc10f0fdce0b2f079fbd', "data-version": version }, h("post-popovercontainer", { key: '3a5e2896e87e3f2d32c0ad9b1d80327cc585f289', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '46834ef6a3893fe8823776d8feb20a2fb328e3bc', class: "popover-container" }, h("div", { key: '9d61b678c2613e84efc0df805cbb67fbe3d06991', class: "popover-content" }, h("slot", { key: '1cfef5daaea3f6370869a3ae648ff36e2dddd82a' })), h("button", { key: 'c7a2e12ece46ee63d8004d99427c8c6febc2dc17', class: "btn-close", onClick: () => this.hide() }, h("span", { key: '1aee8ffe06b5c4c9bade0185a8832328410fbe4a', class: "visually-hidden" }, this.closeButtonCaption))))));
97
+ }
98
+ get host() { return getElement(this); }
99
+ };
100
+ PostPopover.style = PostPopoverStyle0;
101
+
102
+ export { PostPopover as P };
@@ -1,4 +1,4 @@
1
- export { P as post_popover } from './post-popover-b44d91a2.js';
1
+ export { P as post_popover } from './post-popover-972c5ea7.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
4
4
  import './attribute-observer-37fa950a.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
 
4
4
  /**
5
5
  * Custom positioning reference element.
@@ -1,3 +1,3 @@
1
- export { P as post_popovercontainer } from './post-popovercontainer-23860260.js';
1
+ export { P as post_popovercontainer } from './post-popovercontainer-2485b7d9.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
 
4
- const postRatingCss = "/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;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:2px;outline:2px 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%)}";
4
+ const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;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:2px;outline:2px 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%)}";
5
5
  const PostRatingStyle0 = postRatingCss;
6
6
 
7
7
  const PostRating = class {
@@ -1,3 +1,3 @@
1
- export { P as post_rating } from './post-rating-dfd43afc.js';
1
+ export { P as post_rating } from './post-rating-cca784ae.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
  import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
4
4
 
5
- const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
5
+ const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
6
6
  const PostTabHeaderStyle0 = postTabHeaderCss;
7
7
 
8
8
  const PostTabHeader = class {
@@ -1,5 +1,5 @@
1
- export { P as post_tab_header } from './post-tab-header-42bfc542.js';
1
+ export { P as post_tab_header } from './post-tab-header-dd2cb68e.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
4
4
  import './check-non-empty-58bd6b17.js';
5
5
  import './constants-8d548297.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
 
4
4
  const postTabPanelCss = ":host{display:none}";
5
5
  const PostTabPanelStyle0 = postTabPanelCss;
@@ -1,3 +1,3 @@
1
- export { P as post_tab_panel } from './post-tab-panel-233c4dc3.js';
1
+ export { P as post_tab_panel } from './post-tab-panel-633a5e6b.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version } from './package-cc8df0dd.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
3
  import { f as fadeOut, a as fadeIn } from './fade-7fd71785.js';
4
4
 
5
5
  /**
@@ -1,4 +1,4 @@
1
- export { P as post_tabs } from './post-tabs-fdea9439.js';
1
+ export { P as post_tabs } from './post-tabs-74ded897.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
4
4
  import './fade-7fd71785.js';
@@ -0,0 +1,45 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
+ import { v as version } from './package-bc6404e2.js';
3
+
4
+ const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:.25rem;padding:0 .5rem;max-width:100%;background-color:var(--post-tag-bg);border:1px solid rgba(0,0,0,0);border-radius:.25rem;font-size:1rem;line-height:1.875rem;white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:1.5rem}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:var(--post-contrast-color)}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
5
+ const PostTagStyle0 = postTagCss;
6
+
7
+ const PostTag = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.classes = undefined;
11
+ this.variant = undefined;
12
+ this.size = null;
13
+ this.icon = null;
14
+ this.setClasses = this.setClasses.bind(this);
15
+ }
16
+ variantChanged() {
17
+ this.setClasses();
18
+ }
19
+ sizeChanged() {
20
+ this.setClasses();
21
+ }
22
+ setClasses() {
23
+ this.classes = [
24
+ 'tag',
25
+ this.size ? `tag-${this.size}` : null,
26
+ this.variant ? `tag-${this.variant}` : null,
27
+ ]
28
+ .filter(c => c !== null)
29
+ .join(' ');
30
+ }
31
+ connectedCallback() {
32
+ this.setClasses();
33
+ }
34
+ render() {
35
+ return (h(Host, { key: '7426002d3008de53e92edc8ec2fc759569b191bf', "data-version": version }, h("div", { key: '1cde8f5c3d2db66f45aaa64091a1b76f1d1468ee', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'cc63b7277ba4f4076a46f5038b24699f6818c81b', class: "tag-text" }, h("slot", { key: '37b57632add7f7c093e42302e44defef63ccc29f' })))));
36
+ }
37
+ get host() { return getElement(this); }
38
+ static get watchers() { return {
39
+ "variant": ["variantChanged"],
40
+ "size": ["sizeChanged"]
41
+ }; }
42
+ };
43
+ PostTag.style = PostTagStyle0;
44
+
45
+ export { PostTag as P };
@@ -1,3 +1,3 @@
1
- export { P as post_tag } from './post-tag-98651c1c.js';
1
+ export { P as post_tag } from './post-tag-f60a71fd.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
2
- import { v as version$1 } from './package-cc8df0dd.js';
2
+ import { v as version$1 } from './package-bc6404e2.js';
3
3
  import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
4
4
  import { d as checkEmptyOrType } from './index-f41b763f.js';
5
5
 
@@ -4793,6 +4793,10 @@ const tooltipTargetAttributeSelector = `[${tooltipTargetAttribute}]`;
4793
4793
  /**
4794
4794
  * Global event listener to show tooltips. This is globalized so that triggers that are rendered
4795
4795
  * async will still work without the need to set listeners on the element itself
4796
+ *
4797
+ * This handler manages both pointer and focus events to properly trigger tooltips.
4798
+ * If the event is a focus event (e.g., keyboard navigation), pointer events are ignored to avoid
4799
+ * interference with tooltip behavior.
4796
4800
  * @param e Event
4797
4801
  * @returns
4798
4802
  */
@@ -4804,7 +4808,9 @@ const globalInterestHandler = (e) => {
4804
4808
  if (!tooltipTarget || tooltipTarget === '')
4805
4809
  return;
4806
4810
  const tooltip = document.getElementById(tooltipTarget);
4807
- void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement));
4811
+ // Determine if the tooltip was triggered by a focus event
4812
+ const triggeredByFocus = e.type === 'focusin';
4813
+ void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement, triggeredByFocus));
4808
4814
  if (hideTooltipTimeout) {
4809
4815
  window.clearTimeout(hideTooltipTimeout);
4810
4816
  hideTooltipTimeout = null;
@@ -4859,6 +4865,7 @@ const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccess
4859
4865
  const PostTooltip = class {
4860
4866
  constructor(hostRef) {
4861
4867
  registerInstance(this, hostRef);
4868
+ this.wasOpenedByFocus = false;
4862
4869
  this.placement = 'top';
4863
4870
  this.arrow = true;
4864
4871
  this.delayed = false;
@@ -4918,10 +4925,20 @@ const PostTooltip = class {
4918
4925
  /**
4919
4926
  * Programmatically display the tooltip
4920
4927
  * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
4928
+ * @param triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event.
4921
4929
  */
4922
- async show(target) {
4930
+ async show(target, triggeredByFocus = false) {
4923
4931
  if (this.delayed)
4924
4932
  await timeout(OPEN_DELAY);
4933
+ // Determine if the tooltip was opened by a focus event
4934
+ this.wasOpenedByFocus = triggeredByFocus;
4935
+ // Disable pointer events if triggered by focus, otherwise enable them
4936
+ if (this.wasOpenedByFocus) {
4937
+ this.host.style.pointerEvents = 'none';
4938
+ }
4939
+ else {
4940
+ this.host.style.pointerEvents = 'auto';
4941
+ }
4925
4942
  this.popoverRef.show(target);
4926
4943
  }
4927
4944
  /**
@@ -4949,13 +4966,15 @@ const PostTooltip = class {
4949
4966
  }
4950
4967
  /**
4951
4968
  * Pointer or focus left the tooltip, initiate the hiding process
4969
+ * Re-enable pointer events when the tooltip is no longer in focus or hovered
4952
4970
  */
4953
4971
  handleInterestLost() {
4954
4972
  globalHideTooltip(this);
4973
+ this.host.style.pointerEvents = 'auto';
4955
4974
  }
4956
4975
  render() {
4957
4976
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
4958
- return (h(Host, { key: 'f543fa8f63cc6b65e1a86e34b1a59b4ca0bb9e47', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'e920d62462d209ff25593f7989ca16f6177b7292', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '607d7357cb201c7e6e62f9a241392bd5ef1f156e' }))));
4977
+ return (h(Host, { key: '6d5e454da6fb46fb4446d8ed1deb8c6a9f2f2e0f', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '7b626cd4699e4178fbd8506b88fae64c94ab1631', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'ae5721af16313dc3737947d2ae130e0514ef2dd8' }))));
4959
4978
  }
4960
4979
  get host() { return getElement(this); }
4961
4980
  static get watchers() { return {
@@ -1,6 +1,6 @@
1
- export { P as post_tooltip } from './post-tooltip-f46b5e51.js';
1
+ export { P as post_tooltip } from './post-tooltip-0457467f.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-cc8df0dd.js';
3
+ import './package-bc6404e2.js';
4
4
  import './attribute-observer-37fa950a.js';
5
5
  import './index-f41b763f.js';
6
6
  import './constants-8d548297.js';
@@ -1 +1 @@
1
- export{P as PostAccordion}from"./p-c0aa6d02.js";export{P as PostAccordionItem}from"./p-1a4ef000.js";export{P as PostAlert}from"./p-b96c35d4.js";export{P as PostCardControl}from"./p-4c229386.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-bd339c2c.js";export{P as PostIcon}from"./p-4aef4c0b.js";export{P as PostLogo}from"./p-660594c0.js";export{P as PostPopover}from"./p-213cfa52.js";export{P as PostPopovercontainer}from"./p-50bc322d.js";export{P as PostRating}from"./p-17b8b241.js";export{P as PostTabs}from"./p-18c01d62.js";export{P as PostTabHeader}from"./p-35f06c3d.js";export{P as PostTabPanel}from"./p-f04634da.js";export{P as PostTooltip}from"./p-968de7fe.js";export{P as PostTag}from"./p-326709cb.js";import"./p-d2f9de94.js";import"./p-cb757310.js";import"./p-247a1668.js";import"./p-611b3c41.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-2737eaf5.js";import"./p-b095519d.js";import"./p-6adeaa6c.js";
1
+ export{P as PostAccordion}from"./p-41094063.js";export{P as PostAccordionItem}from"./p-2b43665d.js";export{P as PostAlert}from"./p-9cba7d2f.js";export{P as PostCardControl}from"./p-c21b810d.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-a528acc4.js";export{P as PostIcon}from"./p-c386219b.js";export{P as PostLogo}from"./p-aa8e43c3.js";export{P as PostPopover}from"./p-6d9c46f4.js";export{P as PostPopovercontainer}from"./p-51eff367.js";export{P as PostRating}from"./p-2d1f85f4.js";export{P as PostTabs}from"./p-124fe6c8.js";export{P as PostTabHeader}from"./p-6f12f3e5.js";export{P as PostTabPanel}from"./p-7ab513fc.js";export{P as PostTooltip}from"./p-01a8fe6a.js";export{P as PostTag}from"./p-b68c86a7.js";import"./p-d2f9de94.js";import"./p-718eb560.js";import"./p-247a1668.js";import"./p-611b3c41.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-2737eaf5.js";import"./p-b095519d.js";import"./p-6adeaa6c.js";