@swisspost/design-system-components 8.10.0 → 8.11.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 (134) hide show
  1. package/dist/cjs/{index-72b9122e.js → index-e1f32cce.js} +14 -1
  2. package/dist/cjs/index.cjs.js +17 -17
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{package-0e05354f.js → package-34044e64.js} +1 -1
  5. package/dist/cjs/{post-accordion-cbd38328.js → post-accordion-9f51fe20.js} +2 -2
  6. package/dist/cjs/{post-accordion-item-a3af62b9.js → post-accordion-item-60f1b7d5.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-4bfc45ae.js → post-alert-749a4f26.js} +2 -2
  10. package/dist/cjs/post-alert.cjs.entry.js +3 -3
  11. package/dist/cjs/{post-card-control-15933bbc.js → post-card-control-9ac3840c.js} +2 -2
  12. package/dist/cjs/post-card-control.cjs.entry.js +3 -3
  13. package/dist/cjs/{post-collapsible-trigger-06200d40.js → post-collapsible-trigger-0733052f.js} +11 -4
  14. package/dist/cjs/post-collapsible_2.cjs.entry.js +3 -3
  15. package/dist/cjs/post-components.cjs.js +2 -2
  16. package/dist/cjs/{post-icon-a11a32ef.js → post-icon-2be2402c.js} +37 -44
  17. package/dist/cjs/post-icon.cjs.entry.js +3 -3
  18. package/dist/cjs/{post-logo-1300d736.js → post-logo-408aa692.js} +2 -2
  19. package/dist/cjs/post-logo.cjs.entry.js +3 -3
  20. package/dist/cjs/{post-popover-a62c0eee.js → post-popover-0c87b275.js} +2 -2
  21. package/dist/cjs/post-popover.cjs.entry.js +3 -3
  22. package/dist/cjs/{post-popovercontainer-0cb9d98e.js → post-popovercontainer-585e6d57.js} +2 -2
  23. package/dist/cjs/post-popovercontainer.cjs.entry.js +3 -3
  24. package/dist/cjs/{post-rating-20065bb8.js → post-rating-ca7246e4.js} +2 -2
  25. package/dist/cjs/post-rating.cjs.entry.js +3 -3
  26. package/dist/cjs/{post-tab-header-d08beba9.js → post-tab-header-d48ea5cf.js} +2 -2
  27. package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
  28. package/dist/cjs/{post-tab-panel-79842414.js → post-tab-panel-57f6023f.js} +2 -2
  29. package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
  30. package/dist/cjs/{post-tabs-b3eb425b.js → post-tabs-92a4a0c8.js} +2 -2
  31. package/dist/cjs/post-tabs.cjs.entry.js +3 -3
  32. package/dist/cjs/{post-tag-0d0c252a.js → post-tag-2e8d8d18.js} +2 -2
  33. package/dist/cjs/post-tag.cjs.entry.js +3 -3
  34. package/dist/cjs/{post-tooltip-fa92bdec.js → post-tooltip-33873313.js} +2 -2
  35. package/dist/cjs/post-tooltip.cjs.entry.js +3 -3
  36. package/dist/collection/animations/collapse.js +1 -1
  37. package/dist/collection/components/post-collapsible/post-collapsible.js +10 -3
  38. package/dist/collection/components/post-icon/post-icon.js +36 -43
  39. package/dist/components/package.js +1 -1
  40. package/dist/components/post-collapsible2.js +9 -2
  41. package/dist/components/post-icon2.js +36 -43
  42. package/dist/docs.json +2 -2
  43. package/dist/esm/{index-61528ac5.js → index-e1b64755.js} +14 -1
  44. package/dist/esm/index.js +17 -17
  45. package/dist/esm/loader.js +3 -3
  46. package/dist/esm/{package-f9e89c12.js → package-80969aa6.js} +1 -1
  47. package/dist/esm/{post-accordion-ee80b7be.js → post-accordion-9a583ead.js} +2 -2
  48. package/dist/esm/{post-accordion-item-914a29f0.js → post-accordion-item-4414dc67.js} +2 -2
  49. package/dist/esm/post-accordion-item.entry.js +3 -3
  50. package/dist/esm/post-accordion.entry.js +3 -3
  51. package/dist/esm/{post-alert-9392f375.js → post-alert-57f2c870.js} +2 -2
  52. package/dist/esm/post-alert.entry.js +3 -3
  53. package/dist/esm/{post-card-control-2dc52d53.js → post-card-control-69fb2766.js} +2 -2
  54. package/dist/esm/post-card-control.entry.js +3 -3
  55. package/dist/esm/{post-collapsible-trigger-5941d2f7.js → post-collapsible-trigger-63443528.js} +11 -4
  56. package/dist/esm/post-collapsible_2.entry.js +3 -3
  57. package/dist/esm/post-components.js +3 -3
  58. package/dist/esm/{post-icon-77dc560b.js → post-icon-ebb1aa21.js} +37 -44
  59. package/dist/esm/post-icon.entry.js +3 -3
  60. package/dist/esm/{post-logo-90b0207d.js → post-logo-42ee2031.js} +2 -2
  61. package/dist/esm/post-logo.entry.js +3 -3
  62. package/dist/esm/{post-popover-e67e625d.js → post-popover-27a08ed5.js} +2 -2
  63. package/dist/esm/post-popover.entry.js +3 -3
  64. package/dist/esm/{post-popovercontainer-c4d9d595.js → post-popovercontainer-eb7aed93.js} +2 -2
  65. package/dist/esm/post-popovercontainer.entry.js +3 -3
  66. package/dist/esm/{post-rating-df04b1e1.js → post-rating-08949dd4.js} +2 -2
  67. package/dist/esm/post-rating.entry.js +3 -3
  68. package/dist/esm/{post-tab-header-4a3116dc.js → post-tab-header-933d9cf0.js} +2 -2
  69. package/dist/esm/post-tab-header.entry.js +3 -3
  70. package/dist/esm/{post-tab-panel-3f89b73a.js → post-tab-panel-6a299e69.js} +2 -2
  71. package/dist/esm/post-tab-panel.entry.js +3 -3
  72. package/dist/esm/{post-tabs-207647b9.js → post-tabs-d35d46b3.js} +2 -2
  73. package/dist/esm/post-tabs.entry.js +3 -3
  74. package/dist/esm/{post-tag-57b38acf.js → post-tag-23b9433d.js} +2 -2
  75. package/dist/esm/post-tag.entry.js +3 -3
  76. package/dist/esm/{post-tooltip-cd4fcb29.js → post-tooltip-3bd0dc04.js} +2 -2
  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-bd8a4096.js → p-11845570.js} +1 -1
  80. package/dist/post-components/{p-4d86e9ac.js → p-1c44c521.js} +1 -1
  81. package/dist/post-components/p-1e3b018d.entry.js +1 -0
  82. package/dist/post-components/p-263bd2ab.js +1 -0
  83. package/dist/post-components/p-28f7ed1f.entry.js +1 -0
  84. package/dist/post-components/p-2980c6be.entry.js +1 -0
  85. package/dist/post-components/p-2a0cf622.entry.js +1 -0
  86. package/dist/post-components/p-3a272ff5.js +1 -0
  87. package/dist/post-components/{p-343f6de1.js → p-3eab790d.js} +2 -2
  88. package/dist/post-components/p-3f946c8a.entry.js +1 -0
  89. package/dist/post-components/{p-862d6940.js → p-45ec3b5f.js} +1 -1
  90. package/dist/post-components/p-464294a1.js +1 -0
  91. package/dist/post-components/{p-5922a34f.js → p-4b292bc5.js} +1 -1
  92. package/dist/post-components/{p-9a842319.js → p-4d592e53.js} +1 -1
  93. package/dist/post-components/p-52827246.entry.js +1 -0
  94. package/dist/post-components/{p-38ccd76a.js → p-6f1a9a7d.js} +1 -1
  95. package/dist/post-components/{p-846e2cd5.js → p-70061637.js} +1 -1
  96. package/dist/post-components/{p-6404d08a.entry.js → p-8454a987.entry.js} +1 -1
  97. package/dist/post-components/p-87acb7ec.entry.js +1 -0
  98. package/dist/post-components/p-8ab565a6.js +1 -0
  99. package/dist/post-components/p-a9abe4fa.entry.js +1 -0
  100. package/dist/post-components/{p-ea7eab81.js → p-b040c9b2.js} +1 -1
  101. package/dist/post-components/p-bba92665.entry.js +1 -0
  102. package/dist/post-components/{p-f8a39793.js → p-c8e60eaa.js} +1 -1
  103. package/dist/post-components/{p-6ff6996e.js → p-cbea07db.js} +1 -1
  104. package/dist/post-components/p-d5c8d0f0.entry.js +1 -0
  105. package/dist/post-components/p-da006e65.entry.js +1 -0
  106. package/dist/post-components/{p-64cec934.js → p-df4a6696.js} +1 -1
  107. package/dist/post-components/p-e53a790c.entry.js +1 -0
  108. package/dist/post-components/p-e8f67578.entry.js +1 -0
  109. package/dist/post-components/{p-8692d49f.js → p-ea083d7e.js} +1 -1
  110. package/dist/post-components/p-ef0cf8b4.entry.js +1 -0
  111. package/dist/post-components/post-components.esm.js +1 -1
  112. package/dist/types/animations/collapse.d.ts +1 -0
  113. package/loaders/package.js +1 -1
  114. package/loaders/post-collapsible2.js +9 -2
  115. package/loaders/post-icon2.js +36 -43
  116. package/package.json +2 -2
  117. package/dist/post-components/p-07bf36b8.js +0 -1
  118. package/dist/post-components/p-300d9df7.js +0 -1
  119. package/dist/post-components/p-45336e91.entry.js +0 -1
  120. package/dist/post-components/p-7583026d.entry.js +0 -1
  121. package/dist/post-components/p-827d3b29.entry.js +0 -1
  122. package/dist/post-components/p-83de5dc8.entry.js +0 -1
  123. package/dist/post-components/p-8db562e4.js +0 -1
  124. package/dist/post-components/p-978d977f.entry.js +0 -1
  125. package/dist/post-components/p-9a80a42f.entry.js +0 -1
  126. package/dist/post-components/p-a43c4fda.entry.js +0 -1
  127. package/dist/post-components/p-b56823f5.entry.js +0 -1
  128. package/dist/post-components/p-b7a3da15.entry.js +0 -1
  129. package/dist/post-components/p-c0773e3d.entry.js +0 -1
  130. package/dist/post-components/p-d331186b.js +0 -1
  131. package/dist/post-components/p-e79aca14.entry.js +0 -1
  132. package/dist/post-components/p-ef74ad74.entry.js +0 -1
  133. package/dist/post-components/p-fbb86073.entry.js +0 -1
  134. package/dist/post-components/p-fd3e94fc.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as o,h as t,H as r,g as e}from"./p-343f6de1.js";import{v as a}from"./p-8db562e4.js";import{c as b}from"./p-b095519d.js";const c=class{constructor(t){o(this,t),this.tabId=void 0,this.panel=void 0}validateFor(o){b(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||crypto.randomUUID()}`}render(){return t(r,{key:"35077e5514ffd19a4fb27bc3a4c1d9d19072768b",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"67b09864a209c00c677e1c279240d9b4ca289faa"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}';export{c as P}
1
+ import{r as o,h as t,H as r,g as e}from"./p-3eab790d.js";import{v as a}from"./p-464294a1.js";import{c as b}from"./p-b095519d.js";const c=class{constructor(t){o(this,t),this.tabId=void 0,this.panel=void 0}validateFor(o){b(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||crypto.randomUUID()}`}render(){return t(r,{key:"35077e5514ffd19a4fb27bc3a4c1d9d19072768b",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"67b09864a209c00c677e1c279240d9b4ca289faa"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}';export{c as P}
@@ -0,0 +1 @@
1
+ export{P as post_icon}from"./p-263bd2ab.js";import"./p-3eab790d.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-464294a1.js";import"./p-b095519d.js";
@@ -0,0 +1 @@
1
+ export{P as post_accordion}from"./p-8ab565a6.js";import"./p-3eab790d.js";import"./p-464294a1.js";import"./p-247a1668.js";import"./p-611b3c41.js";
@@ -1 +1 @@
1
- import{r as e,h as s,H as t,g as o}from"./p-343f6de1.js";import{v as a}from"./p-8db562e4.js";const r=class{constructor(s){e(this,s),this.panelId=void 0,this.name=void 0}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return s(t,{key:"2d01a8e7f06e45b4750e63584a3c52232dee4dd5","data-version":a,id:this.panelId,role:"tabpanel"},s("slot",{key:"b51e2f112791ac22df43ebb537208c65aebe3d03"}))}get host(){return o(this)}};r.style=":host{display:none}";export{r as P}
1
+ import{r as e,h as s,H as t,g as o}from"./p-3eab790d.js";import{v as a}from"./p-464294a1.js";const r=class{constructor(s){e(this,s),this.panelId=void 0,this.name=void 0}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return s(t,{key:"2d01a8e7f06e45b4750e63584a3c52232dee4dd5","data-version":a,id:this.panelId,role:"tabpanel"},s("slot",{key:"b51e2f112791ac22df43ebb537208c65aebe3d03"}))}get host(){return o(this)}};r.style=":host{display:none}";export{r as P}
@@ -0,0 +1 @@
1
+ export{P as post_tag}from"./p-4b292bc5.js";import"./p-3eab790d.js";import"./p-464294a1.js";
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-343f6de1.js";export{s as setNonce}from"./p-343f6de1.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-a43c4fda",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-827d3b29",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}]]],["p-9a80a42f",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-c0773e3d",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-ef74ad74",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-45336e91",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-b7a3da15",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-b56823f5",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-fd3e94fc",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-7583026d",[[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}]]],["p-978d977f",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-e79aca14",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-fbb86073",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-6404d08a",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-83de5dc8",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));
1
+ import{p as e,b as a}from"./p-3eab790d.js";export{s as setNonce}from"./p-3eab790d.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-d5c8d0f0",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-87acb7ec",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}]]],["p-da006e65",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-52827246",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-2980c6be",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-bba92665",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-ef0cf8b4",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-2a0cf622",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-e8f67578",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-28f7ed1f",[[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}]]],["p-1e3b018d",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-3f946c8a",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-a9abe4fa",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-8454a987",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-e53a790c",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));
@@ -1,2 +1,3 @@
1
+ export declare const collapsedKeyframe: Keyframe;
1
2
  export declare const collapse: (el: HTMLElement) => Animation;
2
3
  export declare const expand: (el: HTMLElement) => Animation;
@@ -1,3 +1,3 @@
1
- const version = "8.10.0";
1
+ const version = "8.11.0";
2
2
 
3
3
  export { version as v };
@@ -39,7 +39,14 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
39
39
  }
40
40
  collapsedChange() {
41
41
  checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
42
- void this.toggle(!this.collapsed);
42
+ if (!this.isLoaded) {
43
+ const expandedKeyframe = { height: 'auto', overflow: 'visible' };
44
+ Object.assign(this.host.style, this.collapsed ? collapsedKeyframe : expandedKeyframe);
45
+ this.isOpen = !this.collapsed;
46
+ }
47
+ else {
48
+ void this.toggle(!this.collapsed);
49
+ }
43
50
  }
44
51
  componentDidLoad() {
45
52
  this.collapsedChange();
@@ -73,7 +80,7 @@ const PostCollapsible = /*@__PURE__*/ proxyCustomElement(class PostCollapsible e
73
80
  triggers.forEach(trigger => trigger.update());
74
81
  }
75
82
  render() {
76
- return (h(Host, { key: '27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca', "data-version": version }, h("slot", { key: 'df30089afa0ff33d945dcb4c381ac08acb7cb08c' })));
83
+ return (h(Host, { key: 'ca849a2c9845cca621404f364dfd3973e3883309', "data-version": version }, h("slot", { key: '276f555d524d9c22856146611df3de69303511e4' })));
77
84
  }
78
85
  get host() { return this; }
79
86
  static get watchers() { return {
@@ -53,52 +53,45 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
53
53
  validateScale(newValue = this.scale) {
54
54
  checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
55
55
  }
56
- // Construct the icon url from different possible sources
56
+ // Construct the icon URL according to the following rules:
57
+ // - URL = current domain + base[href] + meta[data-post-icon-base] (or component base)
58
+ // - If base[href] is not relative, it's used instead of current domain + base[href]
59
+ // - If meta[data-post-icon-base] (or component base) is not relative, it's used as is
57
60
  getUrl() {
58
- var _a, _b, _c, _d, _e, _f, _g;
59
- // the first definition object which defines a domain, will be used to set the domain of the file url
60
- // the first definition object which defines a slug, will be used to set the slug of the file url
61
- const urlDefinitions = [
62
- getUrlDefinition(this.base, 'both'),
63
- getUrlDefinition((_a = document.head
64
- .querySelector('meta[name="design-system-settings"][data-post-icon-base]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-post-icon-base'), 'relative'),
65
- getUrlDefinition((_b = document.querySelector('base[href]')) === null || _b === void 0 ? void 0 : _b.getAttribute('href'), 'both'),
66
- ];
67
- // in case no other definition defines a domain, the current origin is used as a fallback
68
- const origin = (_e = (_d = (_c = urlDefinitions.find(d => d.definesDomain)) === null || _c === void 0 ? void 0 : _c.url) === null || _d === void 0 ? void 0 : _d.origin) !== null && _e !== void 0 ? _e : window.location.origin;
69
- // in case no other definition defines a slug, the cdn url is used as a fallback
70
- const slug = (_g = (_f = urlDefinitions.find(d => d.definesSlug)) === null || _f === void 0 ? void 0 : _f.url) === null || _g === void 0 ? void 0 : _g.pathname;
71
- const file = `${this.name}.svg`;
61
+ var _a, _b;
62
+ const fileName = `${this.name}.svg`;
63
+ const currentDomain = window.location.origin;
64
+ const baseHref = ((_a = document.querySelector('base[href]')) === null || _a === void 0 ? void 0 : _a.getAttribute('href')) || '';
65
+ const isBaseHrefAbsolute = /^https?:\/\//.test(baseHref);
66
+ const metaIconBase = ((_b = document
67
+ .querySelector('meta[name="design-system-settings"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('data-post-icon-base')) || '';
68
+ const iconBase = this.base || metaIconBase;
69
+ const isIconBaseAbsolute = /^https?:\/\//.test(iconBase);
70
+ const normalizedBaseHref = normalizeUrl(baseHref);
71
+ const normalizedIconBase = normalizeUrl(iconBase);
72
+ function normalizeUrl(url) {
73
+ if (!url)
74
+ return '';
75
+ return url.endsWith('/') ? url : `${url}/`;
76
+ }
72
77
  let url;
73
- if (slug) {
74
- url = new URL(`${origin}${slug}/${file}`).toString();
78
+ if (isIconBaseAbsolute) {
79
+ // If icon base is absolute, use it as is
80
+ url = `${normalizedIconBase}${fileName}`;
75
81
  }
76
- else {
77
- url = new URL(`${CDN_URL}/${file}`).toString();
82
+ else if (isBaseHrefAbsolute) {
83
+ // If baseHref is absolute, don't use current domain
84
+ url = `${normalizedBaseHref}${normalizedIconBase}${fileName}`;
78
85
  }
79
- return url;
80
- function getUrlDefinition(url, allow) {
81
- return {
82
- url: getUrlObject(url),
83
- definesDomain: allow !== 'relative' ? definesDomain(url) : false,
84
- definesSlug: allow !== 'absolute' ? definesSlug(url) : false,
85
- };
86
- function getUrlObject(url) {
87
- if (url) {
88
- return definesDomain(url) ? new URL(url) : new URL(url, window.location.origin);
89
- }
90
- else {
91
- return null;
92
- }
93
- }
94
- function definesDomain(url) {
95
- return url ? /^https?:\/\//.test(url) : false;
96
- }
97
- function definesSlug(url) {
98
- const urlObject = getUrlObject(url);
99
- return Boolean(/^\/.+/.test(urlObject === null || urlObject === void 0 ? void 0 : urlObject.pathname));
100
- }
86
+ else if (iconBase || baseHref) {
87
+ // Standard case: domain + baseHref + iconBase
88
+ url = `${currentDomain}${normalizedBaseHref}${normalizedIconBase}${fileName}`;
89
+ }
90
+ else {
91
+ // Fallback to CDN if no paths are specified
92
+ url = `${CDN_URL}/${fileName}`;
101
93
  }
94
+ return url.replace(/([^:])\/\//g, '$1/');
102
95
  }
103
96
  getStyles() {
104
97
  const url = this.getUrl();
@@ -121,7 +114,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
121
114
  this.validateAnimation();
122
115
  }
123
116
  render() {
124
- return (h(Host, { key: '01c59dae4b2d4277f9230534080924359d64542a', "data-version": version }, h("span", { key: '639ccb1dde3fef32e2678abaaf549ac830838158', style: this.getStyles() })));
117
+ return (h(Host, { key: '9492ae6c7871d0e0a4469c2d5acba0b7113c79ff', "data-version": version }, h("span", { key: 'c3225cf8dbd4133d5517f78daf9e104bf18b4a23', style: this.getStyles() })));
125
118
  }
126
119
  get host() { return this; }
127
120
  static get watchers() { return {
@@ -139,7 +132,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
139
132
  "base": [1],
140
133
  "flipH": [4, "flip-h"],
141
134
  "flipV": [4, "flip-v"],
142
- "name": [1],
135
+ "name": [513],
143
136
  "rotate": [2],
144
137
  "scale": [2]
145
138
  }, undefined, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-components",
3
- "version": "8.10.0",
3
+ "version": "8.11.0",
4
4
  "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/index.cjs.js",
@@ -26,7 +26,7 @@
26
26
  "dependencies": {
27
27
  "@floating-ui/dom": "1.6.8",
28
28
  "@oddbird/popover-polyfill": "0.3.7",
29
- "@swisspost/design-system-styles": "8.10.0",
29
+ "@swisspost/design-system-styles": "8.11.0",
30
30
  "ally.js": "1.4.1",
31
31
  "long-press-event": "2.5.0"
32
32
  },
@@ -1 +0,0 @@
1
- import{r as i,h as t,H as a,g as e}from"./p-343f6de1.js";import{c as n,d as o,a as s}from"./p-deb4131c.js";import{v as r}from"./p-8db562e4.js";import{c as l}from"./p-b095519d.js";const c=`https://unpkg.com/@swisspost/design-system-icons@${r}/public/post-icons`,m=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],h=class{constructor(t){i(this,t),this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}validateAnimation(i=this.animation){void 0!==i&&n(i,m,`The post-icon "animation" prop requires one of the following values: ${m.join(", ")}.`)}validateBase(i=this.base){o(i,"string",'The post-icon "base" prop should be a string.')}validateFlipH(i=this.flipH){o(i,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(i=this.flipV){o(i,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(i=this.name){l(i,'The post-icon "name" prop is required!.'),s(i,"string",'The post-icon "name" prop should be a string.')}validateRotate(i=this.rotate){o(i,"number",'The post-icon "rotate" prop should be a number.')}validateScale(i=this.scale){o(i,"number",'The post-icon "scale" prop should be a number.')}getUrl(){var i,t,a,e,n,o,s;const r=[d(this.base,"both"),d(null===(i=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]'))||void 0===i?void 0:i.getAttribute("data-post-icon-base"),"relative"),d(null===(t=document.querySelector("base[href]"))||void 0===t?void 0:t.getAttribute("href"),"both")],l=null!==(n=null===(e=null===(a=r.find((i=>i.definesDomain)))||void 0===a?void 0:a.url)||void 0===e?void 0:e.origin)&&void 0!==n?n:window.location.origin,m=null===(s=null===(o=r.find((i=>i.definesSlug)))||void 0===o?void 0:o.url)||void 0===s?void 0:s.pathname,h=`${this.name}.svg`;let p;return p=m?new URL(`${l}${m}/${h}`).toString():new URL(`${c}/${h}`).toString(),p;function d(i,t){return{url:a(i),definesDomain:"relative"!==t&&e(i),definesSlug:"absolute"!==t&&function(i){const t=a(i);return Boolean(/^\/.+/.test(null==t?void 0:t.pathname))}(i)};function a(i){return i?e(i)?new URL(i):new URL(i,window.location.origin):null}function e(i){return!!i&&/^https?:\/\//.test(i)}}}getStyles(){const i=this.getUrl();return Object.entries({"-webkit-mask-image":`url(${i})`,"mask-image":`url('${i}')`,transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([i,t])=>null!==t)).reduce(((i,[t,a])=>Object.assign(i,{[t]:a})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return t(a,{key:"01c59dae4b2d4277f9230534080924359d64542a","data-version":r},t("span",{key:"639ccb1dde3fef32e2678abaaf549ac830838158",style:this.getStyles()}))}get host(){return e(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};h.style=":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)}}";export{h as P}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as s,g as i}from"./p-343f6de1.js";import{v as o}from"./p-8db562e4.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-611b3c41.js";const c=class{constructor(e){t(this,e),this.expandedItems=new Set,this.headingLevel=void 0,this.multiple=!1}validateHeadingLevel(t=this.headingLevel){t&&(r(t,a,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){t.stopPropagation();const e=t.target;if(e.closest("post-accordion")===this.host&&"post-accordion-item"===e.localName){const e=t.target,s=this.expandedItems.has(e);if(s?this.expandedItems.delete(e):this.expandedItems.add(e),this.multiple||s)return;Array.from(this.expandedItems.values()).filter((t=>t!==e)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const e=this.accordionItems.find((e=>e.id===t));if(!e)throw new Error(`No post-accordion-item found with id #${t}.`);await e.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((t=>t.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((t=>t.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((t=>!t.collapsed||this.expandedItems.has(t))).forEach(((t,e)=>{this.multiple||0===e?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return e(s,{key:"cfc6280e052937f50bc481fe73cf25ede6e40314","data-version":o},e("div",{key:"090539a2ebe9d216609a7e56597c5f379d439fb8",class:"accordion"},e("slot",{key:"4ae4095b14b6b9233f1d66c8543d625a77a77e09",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}";export{c as P}
@@ -1 +0,0 @@
1
- export{P as post_rating}from"./p-38ccd76a.js";import"./p-343f6de1.js";import"./p-8db562e4.js";
@@ -1 +0,0 @@
1
- export{P as post_logo}from"./p-bd8a4096.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";
@@ -1 +0,0 @@
1
- export{P as post_alert}from"./p-862d6940.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-2737eaf5.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-b095519d.js";
@@ -1 +0,0 @@
1
- export{P as post_icon}from"./p-07bf36b8.js";import"./p-343f6de1.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-8db562e4.js";import"./p-b095519d.js";
@@ -1 +0,0 @@
1
- const o="8.10.0";export{o as v}
@@ -1 +0,0 @@
1
- export{P as post_tab_header}from"./p-64cec934.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-b095519d.js";import"./p-440193f4.js";
@@ -1 +0,0 @@
1
- export{P as post_card_control}from"./p-846e2cd5.js";import"./p-343f6de1.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-8db562e4.js";
@@ -1 +0,0 @@
1
- export{P as post_accordion_item}from"./p-f8a39793.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-247a1668.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";
@@ -1 +0,0 @@
1
- export{P as post_tooltip}from"./p-ea7eab81.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-6adeaa6c.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";
@@ -1 +0,0 @@
1
- export{P as post_tag}from"./p-5922a34f.js";import"./p-343f6de1.js";import"./p-8db562e4.js";
@@ -1 +0,0 @@
1
- export{P as post_popovercontainer}from"./p-6ff6996e.js";import"./p-343f6de1.js";import"./p-8db562e4.js";
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-343f6de1.js";import{v as r}from"./p-8db562e4.js";import{d as a,a as h}from"./p-deb4131c.js";import{c as n}from"./p-b095519d.js";const c={height:"0",overflow:"hidden"},l={duration:350,easing:"ease",fill:"forwards"},d=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle",7),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){a(this.collapsed,"boolean","The `collapsed` property of the `post-collapsible` must be a boolean."),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([c,{height:`${i.scrollHeight}px`,offset:1},{height:"auto"}],l):(t=>{const s={height:window.getComputedStyle(t).height};return t.animate([s,c],l)})(this.host);var i;return this.isLoaded&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches||s.finish(),await s.finished,s.commitStyles(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca","data-version":r},i("slot",{key:"df30089afa0ff33d945dcb4c381ac08acb7cb08c"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};d.style=":host{display:block;overflow:hidden}";const p=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger())),this.debouncedUpdate=function(t,s=200){let i;return(...e)=>{i&&clearTimeout(i),i=setTimeout(t,s,...e)}}((()=>{var t;if(!this.trigger)return;const s=this.trigger.getAttribute("aria-controls");(null==s?void 0:s.includes(this.for))||this.trigger.setAttribute("aria-controls",s?`${s} ${this.for}`:this.for);const i=null===(t=this.collapsible)||void 0===t?void 0:t.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==i?!i:void 0}`)})),this.for=void 0}setAriaAttributes(){n(this.for,'The post-collapsible-trigger "for" prop is required.'),h(this.for,"string",'The post-collapsible-trigger "for" prop should be a id.'),this.update()}connectedCallback(){this.observer.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.root=function(t){const s=t.getRootNode();if(s instanceof Document||s instanceof ShadowRoot)return s;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}(this.host),this.root.addEventListener("postToggle",(t=>{this.trigger&&t.target.isEqualNode(this.collapsible)&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}))}componentDidLoad(){this.host.setAttribute("data-version",r),this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect()}async update(){this.debouncedUpdate()}async toggleCollapsible(){var t;await(null===(t=this.collapsible)||void 0===t?void 0:t.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.setAriaAttributes())}get host(){return o(this)}static get watchers(){return{for:["setAriaAttributes"]}}};export{d as P,p as a}
@@ -1 +0,0 @@
1
- export{P as post_tab_panel}from"./p-8692d49f.js";import"./p-343f6de1.js";import"./p-8db562e4.js";
@@ -1 +0,0 @@
1
- export{P as post_popover}from"./p-4d86e9ac.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-6adeaa6c.js";
@@ -1 +0,0 @@
1
- export{P as post_tabs}from"./p-9a842319.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-2737eaf5.js";
@@ -1 +0,0 @@
1
- export{P as post_accordion}from"./p-300d9df7.js";import"./p-343f6de1.js";import"./p-8db562e4.js";import"./p-247a1668.js";import"./p-611b3c41.js";