@swisspost/design-system-components 8.2.0 → 8.2.2

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 (121) hide show
  1. package/dist/cjs/index.cjs.js +16 -16
  2. package/dist/cjs/{package-f9a656fd.js → package-ff8339cc.js} +1 -1
  3. package/dist/cjs/{post-accordion-30216884.js → post-accordion-a1d4cb44.js} +1 -1
  4. package/dist/cjs/{post-accordion-item-4eba14e6.js → post-accordion-item-8f61e20c.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-alert-e305480e.js → post-alert-5c071dfa.js} +1 -1
  8. package/dist/cjs/post-alert.cjs.entry.js +2 -2
  9. package/dist/cjs/{post-card-control-e63582f3.js → post-card-control-c07c878f.js} +1 -1
  10. package/dist/cjs/post-card-control.cjs.entry.js +2 -2
  11. package/dist/cjs/{post-collapsible-trigger-5d8b9047.js → post-collapsible-trigger-ecef448d.js} +1 -1
  12. package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
  13. package/dist/cjs/{post-icon-8ab009d4.js → post-icon-1de5e59b.js} +1 -1
  14. package/dist/cjs/post-icon.cjs.entry.js +2 -2
  15. package/dist/cjs/{post-logo-9f4c551c.js → post-logo-548521e1.js} +1 -1
  16. package/dist/cjs/post-logo.cjs.entry.js +2 -2
  17. package/dist/cjs/{post-popover-3f14dab4.js → post-popover-ebee9dba.js} +1 -1
  18. package/dist/cjs/post-popover.cjs.entry.js +2 -2
  19. package/dist/cjs/{post-popovercontainer-5f1717be.js → post-popovercontainer-9e51a85d.js} +1 -1
  20. package/dist/cjs/post-popovercontainer.cjs.entry.js +2 -2
  21. package/dist/cjs/{post-rating-b6ebb2d7.js → post-rating-e9556b45.js} +1 -1
  22. package/dist/cjs/post-rating.cjs.entry.js +2 -2
  23. package/dist/cjs/{post-tab-header-ebd691dd.js → post-tab-header-697b97a4.js} +1 -1
  24. package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
  25. package/dist/cjs/{post-tab-panel-a15af8bb.js → post-tab-panel-d810729b.js} +1 -1
  26. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  27. package/dist/cjs/{post-tabs-d3233bc8.js → post-tabs-48437fcd.js} +1 -1
  28. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  29. package/dist/cjs/{post-tag-534251e7.js → post-tag-8fcee965.js} +1 -1
  30. package/dist/cjs/post-tag.cjs.entry.js +2 -2
  31. package/dist/cjs/{post-tooltip-a8399659.js → post-tooltip-a75cd920.js} +23 -4
  32. package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
  33. package/dist/collection/components/post-tooltip/post-tooltip.js +30 -4
  34. package/dist/components/package.js +1 -1
  35. package/dist/components/post-tooltip2.js +22 -3
  36. package/dist/docs.json +17 -3
  37. package/dist/esm/index.js +16 -16
  38. package/dist/esm/{package-f02beabb.js → package-a2dc9655.js} +1 -1
  39. package/dist/esm/{post-accordion-f850422a.js → post-accordion-9a9061fa.js} +1 -1
  40. package/dist/esm/{post-accordion-item-c2eaeaa7.js → post-accordion-item-77be8153.js} +1 -1
  41. package/dist/esm/post-accordion-item.entry.js +2 -2
  42. package/dist/esm/post-accordion.entry.js +2 -2
  43. package/dist/esm/{post-alert-f17886df.js → post-alert-f9537c29.js} +1 -1
  44. package/dist/esm/post-alert.entry.js +2 -2
  45. package/dist/esm/{post-card-control-25bbcb80.js → post-card-control-41168b7a.js} +1 -1
  46. package/dist/esm/post-card-control.entry.js +2 -2
  47. package/dist/esm/{post-collapsible-trigger-49da97d7.js → post-collapsible-trigger-2c8d6a26.js} +1 -1
  48. package/dist/esm/post-collapsible_2.entry.js +2 -2
  49. package/dist/esm/{post-icon-168d95b5.js → post-icon-5f5f948b.js} +1 -1
  50. package/dist/esm/post-icon.entry.js +2 -2
  51. package/dist/esm/{post-logo-47744c24.js → post-logo-906e86be.js} +1 -1
  52. package/dist/esm/post-logo.entry.js +2 -2
  53. package/dist/esm/{post-popover-594e9965.js → post-popover-2b5a8c96.js} +1 -1
  54. package/dist/esm/post-popover.entry.js +2 -2
  55. package/dist/esm/{post-popovercontainer-89cee0fe.js → post-popovercontainer-5339911a.js} +1 -1
  56. package/dist/esm/post-popovercontainer.entry.js +2 -2
  57. package/dist/esm/{post-rating-b87dfbdc.js → post-rating-0439e874.js} +1 -1
  58. package/dist/esm/post-rating.entry.js +2 -2
  59. package/dist/esm/{post-tab-header-2c59fd6e.js → post-tab-header-d0241d85.js} +1 -1
  60. package/dist/esm/post-tab-header.entry.js +2 -2
  61. package/dist/esm/{post-tab-panel-40bf9d2d.js → post-tab-panel-b0d8392d.js} +1 -1
  62. package/dist/esm/post-tab-panel.entry.js +2 -2
  63. package/dist/esm/{post-tabs-264e5871.js → post-tabs-c7734882.js} +1 -1
  64. package/dist/esm/post-tabs.entry.js +2 -2
  65. package/dist/esm/{post-tag-a7c63782.js → post-tag-c77035c6.js} +1 -1
  66. package/dist/esm/post-tag.entry.js +2 -2
  67. package/dist/esm/{post-tooltip-5d2d9e1f.js → post-tooltip-f9a83279.js} +23 -4
  68. package/dist/esm/post-tooltip.entry.js +2 -2
  69. package/dist/post-components/index.esm.js +1 -1
  70. package/dist/post-components/{p-8b28c907.js → p-0ad92d40.js} +1 -1
  71. package/dist/post-components/p-0d727b6a.entry.js +1 -0
  72. package/dist/post-components/p-10d2ed7c.entry.js +1 -0
  73. package/dist/post-components/{p-5607b941.js → p-160091b9.js} +1 -1
  74. package/dist/post-components/{p-b8c5020d.js → p-20aee96e.js} +1 -1
  75. package/dist/post-components/p-2947a519.entry.js +1 -0
  76. package/dist/post-components/{p-1800787b.js → p-4168411a.js} +1 -1
  77. package/dist/post-components/p-4684af69.entry.js +1 -0
  78. package/dist/post-components/p-5e0818bb.entry.js +1 -0
  79. package/dist/post-components/p-61c37218.entry.js +1 -0
  80. package/dist/post-components/p-61c94490.js +1 -0
  81. package/dist/post-components/{p-12f3ce0c.entry.js → p-65959422.entry.js} +1 -1
  82. package/dist/post-components/{p-d4163064.js → p-686e6976.js} +1 -1
  83. package/dist/post-components/p-6a17f5f9.entry.js +1 -0
  84. package/dist/post-components/{p-aca6ea02.js → p-7529f5b5.js} +1 -1
  85. package/dist/post-components/p-77499830.entry.js +1 -0
  86. package/dist/post-components/{p-517f2648.js → p-7e8a18d7.js} +1 -1
  87. package/dist/post-components/p-7f661e68.entry.js +1 -0
  88. package/dist/post-components/{p-057d7d3a.js → p-9df17de7.js} +1 -1
  89. package/dist/post-components/{p-300eb394.js → p-9e12c76d.js} +1 -1
  90. package/dist/post-components/p-a64e7df9.entry.js +1 -0
  91. package/dist/post-components/{p-0cca56a8.js → p-ad1c7c22.js} +3 -3
  92. package/dist/post-components/{p-90eec417.js → p-ae6605fb.js} +1 -1
  93. package/dist/post-components/{p-b6b61f13.js → p-c0d1d3b1.js} +1 -1
  94. package/dist/post-components/p-c483ca2f.entry.js +1 -0
  95. package/dist/post-components/{p-ac5a88be.js → p-dbc95e1b.js} +1 -1
  96. package/dist/post-components/{p-c76880ff.js → p-e256fb38.js} +1 -1
  97. package/dist/post-components/{p-9f2fc85c.js → p-e2fcf9fc.js} +1 -1
  98. package/dist/post-components/p-e5bda8b0.entry.js +1 -0
  99. package/dist/post-components/p-f0c8f827.entry.js +1 -0
  100. package/dist/post-components/p-f3b0dca5.entry.js +1 -0
  101. package/dist/post-components/post-components.esm.js +1 -1
  102. package/dist/types/components/post-tooltip/post-tooltip.d.ts +4 -1
  103. package/dist/types/components.d.ts +2 -1
  104. package/loaders/package.js +1 -1
  105. package/loaders/post-tooltip.js +22 -3
  106. package/package.json +2 -2
  107. package/dist/post-components/p-04cb82f1.entry.js +0 -1
  108. package/dist/post-components/p-176b59a8.entry.js +0 -1
  109. package/dist/post-components/p-53eb6ca5.entry.js +0 -1
  110. package/dist/post-components/p-5b918e0f.entry.js +0 -1
  111. package/dist/post-components/p-6069d96e.entry.js +0 -1
  112. package/dist/post-components/p-6b8378bf.js +0 -1
  113. package/dist/post-components/p-71b8ba91.entry.js +0 -1
  114. package/dist/post-components/p-78806458.entry.js +0 -1
  115. package/dist/post-components/p-851ef572.entry.js +0 -1
  116. package/dist/post-components/p-b08e169f.entry.js +0 -1
  117. package/dist/post-components/p-be553212.entry.js +0 -1
  118. package/dist/post-components/p-bf357eb3.entry.js +0 -1
  119. package/dist/post-components/p-ddab4c09.entry.js +0 -1
  120. package/dist/post-components/p-e597a879.entry.js +0 -1
  121. package/dist/post-components/p-eafc65f6.entry.js +0 -1
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-c15bd800.js');
4
- const _package = require('./package-f9a656fd.js');
4
+ const _package = require('./package-ff8339cc.js');
5
5
  const attributeObserver = require('./attribute-observer-10f08c04.js');
6
6
  const index$1 = require('./index-01f30442.js');
7
7
 
@@ -4795,6 +4795,10 @@ const tooltipTargetAttributeSelector = `[${tooltipTargetAttribute}]`;
4795
4795
  /**
4796
4796
  * Global event listener to show tooltips. This is globalized so that triggers that are rendered
4797
4797
  * async will still work without the need to set listeners on the element itself
4798
+ *
4799
+ * This handler manages both pointer and focus events to properly trigger tooltips.
4800
+ * If the event is a focus event (e.g., keyboard navigation), pointer events are ignored to avoid
4801
+ * interference with tooltip behavior.
4798
4802
  * @param e Event
4799
4803
  * @returns
4800
4804
  */
@@ -4806,7 +4810,9 @@ const globalInterestHandler = (e) => {
4806
4810
  if (!tooltipTarget || tooltipTarget === '')
4807
4811
  return;
4808
4812
  const tooltip = document.getElementById(tooltipTarget);
4809
- void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement));
4813
+ // Determine if the tooltip was triggered by a focus event
4814
+ const triggeredByFocus = e.type === 'focusin';
4815
+ void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement, triggeredByFocus));
4810
4816
  if (hideTooltipTimeout) {
4811
4817
  window.clearTimeout(hideTooltipTimeout);
4812
4818
  hideTooltipTimeout = null;
@@ -4861,6 +4867,7 @@ const triggerObserver = attributeObserver.getAttributeObserver(tooltipTargetAttr
4861
4867
  const PostTooltip = class {
4862
4868
  constructor(hostRef) {
4863
4869
  index.registerInstance(this, hostRef);
4870
+ this.wasOpenedByFocus = false;
4864
4871
  this.placement = 'top';
4865
4872
  this.arrow = true;
4866
4873
  this.delayed = false;
@@ -4920,10 +4927,20 @@ const PostTooltip = class {
4920
4927
  /**
4921
4928
  * Programmatically display the tooltip
4922
4929
  * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
4930
+ * @param triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event.
4923
4931
  */
4924
- async show(target) {
4932
+ async show(target, triggeredByFocus = false) {
4925
4933
  if (this.delayed)
4926
4934
  await timeout(OPEN_DELAY);
4935
+ // Determine if the tooltip was opened by a focus event
4936
+ this.wasOpenedByFocus = triggeredByFocus;
4937
+ // Disable pointer events if triggered by focus, otherwise enable them
4938
+ if (this.wasOpenedByFocus) {
4939
+ this.host.style.pointerEvents = 'none';
4940
+ }
4941
+ else {
4942
+ this.host.style.pointerEvents = 'auto';
4943
+ }
4927
4944
  this.popoverRef.show(target);
4928
4945
  }
4929
4946
  /**
@@ -4951,13 +4968,15 @@ const PostTooltip = class {
4951
4968
  }
4952
4969
  /**
4953
4970
  * Pointer or focus left the tooltip, initiate the hiding process
4971
+ * Re-enable pointer events when the tooltip is no longer in focus or hovered
4954
4972
  */
4955
4973
  handleInterestLost() {
4956
4974
  globalHideTooltip(this);
4975
+ this.host.style.pointerEvents = 'auto';
4957
4976
  }
4958
4977
  render() {
4959
4978
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
4960
- return (index.h(index.Host, { key: 'f543fa8f63cc6b65e1a86e34b1a59b4ca0bb9e47', "data-version": _package.version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, index.h("post-popovercontainer", { key: 'e920d62462d209ff25593f7989ca16f6177b7292', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: '607d7357cb201c7e6e62f9a241392bd5ef1f156e' }))));
4979
+ return (index.h(index.Host, { key: '6d5e454da6fb46fb4446d8ed1deb8c6a9f2f2e0f', "data-version": _package.version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, index.h("post-popovercontainer", { key: '7b626cd4699e4178fbd8506b88fae64c94ab1631', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: 'ae5721af16313dc3737947d2ae130e0514ef2dd8' }))));
4961
4980
  }
4962
4981
  get host() { return index.getElement(this); }
4963
4982
  static get watchers() { return {
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTooltip = require('./post-tooltip-a8399659.js');
5
+ const postTooltip = require('./post-tooltip-a75cd920.js');
6
6
  require('./index-c15bd800.js');
7
- require('./package-f9a656fd.js');
7
+ require('./package-ff8339cc.js');
8
8
  require('./attribute-observer-10f08c04.js');
9
9
  require('./index-01f30442.js');
10
10
  require('./constants-238701d3.js');
@@ -18,6 +18,10 @@ const tooltipTargetAttributeSelector = `[${tooltipTargetAttribute}]`;
18
18
  /**
19
19
  * Global event listener to show tooltips. This is globalized so that triggers that are rendered
20
20
  * async will still work without the need to set listeners on the element itself
21
+ *
22
+ * This handler manages both pointer and focus events to properly trigger tooltips.
23
+ * If the event is a focus event (e.g., keyboard navigation), pointer events are ignored to avoid
24
+ * interference with tooltip behavior.
21
25
  * @param e Event
22
26
  * @returns
23
27
  */
@@ -29,7 +33,9 @@ const globalInterestHandler = (e) => {
29
33
  if (!tooltipTarget || tooltipTarget === '')
30
34
  return;
31
35
  const tooltip = document.getElementById(tooltipTarget);
32
- void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement));
36
+ // Determine if the tooltip was triggered by a focus event
37
+ const triggeredByFocus = e.type === 'focusin';
38
+ void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement, triggeredByFocus));
33
39
  if (hideTooltipTimeout) {
34
40
  window.clearTimeout(hideTooltipTimeout);
35
41
  hideTooltipTimeout = null;
@@ -83,6 +89,7 @@ const patchAccessibilityFeatures = (trigger) => {
83
89
  const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccessibilityFeatures);
84
90
  export class PostTooltip {
85
91
  constructor() {
92
+ this.wasOpenedByFocus = false;
86
93
  this.placement = 'top';
87
94
  this.arrow = true;
88
95
  this.delayed = false;
@@ -142,10 +149,20 @@ export class PostTooltip {
142
149
  /**
143
150
  * Programmatically display the tooltip
144
151
  * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
152
+ * @param triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event.
145
153
  */
146
- async show(target) {
154
+ async show(target, triggeredByFocus = false) {
147
155
  if (this.delayed)
148
156
  await timeout(OPEN_DELAY);
157
+ // Determine if the tooltip was opened by a focus event
158
+ this.wasOpenedByFocus = triggeredByFocus;
159
+ // Disable pointer events if triggered by focus, otherwise enable them
160
+ if (this.wasOpenedByFocus) {
161
+ this.host.style.pointerEvents = 'none';
162
+ }
163
+ else {
164
+ this.host.style.pointerEvents = 'auto';
165
+ }
149
166
  this.popoverRef.show(target);
150
167
  }
151
168
  /**
@@ -173,13 +190,15 @@ export class PostTooltip {
173
190
  }
174
191
  /**
175
192
  * Pointer or focus left the tooltip, initiate the hiding process
193
+ * Re-enable pointer events when the tooltip is no longer in focus or hovered
176
194
  */
177
195
  handleInterestLost() {
178
196
  globalHideTooltip(this);
197
+ this.host.style.pointerEvents = 'auto';
179
198
  }
180
199
  render() {
181
200
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
182
- return (h(Host, { key: 'f543fa8f63cc6b65e1a86e34b1a59b4ca0bb9e47', "data-version": version, 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' }))));
201
+ return (h(Host, { key: '6d5e454da6fb46fb4446d8ed1deb8c6a9f2f2e0f', "data-version": version, 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' }))));
183
202
  }
184
203
  static get is() { return "post-tooltip"; }
185
204
  static get encapsulation() { return "shadow"; }
@@ -261,11 +280,15 @@ export class PostTooltip {
261
280
  return {
262
281
  "show": {
263
282
  "complexType": {
264
- "signature": "(target: HTMLElement) => Promise<void>",
283
+ "signature": "(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
265
284
  "parameters": [{
266
285
  "name": "target",
267
286
  "type": "HTMLElement",
268
287
  "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
288
+ }, {
289
+ "name": "triggeredByFocus",
290
+ "type": "boolean",
291
+ "docs": "A boolean indicating if the tooltip was triggered by a focus event."
269
292
  }],
270
293
  "references": {
271
294
  "Promise": {
@@ -284,6 +307,9 @@ export class PostTooltip {
284
307
  "tags": [{
285
308
  "name": "param",
286
309
  "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
310
+ }, {
311
+ "name": "param",
312
+ "text": "triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event."
287
313
  }]
288
314
  }
289
315
  },
@@ -1,3 +1,3 @@
1
- const version = "8.2.0";
1
+ const version = "8.2.2";
2
2
 
3
3
  export { version as v };
@@ -4794,6 +4794,10 @@ const tooltipTargetAttributeSelector = `[${tooltipTargetAttribute}]`;
4794
4794
  /**
4795
4795
  * Global event listener to show tooltips. This is globalized so that triggers that are rendered
4796
4796
  * async will still work without the need to set listeners on the element itself
4797
+ *
4798
+ * This handler manages both pointer and focus events to properly trigger tooltips.
4799
+ * If the event is a focus event (e.g., keyboard navigation), pointer events are ignored to avoid
4800
+ * interference with tooltip behavior.
4797
4801
  * @param e Event
4798
4802
  * @returns
4799
4803
  */
@@ -4805,7 +4809,9 @@ const globalInterestHandler = (e) => {
4805
4809
  if (!tooltipTarget || tooltipTarget === '')
4806
4810
  return;
4807
4811
  const tooltip = document.getElementById(tooltipTarget);
4808
- void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement));
4812
+ // Determine if the tooltip was triggered by a focus event
4813
+ const triggeredByFocus = e.type === 'focusin';
4814
+ void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement, triggeredByFocus));
4809
4815
  if (hideTooltipTimeout) {
4810
4816
  window.clearTimeout(hideTooltipTimeout);
4811
4817
  hideTooltipTimeout = null;
@@ -4862,6 +4868,7 @@ const PostTooltip = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends H
4862
4868
  super();
4863
4869
  this.__registerHost();
4864
4870
  this.__attachShadow();
4871
+ this.wasOpenedByFocus = false;
4865
4872
  this.placement = 'top';
4866
4873
  this.arrow = true;
4867
4874
  this.delayed = false;
@@ -4921,10 +4928,20 @@ const PostTooltip = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends H
4921
4928
  /**
4922
4929
  * Programmatically display the tooltip
4923
4930
  * @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
4931
+ * @param triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event.
4924
4932
  */
4925
- async show(target) {
4933
+ async show(target, triggeredByFocus = false) {
4926
4934
  if (this.delayed)
4927
4935
  await timeout(OPEN_DELAY);
4936
+ // Determine if the tooltip was opened by a focus event
4937
+ this.wasOpenedByFocus = triggeredByFocus;
4938
+ // Disable pointer events if triggered by focus, otherwise enable them
4939
+ if (this.wasOpenedByFocus) {
4940
+ this.host.style.pointerEvents = 'none';
4941
+ }
4942
+ else {
4943
+ this.host.style.pointerEvents = 'auto';
4944
+ }
4928
4945
  this.popoverRef.show(target);
4929
4946
  }
4930
4947
  /**
@@ -4952,13 +4969,15 @@ const PostTooltip = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends H
4952
4969
  }
4953
4970
  /**
4954
4971
  * Pointer or focus left the tooltip, initiate the hiding process
4972
+ * Re-enable pointer events when the tooltip is no longer in focus or hovered
4955
4973
  */
4956
4974
  handleInterestLost() {
4957
4975
  globalHideTooltip(this);
4976
+ this.host.style.pointerEvents = 'auto';
4958
4977
  }
4959
4978
  render() {
4960
4979
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
4961
- 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' }))));
4980
+ 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' }))));
4962
4981
  }
4963
4982
  get host() { return this; }
4964
4983
  static get watchers() { return {
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-08-28T08:18:16",
2
+ "timestamp": "2024-10-09T06:59:17",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.19.2",
@@ -2580,12 +2580,17 @@
2580
2580
  "docs": ""
2581
2581
  },
2582
2582
  "complexType": {
2583
- "signature": "(target: HTMLElement) => Promise<void>",
2583
+ "signature": "(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
2584
2584
  "parameters": [
2585
2585
  {
2586
2586
  "name": "target",
2587
2587
  "type": "HTMLElement",
2588
2588
  "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
2589
+ },
2590
+ {
2591
+ "name": "triggeredByFocus",
2592
+ "type": "boolean",
2593
+ "docs": "A boolean indicating if the tooltip was triggered by a focus event."
2589
2594
  }
2590
2595
  ],
2591
2596
  "references": {
@@ -2600,12 +2605,17 @@
2600
2605
  },
2601
2606
  "return": "Promise<void>"
2602
2607
  },
2603
- "signature": "show(target: HTMLElement) => Promise<void>",
2608
+ "signature": "show(target: HTMLElement, triggeredByFocus?: boolean) => Promise<void>",
2604
2609
  "parameters": [
2605
2610
  {
2606
2611
  "name": "target",
2607
2612
  "type": "HTMLElement",
2608
2613
  "docs": "An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
2614
+ },
2615
+ {
2616
+ "name": "triggeredByFocus",
2617
+ "type": "boolean",
2618
+ "docs": "A boolean indicating if the tooltip was triggered by a focus event."
2609
2619
  }
2610
2620
  ],
2611
2621
  "docs": "Programmatically display the tooltip",
@@ -2613,6 +2623,10 @@
2613
2623
  {
2614
2624
  "name": "param",
2615
2625
  "text": "target An element with [data-tooltip-target=\"id\"] where the tooltip should be shown"
2626
+ },
2627
+ {
2628
+ "name": "param",
2629
+ "text": "triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event."
2616
2630
  }
2617
2631
  ]
2618
2632
  },
package/dist/esm/index.js CHANGED
@@ -1,20 +1,20 @@
1
- export { P as PostAccordion } from './post-accordion-f850422a.js';
2
- export { P as PostAccordionItem } from './post-accordion-item-c2eaeaa7.js';
3
- export { P as PostAlert } from './post-alert-f17886df.js';
4
- export { P as PostCardControl } from './post-card-control-25bbcb80.js';
5
- export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-49da97d7.js';
6
- export { P as PostIcon } from './post-icon-168d95b5.js';
7
- export { P as PostLogo } from './post-logo-47744c24.js';
8
- export { P as PostPopover } from './post-popover-594e9965.js';
9
- export { P as PostPopovercontainer } from './post-popovercontainer-89cee0fe.js';
10
- export { P as PostRating } from './post-rating-b87dfbdc.js';
11
- export { P as PostTabs } from './post-tabs-264e5871.js';
12
- export { P as PostTabHeader } from './post-tab-header-2c59fd6e.js';
13
- export { P as PostTabPanel } from './post-tab-panel-40bf9d2d.js';
14
- export { P as PostTooltip } from './post-tooltip-5d2d9e1f.js';
15
- export { P as PostTag } from './post-tag-a7c63782.js';
1
+ export { P as PostAccordion } from './post-accordion-9a9061fa.js';
2
+ export { P as PostAccordionItem } from './post-accordion-item-77be8153.js';
3
+ export { P as PostAlert } from './post-alert-f9537c29.js';
4
+ export { P as PostCardControl } from './post-card-control-41168b7a.js';
5
+ export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-2c8d6a26.js';
6
+ export { P as PostIcon } from './post-icon-5f5f948b.js';
7
+ export { P as PostLogo } from './post-logo-906e86be.js';
8
+ export { P as PostPopover } from './post-popover-2b5a8c96.js';
9
+ export { P as PostPopovercontainer } from './post-popovercontainer-5339911a.js';
10
+ export { P as PostRating } from './post-rating-0439e874.js';
11
+ export { P as PostTabs } from './post-tabs-c7734882.js';
12
+ export { P as PostTabHeader } from './post-tab-header-d0241d85.js';
13
+ export { P as PostTabPanel } from './post-tab-panel-b0d8392d.js';
14
+ export { P as PostTooltip } from './post-tooltip-f9a83279.js';
15
+ export { P as PostTag } from './post-tag-c77035c6.js';
16
16
  import './index-0b56fc28.js';
17
- import './package-f02beabb.js';
17
+ import './package-a2dc9655.js';
18
18
  import './heading-levels-5b7b4349.js';
19
19
  import './check-one-of-6b3ef8eb.js';
20
20
  import './index-f41b763f.js';
@@ -1,3 +1,3 @@
1
- const version = "8.2.0";
1
+ const version = "8.2.2";
2
2
 
3
3
  export { version as v };
@@ -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-f02beabb.js';
2
+ import { v as version } from './package-a2dc9655.js';
3
3
  import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
4
4
  import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
5
5
 
@@ -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-f02beabb.js';
2
+ import { v as version } from './package-a2dc9655.js';
3
3
  import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
4
4
  import { c as checkEmptyOrOneOf } from './index-f41b763f.js';
5
5
 
@@ -1,6 +1,6 @@
1
- export { P as post_accordion_item } from './post-accordion-item-c2eaeaa7.js';
1
+ export { P as post_accordion_item } from './post-accordion-item-77be8153.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-f02beabb.js';
3
+ import './package-a2dc9655.js';
4
4
  import './heading-levels-5b7b4349.js';
5
5
  import './index-f41b763f.js';
6
6
  import './constants-8d548297.js';
@@ -1,5 +1,5 @@
1
- export { P as post_accordion } from './post-accordion-f850422a.js';
1
+ export { P as post_accordion } from './post-accordion-9a9061fa.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-f02beabb.js';
3
+ import './package-a2dc9655.js';
4
4
  import './heading-levels-5b7b4349.js';
5
5
  import './check-one-of-6b3ef8eb.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-f02beabb.js';
2
+ import { v as version } from './package-a2dc9655.js';
3
3
  import { f as fadeOut } from './fade-7fd71785.js';
4
4
  import { a as checkType, b as checkEmptyOrPattern, c as checkEmptyOrOneOf } from './index-f41b763f.js';
5
5
  import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
@@ -1,6 +1,6 @@
1
- export { P as post_alert } from './post-alert-f17886df.js';
1
+ export { P as post_alert } from './post-alert-f9537c29.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-f02beabb.js';
3
+ import './package-a2dc9655.js';
4
4
  import './fade-7fd71785.js';
5
5
  import './index-f41b763f.js';
6
6
  import './constants-8d548297.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
2
  import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
3
3
  import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
4
- import { v as version } from './package-f02beabb.js';
4
+ import { v as version } from './package-a2dc9655.js';
5
5
 
6
6
  const postCardControlCss = "/*!\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 */.form-check{display:flex;flex-wrap:wrap;row-gap:.75rem;margin-bottom:1rem}.form-check{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.form-check: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){.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check: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){.form-check:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check-inline{display:inline-flex}.form-check-inline:not(:last-of-type){margin-right:1.5rem}.form-check-input,.form-check-label{color:rgba(var(--post-contrast-color-rgb), 0.8);transition:color 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,.form-check-label{transition:none}}.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{color:var(--post-contrast-color)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{border-color:Highlight}}.form-check-input{outline:none;display:inline-flex;flex:0 auto;appearance:none;background:rgba(0,0,0,0);height:1.375rem;width:1.375rem;border:2px solid currentColor;margin-top:1px}.form-check-input:not([disabled]),.form-check-input:not([disabled])~.form-check-label{cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input{border-color:FieldText}}.form-check-input::after{content:\"\";display:block;flex:1}.form-check-input[type=checkbox]:checked::after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 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='m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.form-check-input[type=checkbox]:indeterminate::after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.333 16.01 20-.021.001 1.333-20 .021z'/%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='m5.333 16.01 20-.021.001 1.333-20 .021z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=checkbox]:checked,.form-check-input[type=checkbox]:indeterminate{background-color:SelectedItem !important;color:SelectedItemText !important}}.form-check-input[type=radio]{border-radius:50%}.form-check-input[type=radio]:checked::after{border:.25rem solid rgba(0,0,0,0);background-color:currentColor;border-radius:inherit;background-clip:padding-box}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio]:checked::after{background-color:SelectedItem;border-color:Canvas}}.form-check-input[type=radio][disabled]{padding:2px;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='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}: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]) .form-check-input[type=radio][disabled]{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='rgba(255, 255, 255, 0.8)' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio][disabled]{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\") !important}}.form-check-input[disabled]{border:0;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='hsl(0, 0%, 40%)' 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\")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox],.form-check-input[disabled][type=radio]{border-color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox]:checked,.form-check-input[disabled][type=checkbox]:indeterminate{background-color:Field !important;color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=radio]:checked::after{background-color:GrayText}}: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]) .form-check-input[disabled]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='rgba(255, 255, 255, 0.8)' 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\")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled]{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\") !important}}.form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e\")}: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]) .form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='rgba(255, 255, 255, 0.8)' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e\")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-sm .form-check-input[disabled][type=checkbox]{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 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='66' /%3e%3c/svg%3e\") !important}}.form-check-input[disabled],.form-check-input[disabled]~.form-check-label{text-decoration:line-through;color:rgba(0,0,0,.6)}: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]) .form-check-input[disabled],: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]) .form-check-input[disabled]~.form-check-label{color:rgba(255,255,255,.8)}.form-check-sm .form-check-input{height:1rem;width:1rem}.form-check-sm .form-check-input[type=radio]:checked::after{border-width:2px}.form-check-label{flex:1}:not(.form-switch,.radio-button-card,.checkbox-button-card)>.form-check-label{padding-inline-start:.5rem}.form-check-sm .form-check-label{font-size:.75rem}.form-switch .form-check-input{height:2rem;width:4rem;border:0;border-radius:4rem;background-image:linear-gradient(to right, rgba(var(--post-contrast-color-rgb), 0.3) 50%, var(--post-success) 50%);background-size:8rem;background-position-x:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-position 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::after{max-width:2rem;background-color:#fff;border:2px solid #666;border-radius:50%;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input:checked{background-position-x:4rem}.form-switch .form-check-input:checked::after{-webkit-mask-image:none;mask-image:none;background-color:#fff;border-color:#000;transform:translateX(2rem)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input{transition:none;border:2px solid CanvasText}.form-switch .form-check-input:checked{background-color:SelectedItem !important}.form-switch .form-check-input::after,.form-switch .form-check-input:checked::after{max-width:calc(2rem - 4px);border-color:Canvas;background-color:CanvasText}}.form-switch .form-check-input[disabled]{background:#ccc}.form-switch .form-check-input[disabled]::after{border-color:#999}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border-color:Field}.form-switch .form-check-input[disabled]:checked{background-color:GrayText !important}}.form-switch:hover>.form-check-input:not([disabled]){background-color:rgba(var(--post-contrast-color-rgb), 0.1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch:hover>.form-check-input:not([disabled]){border-color:Highlight}}.form-switch .form-check-label{padding-top:.25rem}.form-switch .form-check-label.order-first{flex:0 auto;padding-inline-end:1rem}.form-switch .form-check-label:not(.order-first){padding-inline-start:1rem}: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-petrol-bright, .bg-coral-bright, .bg-olive-bright, .alert-warning, post-alert[type=warning], .alert-info, post-alert[type=info], .alert-gray, post-alert[type=gray], .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];display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:1rem}.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;gap:0 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px 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:.25rem 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}.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:.25rem 0;padding:0;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:2rem;height:2rem;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:2px;outline:2px 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;text-decoration:line-through;cursor:default}.card-control.is-disabled .card-control--input{border:0 none;padding:2px;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='hsl(0, 0%, 40%)' 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='hsl(0, 0%, 40%)' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}@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:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px 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:2px;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:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px solid Field}}:host-context(:is(.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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,.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])) .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:1rem}: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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=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\"],[data-context*=\".bg-nightblue\"],[data-context*=\".bg-nightblue-bright\"],[data-context*=\".bg-petrol\"],[data-context*=\".bg-coral\"],[data-context*=\".bg-olive\"],[data-context*=\".bg-purple\"],[data-context*=\".bg-purple-bright\"],[data-context*=\".bg-aubergine\"],[data-context*=\".bg-aubergine-bright\"],[data-context*=\".alert-primary\"],[data-context*=\"post-alert[type=primary]\"],[data-context*=\".alert-success\"],[data-context*=\"post-alert[type=success]\"],[data-context*=\".alert-danger\"],[data-context*=\"post-alert[type=danger]\"],[data-context*=\".alert-notification\"],[data-context*=\"post-alert[type=notification]\"],[data-context*=\".alert-error\"],[data-context*=\"post-alert[type=error]\"])) .card-control.is-disabled.is-checked{--post-card-control-bg: SelectedItem;--post-card-control-color:SelectedItemText}";
7
7
  const PostCardControlStyle0 = postCardControlCss;
@@ -1,6 +1,6 @@
1
- export { P as post_card_control } from './post-card-control-25bbcb80.js';
1
+ export { P as post_card_control } from './post-card-control-41168b7a.js';
2
2
  import './index-0b56fc28.js';
3
3
  import './check-one-of-6b3ef8eb.js';
4
4
  import './check-non-empty-58bd6b17.js';
5
5
  import './constants-8d548297.js';
6
- import './package-f02beabb.js';
6
+ import './package-a2dc9655.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-f02beabb.js';
2
+ import { v as version } from './package-a2dc9655.js';
3
3
  import { d as checkEmptyOrType, a as checkType } from './index-f41b763f.js';
4
4
  import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
5
5
 
@@ -1,6 +1,6 @@
1
- export { P as post_collapsible, a as post_collapsible_trigger } from './post-collapsible-trigger-49da97d7.js';
1
+ export { P as post_collapsible, a as post_collapsible_trigger } from './post-collapsible-trigger-2c8d6a26.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-f02beabb.js';
3
+ import './package-a2dc9655.js';
4
4
  import './index-f41b763f.js';
5
5
  import './constants-8d548297.js';
6
6
  import './check-one-of-6b3ef8eb.js';
@@ -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-f02beabb.js';
3
+ import { v as version } from './package-a2dc9655.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-168d95b5.js';
1
+ export { P as post_icon } from './post-icon-5f5f948b.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-f02beabb.js';
6
+ import './package-a2dc9655.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-f02beabb.js';
2
+ import { v as version } from './package-a2dc9655.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-47744c24.js';
1
+ export { P as post_logo } from './post-logo-906e86be.js';
2
2
  import './index-0b56fc28.js';
3
- import './package-f02beabb.js';
3
+ import './package-a2dc9655.js';
4
4
  import './index-f41b763f.js';
5
5
  import './constants-8d548297.js';
6
6
  import './check-one-of-6b3ef8eb.js';