@swisspost/design-system-components 7.1.0 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/dist/cjs/{index-de783b23.js → index-0fc0bf5f.js} +41 -12
  2. package/dist/cjs/index.cjs.js +16 -16
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{package-dacf5ec2.js → package-b133ab48.js} +1 -1
  5. package/dist/cjs/{post-accordion-225de951.js → post-accordion-a079c21b.js} +2 -2
  6. package/dist/cjs/{post-accordion-item-935e122a.js → post-accordion-item-30c6ec06.js} +2 -2
  7. package/dist/cjs/post-accordion-item.cjs.entry.js +3 -3
  8. package/dist/cjs/post-accordion.cjs.entry.js +3 -3
  9. package/dist/cjs/{post-alert-6041a34c.js → post-alert-b5cfc4c6.js} +2 -2
  10. package/dist/cjs/post-alert.cjs.entry.js +3 -3
  11. package/dist/cjs/{post-card-control-3c089d8e.js → post-card-control-80ff0fbb.js} +5 -4
  12. package/dist/cjs/post-card-control.cjs.entry.js +3 -3
  13. package/dist/cjs/{post-collapsible-562268e9.js → post-collapsible-9bcaf6f1.js} +4 -4
  14. package/dist/cjs/post-collapsible.cjs.entry.js +3 -3
  15. package/dist/cjs/post-components.cjs.js +3 -3
  16. package/dist/cjs/{post-icon-973d5c46.js → post-icon-87e7972e.js} +2 -2
  17. package/dist/cjs/post-icon.cjs.entry.js +3 -3
  18. package/dist/cjs/{post-popover-b0844e71.js → post-popover-0a73553e.js} +2 -2
  19. package/dist/cjs/post-popover.cjs.entry.js +3 -3
  20. package/dist/cjs/{post-popovercontainer-5bb6a804.js → post-popovercontainer-a1df1705.js} +2 -2
  21. package/dist/cjs/post-popovercontainer.cjs.entry.js +3 -3
  22. package/dist/cjs/{post-rating-d2845096.js → post-rating-2337c023.js} +2 -2
  23. package/dist/cjs/post-rating.cjs.entry.js +3 -3
  24. package/dist/cjs/post-tab-header-ac4137cb.js +32 -0
  25. package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
  26. package/dist/cjs/{post-tab-panel-25bd8c74.js → post-tab-panel-307eacef.js} +2 -2
  27. package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
  28. package/dist/cjs/{post-tabs-4e4ee252.js → post-tabs-92435b40.js} +2 -2
  29. package/dist/cjs/post-tabs.cjs.entry.js +3 -3
  30. package/dist/cjs/{post-tag-cbc458ed.js → post-tag-0237216a.js} +2 -2
  31. package/dist/cjs/post-tag.cjs.entry.js +3 -3
  32. package/dist/cjs/{post-tooltip-805bc0c0.js → post-tooltip-7fcd3f15.js} +4 -4
  33. package/dist/cjs/post-tooltip.cjs.entry.js +3 -3
  34. package/dist/collection/collection-manifest.json +1 -1
  35. package/dist/collection/components/post-card-control/post-card-control.js +3 -2
  36. package/dist/collection/components/post-collapsible/post-collapsible.js +3 -4
  37. package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
  38. package/dist/collection/components/post-tooltip/post-tooltip.js +2 -2
  39. package/dist/components/package.js +1 -1
  40. package/dist/components/post-card-control2.js +3 -2
  41. package/dist/components/post-collapsible2.js +2 -3
  42. package/dist/components/post-tab-header2.js +1 -1
  43. package/dist/components/post-tooltip2.js +2 -2
  44. package/dist/docs.json +2 -2
  45. package/dist/esm/{index-cf1d5611.js → index-d9331ff3.js} +41 -12
  46. package/dist/esm/index.js +16 -16
  47. package/dist/esm/loader.js +3 -3
  48. package/dist/esm/{package-a837c1ad.js → package-37b02bc3.js} +1 -1
  49. package/dist/esm/{post-accordion-fdd22c1d.js → post-accordion-7eaa090e.js} +2 -2
  50. package/dist/esm/{post-accordion-item-336f568c.js → post-accordion-item-d5466ca0.js} +2 -2
  51. package/dist/esm/post-accordion-item.entry.js +3 -3
  52. package/dist/esm/post-accordion.entry.js +3 -3
  53. package/dist/esm/{post-alert-f48527d8.js → post-alert-5bc0d11c.js} +2 -2
  54. package/dist/esm/post-alert.entry.js +3 -3
  55. package/dist/esm/{post-card-control-3e6a5855.js → post-card-control-d64be740.js} +5 -4
  56. package/dist/esm/post-card-control.entry.js +3 -3
  57. package/dist/esm/{post-collapsible-486ab980.js → post-collapsible-0bb7ca9a.js} +4 -4
  58. package/dist/esm/post-collapsible.entry.js +3 -3
  59. package/dist/esm/post-components.js +4 -4
  60. package/dist/esm/{post-icon-19fdfc4d.js → post-icon-8d59faf7.js} +2 -2
  61. package/dist/esm/post-icon.entry.js +3 -3
  62. package/dist/esm/{post-popover-17164186.js → post-popover-0ebc24f5.js} +2 -2
  63. package/dist/esm/post-popover.entry.js +3 -3
  64. package/dist/esm/{post-popovercontainer-d19f9646.js → post-popovercontainer-5c0ba050.js} +2 -2
  65. package/dist/esm/post-popovercontainer.entry.js +3 -3
  66. package/dist/esm/{post-rating-ea204778.js → post-rating-40195437.js} +2 -2
  67. package/dist/esm/post-rating.entry.js +3 -3
  68. package/dist/esm/post-tab-header-ff165ebb.js +30 -0
  69. package/dist/esm/post-tab-header.entry.js +3 -3
  70. package/dist/esm/{post-tab-panel-e6999395.js → post-tab-panel-d40b9704.js} +2 -2
  71. package/dist/esm/post-tab-panel.entry.js +3 -3
  72. package/dist/esm/{post-tabs-524c699a.js → post-tabs-6ee5542b.js} +2 -2
  73. package/dist/esm/post-tabs.entry.js +3 -3
  74. package/dist/esm/{post-tag-e2035a81.js → post-tag-e76f88e5.js} +2 -2
  75. package/dist/esm/post-tag.entry.js +3 -3
  76. package/dist/esm/{post-tooltip-e4fc9c0c.js → post-tooltip-990b8b2b.js} +4 -4
  77. package/dist/esm/post-tooltip.entry.js +3 -3
  78. package/dist/post-components/index.esm.js +1 -1
  79. package/dist/post-components/{p-4575a570.js → p-0637689e.js} +1 -1
  80. package/dist/post-components/p-0ba99d76.entry.js +1 -0
  81. package/dist/post-components/p-0e97fb19.entry.js +1 -0
  82. package/dist/post-components/p-19ee1efc.entry.js +1 -0
  83. package/dist/post-components/p-23e7f6e3.entry.js +1 -0
  84. package/dist/post-components/p-287f66b9.js +1 -0
  85. package/dist/post-components/p-305ab60c.js +1 -0
  86. package/dist/post-components/{p-d2eb0f0b.js → p-3ce051c9.js} +1 -1
  87. package/dist/post-components/{p-2f4c40ee.js → p-3f2c54ad.js} +1 -1
  88. package/dist/post-components/p-62229794.entry.js +1 -0
  89. package/dist/post-components/{p-3b0988a1.js → p-69bd634e.js} +1 -1
  90. package/dist/post-components/p-7dc73c43.entry.js +1 -0
  91. package/dist/post-components/{p-18a2ef27.js → p-7e59cbd2.js} +1 -1
  92. package/dist/post-components/p-8559d3c0.entry.js +1 -0
  93. package/dist/post-components/p-941e5ef0.js +1 -0
  94. package/dist/post-components/p-95003bde.entry.js +1 -0
  95. package/dist/post-components/{p-d1f516dd.js → p-a1da0539.js} +1 -1
  96. package/dist/post-components/p-a5d9115f.entry.js +1 -0
  97. package/dist/post-components/p-a9aa57f0.entry.js +1 -0
  98. package/dist/post-components/{p-e929ddbc.js → p-aef9ee8b.js} +1 -1
  99. package/dist/post-components/{p-d70f33cd.js → p-c21da8cb.js} +1 -1
  100. package/dist/post-components/p-c655db7c.entry.js +1 -0
  101. package/dist/post-components/p-ca2ff4bb.entry.js +1 -0
  102. package/dist/post-components/p-d2eafe06.entry.js +1 -0
  103. package/dist/post-components/{p-67df1075.js → p-d6e0e495.js} +1 -1
  104. package/dist/post-components/p-d9eab6d9.js +2 -0
  105. package/dist/post-components/p-deb19ca0.js +1 -0
  106. package/dist/post-components/{p-c85913ed.js → p-ee12644d.js} +3 -3
  107. package/dist/post-components/{p-ed22dec0.js → p-f86b2ea1.js} +1 -1
  108. package/dist/post-components/p-ff0b0a9a.entry.js +1 -0
  109. package/dist/post-components/post-components.esm.js +1 -1
  110. package/dist/types/components/post-collapsible/post-collapsible.d.ts +1 -1
  111. package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -1
  112. package/dist/types/stencil-public-runtime.d.ts +3 -8
  113. package/loader/cdn.js +1 -3
  114. package/loader/index.cjs.js +1 -3
  115. package/loader/index.es2017.js +1 -3
  116. package/loader/index.js +1 -3
  117. package/package.json +10 -10
  118. package/dist/cjs/post-tab-header-6496a51b.js +0 -32
  119. package/dist/esm/polyfills/core-js.js +0 -11
  120. package/dist/esm/polyfills/dom.js +0 -79
  121. package/dist/esm/polyfills/es5-html-element.js +0 -1
  122. package/dist/esm/polyfills/index.js +0 -34
  123. package/dist/esm/polyfills/system.js +0 -6
  124. package/dist/esm/post-tab-header-a97cdef2.js +0 -30
  125. package/dist/post-components/p-07cc4853.entry.js +0 -1
  126. package/dist/post-components/p-0e410cec.entry.js +0 -1
  127. package/dist/post-components/p-14e22434.entry.js +0 -1
  128. package/dist/post-components/p-18b571e3.js +0 -2
  129. package/dist/post-components/p-39a1dcb8.entry.js +0 -1
  130. package/dist/post-components/p-3ee18d14.entry.js +0 -1
  131. package/dist/post-components/p-59da0b80.js +0 -1
  132. package/dist/post-components/p-63277771.entry.js +0 -1
  133. package/dist/post-components/p-74db9b35.entry.js +0 -1
  134. package/dist/post-components/p-7bb79254.entry.js +0 -1
  135. package/dist/post-components/p-8398de7b.entry.js +0 -1
  136. package/dist/post-components/p-9a59f2c7.js +0 -1
  137. package/dist/post-components/p-c4a7208a.js +0 -1
  138. package/dist/post-components/p-caaa5b4c.entry.js +0 -1
  139. package/dist/post-components/p-cf10d355.js +0 -1
  140. package/dist/post-components/p-da049db2.entry.js +0 -1
  141. package/dist/post-components/p-db114d1d.entry.js +0 -1
  142. package/dist/post-components/p-ebb54756.entry.js +0 -1
  143. package/dist/post-components/p-f5d8f3fe.entry.js +0 -1
package/dist/cjs/post-tab-header-ac4137cb.js ADDED
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ const index = require('./index-0fc0bf5f.js');
4
+ const _package = require('./package-b133ab48.js');
5
+ const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
6
+
7
+ 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}: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]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}: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]) .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}";
8
+ const PostTabHeaderStyle0 = postTabHeaderCss;
9
+
10
+ const PostTabHeader = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.tabId = undefined;
14
+ this.panel = undefined;
15
+ }
16
+ validateFor(newValue) {
17
+ checkNonEmpty.checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
18
+ }
19
+ componentWillLoad() {
20
+ this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
21
+ }
22
+ render() {
23
+ return (index.h(index.Host, { key: 'eb6ac6a67f4cbf571d38f1de1c8d428a9dea5a53', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title" }, index.h("slot", { key: 'd6559dbcc76ecc8d253fcd4a115b4bc4f78fd496' })));
24
+ }
25
+ get host() { return index.getElement(this); }
26
+ static get watchers() { return {
27
+ "panel": ["validateFor"]
28
+ }; }
29
+ };
30
+ PostTabHeader.style = PostTabHeaderStyle0;
31
+
32
+ exports.PostTabHeader = PostTabHeader;
package/dist/cjs/post-tab-header.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTabHeader = require('./post-tab-header-6496a51b.js');
6
- require('./index-de783b23.js');
7
- require('./package-dacf5ec2.js');
5
+ const postTabHeader = require('./post-tab-header-ac4137cb.js');
6
+ require('./index-0fc0bf5f.js');
7
+ require('./package-b133ab48.js');
8
8
  require('./check-non-empty-eeaa8f77.js');
9
9
  require('./constants-238701d3.js');
10
10
 
package/dist/cjs/{post-tab-panel-25bd8c74.js → post-tab-panel-307eacef.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-de783b23.js');
4
- const _package = require('./package-dacf5ec2.js');
3
+ const index = require('./index-0fc0bf5f.js');
4
+ const _package = require('./package-b133ab48.js');
5
5
 
6
6
  const postTabPanelCss = ":host{display:none}";
7
7
  const PostTabPanelStyle0 = postTabPanelCss;
package/dist/cjs/post-tab-panel.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTabPanel = require('./post-tab-panel-25bd8c74.js');
6
- require('./index-de783b23.js');
7
- require('./package-dacf5ec2.js');
5
+ const postTabPanel = require('./post-tab-panel-307eacef.js');
6
+ require('./index-0fc0bf5f.js');
7
+ require('./package-b133ab48.js');
8
8
 
9
9
 
10
10
 
package/dist/cjs/{post-tabs-4e4ee252.js → post-tabs-92435b40.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-de783b23.js');
4
- const _package = require('./package-dacf5ec2.js');
3
+ const index = require('./index-0fc0bf5f.js');
4
+ const _package = require('./package-b133ab48.js');
5
5
  const fade = require('./fade-35a3633a.js');
6
6
 
7
7
  const postTabsCss = ".tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(var(--post-contrast-color-rgb), 0.02)}.tabs-wrapper::after{content:\"\";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.tabs::after{content:\"\";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-white .tabs-wrapper{background-color:#fff}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-black .tabs-wrapper{background-color:#000}.bg-primary .tabs-wrapper{background-color:#333}.bg-secondary .tabs-wrapper{background-color:#666}.bg-success .tabs-wrapper{background-color:#2c871d}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-error .tabs-wrapper{background-color:#a51728}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}.bg-error-background .tabs-wrapper{background-color:#ffdade}.bg-nightblue .tabs-wrapper{background-color:#004976}.bg-nightblue-bright .tabs-wrapper{background-color:#0076a8}.bg-petrol .tabs-wrapper{background-color:#006d68}.bg-petrol-bright .tabs-wrapper{background-color:#00968f}.bg-coral .tabs-wrapper{background-color:#9e2a2f}.bg-coral-bright .tabs-wrapper{background-color:#e03c31}.bg-olive .tabs-wrapper{background-color:#716135}.bg-olive-bright .tabs-wrapper{background-color:#aa9d2e}.bg-purple .tabs-wrapper{background-color:#80276c}.bg-purple-bright .tabs-wrapper{background-color:#c5299b}.bg-aubergine .tabs-wrapper{background-color:#523178}.bg-aubergine-bright .tabs-wrapper{background-color:#7566a0}:host{display:block}";
package/dist/cjs/post-tabs.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTabs = require('./post-tabs-4e4ee252.js');
6
- require('./index-de783b23.js');
7
- require('./package-dacf5ec2.js');
5
+ const postTabs = require('./post-tabs-92435b40.js');
6
+ require('./index-0fc0bf5f.js');
7
+ require('./package-b133ab48.js');
8
8
  require('./fade-35a3633a.js');
9
9
 
10
10
 
package/dist/cjs/{post-tag-cbc458ed.js → post-tag-0237216a.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-de783b23.js');
4
- const _package = require('./package-dacf5ec2.js');
3
+ const index = require('./index-0fc0bf5f.js');
4
+ const _package = require('./package-b133ab48.js');
5
5
 
6
6
  const postTagCss = "/*!\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 */.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:18.5rem;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}";
7
7
  const PostTagStyle0 = postTagCss;
package/dist/cjs/post-tag.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTag = require('./post-tag-cbc458ed.js');
6
- require('./index-de783b23.js');
7
- require('./package-dacf5ec2.js');
5
+ const postTag = require('./post-tag-0237216a.js');
6
+ require('./index-0fc0bf5f.js');
7
+ require('./package-b133ab48.js');
8
8
 
9
9
 
10
10
 
package/dist/cjs/{post-tooltip-805bc0c0.js → post-tooltip-7fcd3f15.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-de783b23.js');
4
- const _package = require('./package-dacf5ec2.js');
3
+ const index = require('./index-0fc0bf5f.js');
4
+ const _package = require('./package-b133ab48.js');
5
5
  const attributeObserver = require('./attribute-observer-10f08c04.js');
6
6
 
7
7
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -4858,7 +4858,7 @@ const PostTooltip = class {
4858
4858
  this.placement = 'top';
4859
4859
  this.arrow = true;
4860
4860
  }
4861
- connectedCallback() {
4861
+ componentDidLoad() {
4862
4862
  if (!this.host.id) {
4863
4863
  throw new Error(
4864
4864
  /*prettier-ignore*/
@@ -4942,7 +4942,7 @@ const PostTooltip = class {
4942
4942
  }
4943
4943
  render() {
4944
4944
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
4945
- return (index.h(index.Host, { key: '07eb6b63076ce7803c58dfb6749553b636570b86', "data-version": _package.version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, index.h("post-popovercontainer", { key: 'b0256a56e1814b4f83999f3267d3c39d874f515d', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: '9432e38bab0d14ea835aee0f7567ee9795067491' }))));
4945
+ return (index.h(index.Host, { key: 'b0d7189566ac508ebd711e563a045d1797b06afb', "data-version": _package.version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, index.h("post-popovercontainer", { key: 'e8e4eba9431feb03fd2209884f129d6fe46516a8', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: '8ab50141cce24665aa10b9b31db5b14342de2040' }))));
4946
4946
  }
4947
4947
  get host() { return index.getElement(this); }
4948
4948
  };
package/dist/cjs/post-tooltip.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTooltip = require('./post-tooltip-805bc0c0.js');
6
- require('./index-de783b23.js');
7
- require('./package-dacf5ec2.js');
5
+ const postTooltip = require('./post-tooltip-7fcd3f15.js');
6
+ require('./index-0fc0bf5f.js');
7
+ require('./package-b133ab48.js');
8
8
  require('./attribute-observer-10f08c04.js');
9
9
 
10
10
 
package/dist/collection/collection-manifest.json CHANGED
@@ -17,7 +17,7 @@
17
17
  ],
18
18
  "compiler": {
19
19
  "name": "@stencil/core",
20
- "version": "4.18.0",
20
+ "version": "4.18.3",
21
21
  "typescriptVersion": "5.4.5"
22
22
  },
23
23
  "collections": [],
package/dist/collection/components/post-card-control/post-card-control.js CHANGED
@@ -5,6 +5,7 @@ import { version } from "../../../../package";
5
5
  // https://caniuse.com/?search=%3Ahost-context()
6
6
  import scss from "./post-card-control.module.scss";
7
7
  import { parse } from "../../utils/sass-export";
8
+ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
8
9
  const SCSS_VARIABLES = parse(scss);
9
10
  let cardControlIds = 0;
10
11
  /**
@@ -220,14 +221,14 @@ export class PostCardControl {
220
221
  this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
221
222
  }
222
223
  render() {
223
- return (h(Host, { key: 'd471cfc0f5073dad9381a0e5dd19a621a47c45a6', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '2e1d0e5de66ae66988e1cca7479b918e1cf0d498', class: {
224
+ return (h(Host, { key: '3d13d8664c71b1a7c068f3a3f9d7d1810d1956d2', "data-version": version, onClick: this.cardClickHandler }, h("div", { key: '7793e07831a06f3fd5b40d41ee322016c37cf56d', class: {
224
225
  'card-control': true,
225
226
  'is-checked': this.checked,
226
227
  'is-disabled': this.disabled,
227
228
  'is-focused': this.focused,
228
229
  'is-valid': this.validity !== null && this.validity !== 'false',
229
230
  'is-invalid': this.validity === 'false',
230
- }, "data-host-context": this.hostContext.join(' ') }, h("input", { key: 'fefab8a7853cce9facbaa009301ca5380107972c', ref: el => (this.control = el), id: this.controlId, class: "card-control--input form-check-input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_label ${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: '3e7ab241125d0cf597d3c66a42f86b937b2e3647', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label form-check-label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: 'd70262c70f206ce0a0f8f64dba74d95db80e5f14', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: 'd1b9a7b850706b5efd6a0ec8508ce4e7aedd8f8e' })))));
231
+ }, "data-host-context": this.hostContext.join(' ') }, h("input", { key: 'f7f38e0e2a3b346a01d5f9d9b63c7ef5b0c2eab7', ref: el => (this.control = el), id: this.controlId, class: "card-control--input form-check-input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_label ${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), h("label", { key: 'f87fcbc79fec1b491200caec67680d72406f7f37', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label form-check-label" }, this.label, this.description ? (h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (h("div", { class: "card-control--icon" }, h("slot", { name: "icon" }, this.icon ? h("post-icon", { name: this.icon }) : null))) : null, h("div", { key: 'd59c1081ee18a3486bf5a4c712377db98e47049b', id: `${this.controlId}_content`, class: "card-control--content" }, h("slot", { key: '1c31b3c2efa8efca4886090f75bee6fb32dd55bb' })))));
231
232
  }
232
233
  componentDidRender() {
233
234
  this.groupCollectMembers();
package/dist/collection/components/post-collapsible/post-collapsible.js CHANGED
@@ -8,8 +8,8 @@ import { checkEmptyOrType, isMotionReduced } from "../../utils/index";
8
8
  export class PostCollapsible {
9
9
  constructor() {
10
10
  this.isLoaded = false;
11
- this.id = undefined;
12
11
  this.isOpen = true;
12
+ this.id = undefined;
13
13
  this.collapsed = false;
14
14
  }
15
15
  validateCollapsed(newValue = this.collapsed) {
@@ -45,7 +45,7 @@ export class PostCollapsible {
45
45
  return this.isOpen;
46
46
  }
47
47
  render() {
48
- return (h(Host, { key: 'ae26c034e446105728047e8636d9cc2b81ce56f8', id: this.id, "data-version": version }, h("div", { key: 'ed041dbf2c64e15863edeba34e524d3eb685f562', class: "collapse", id: `${this.id}--collapse`, ref: el => (this.collapsible = el) }, h("slot", { key: 'd579a77be3d99d52a15bc9da00669d8be27a92cf' }))));
48
+ return (h(Host, { key: 'a4c0bed771143ee6aa8683c75296ef1ecdc462dd', id: this.id, "data-version": version }, h("div", { key: 'f2e76d252d572b7054d99ff605ce6d9f3b86a395', class: "collapse", id: `${this.id}--collapse`, ref: el => (this.collapsible = el) }, h("slot", { key: '94c957e18aaa8a990d5edda77e63226fefe76cd9' }))));
49
49
  }
50
50
  static get is() { return "post-collapsible"; }
51
51
  static get encapsulation() { return "shadow"; }
@@ -83,8 +83,7 @@ export class PostCollapsible {
83
83
  }
84
84
  static get states() {
85
85
  return {
86
- "id": {},
87
- "isOpen": {}
86
+ "id": {}
88
87
  };
89
88
  }
90
89
  static get events() {
package/dist/collection/components/post-tab-header/post-tab-header.css CHANGED
@@ -1,4 +1,4 @@
1
- .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:var(--post-contrast-color-inverted)}.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}: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]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}: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]) .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)}}/*!
1
+ .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}: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]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}: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]) .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)}}/*!
2
2
  * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
3
3
  * Copyright 2011-2021 The Bootstrap Authors
4
4
  * Copyright 2011-2021 Twitter, Inc.
package/dist/collection/components/post-tooltip/post-tooltip.js CHANGED
@@ -84,7 +84,7 @@ export class PostTooltip {
84
84
  this.placement = 'top';
85
85
  this.arrow = true;
86
86
  }
87
- connectedCallback() {
87
+ componentDidLoad() {
88
88
  if (!this.host.id) {
89
89
  throw new Error(
90
90
  /*prettier-ignore*/
@@ -168,7 +168,7 @@ export class PostTooltip {
168
168
  }
169
169
  render() {
170
170
  const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
171
- return (h(Host, { key: '07eb6b63076ce7803c58dfb6749553b636570b86', "data-version": version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'b0256a56e1814b4f83999f3267d3c39d874f515d', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '9432e38bab0d14ea835aee0f7567ee9795067491' }))));
171
+ return (h(Host, { key: 'b0d7189566ac508ebd711e563a045d1797b06afb', "data-version": version, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'e8e4eba9431feb03fd2209884f129d6fe46516a8', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '8ab50141cce24665aa10b9b31db5b14342de2040' }))));
172
172
  }
173
173
  static get is() { return "post-tooltip"; }
174
174
  static get encapsulation() { return "shadow"; }
package/dist/components/package.js CHANGED
@@ -1,3 +1,3 @@
1
- const version = "7.1.0";
1
+ const version = "7.2.0";
2
2
 
3
3
  export { version as v };