@swisspost/design-system-components 7.3.1 → 7.4.1

package/dist/post-components/p-b1b2f9ee.entry.js

@@ -0,0 +1 @@
+export{P as post_accordion_item}from"./p-49100c44.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";import"./p-247a1668.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

package/dist/post-components/{p-7b552d03.js → p-b91ff66f.js}

@@ -1 +1 @@
-import{r as e,h as o,H as t,g as i}from"./p-8c7f0075.js";import{v as s}from"./p-6b9f6348.js";import{g as r}from"./p-6adeaa6c.js";let n=0;const a="data-popover-target",c=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(a);if(!t||"key"in e&&"Enter"!==e.key)return;const i=document.getElementById(t);null==i||i.toggle(o)},l=r(a,(e=>{const o=e.hasAttribute(a);e.setAttribute("aria-expanded",o?"false":null)})),d=class{constructor(o){e(this,o),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===n&&(window.addEventListener("pointerup",c),window.addEventListener("keydown",c),l.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[a]})),n++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){n--,0===n&&(window.removeEventListener("click",c),window.removeEventListener("keydown",c),l.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${a}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return o(t,{key:"943dbb1a0a290d281ebe0f346ccd531f8acbbb5e","data-version":s},o("post-popovercontainer",{key:"aa6bf3a2cc395ce612342b78bee23bcd1b68db5e",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"3ba6f039088615157ba47ebc448770fd9128efa0",class:"popover-container"},o("div",{key:"0472f76d0cf51269029534c29f155e0f71d649fb",class:"popover-content"},o("slot",{key:"1d722457c871c0aac9297b0517fe077c32e73794"})),o("button",{key:"430fa605ce81aad6b8709c22a31da62cdf6022e5",class:"btn-close",onClick:()=>this.hide()},o("span",{key:"37169089662c8ef1edd8de6389c55f9eee4e1a9e",class:"visually-hidden"},this.closeButtonCaption)))))}get host(){return i(this)}};d.style="/*!\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 */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{d as P}
+import{r as e,h as o,H as t,g as i}from"./p-8c7f0075.js";import{v as s}from"./p-8386ab9c.js";import{g as r}from"./p-6adeaa6c.js";let n=0;const a="data-popover-target",c=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(a);if(!t||"key"in e&&"Enter"!==e.key)return;const i=document.getElementById(t);null==i||i.toggle(o)},l=r(a,(e=>{const o=e.hasAttribute(a);e.setAttribute("aria-expanded",o?"false":null)})),d=class{constructor(o){e(this,o),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===n&&(window.addEventListener("pointerup",c),window.addEventListener("keydown",c),l.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[a]})),n++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){n--,0===n&&(window.removeEventListener("click",c),window.removeEventListener("keydown",c),l.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${a}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return o(t,{key:"943dbb1a0a290d281ebe0f346ccd531f8acbbb5e","data-version":s},o("post-popovercontainer",{key:"aa6bf3a2cc395ce612342b78bee23bcd1b68db5e",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"3ba6f039088615157ba47ebc448770fd9128efa0",class:"popover-container"},o("div",{key:"0472f76d0cf51269029534c29f155e0f71d649fb",class:"popover-content"},o("slot",{key:"1d722457c871c0aac9297b0517fe077c32e73794"})),o("button",{key:"430fa605ce81aad6b8709c22a31da62cdf6022e5",class:"btn-close",onClick:()=>this.hide()},o("span",{key:"37169089662c8ef1edd8de6389c55f9eee4e1a9e",class:"visually-hidden"},this.closeButtonCaption)))))}get host(){return i(this)}};d.style="/*!\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 */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{d as P}

package/dist/post-components/p-bb764dd3.entry.js

@@ -0,0 +1 @@
+export{P as post_collapsible}from"./p-0026e697.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

package/dist/post-components/p-bdc9668f.entry.js

@@ -0,0 +1 @@
+export{P as post_accordion}from"./p-feb6ff21.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";import"./p-247a1668.js";import"./p-611b3c41.js";

package/dist/post-components/p-c6e4522d.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as r,g as e}from"./p-8c7f0075.js";import{v as a}from"./p-8386ab9c.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:"1919a7a1f11ac0898b16e8fa4791d93ffd1fb1c4",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"8d57e8e1883f4dd96db6edfb0e0a4519cc348a3c"}))}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}

package/dist/post-components/p-c860a676.entry.js

@@ -0,0 +1 @@
+export{P as post_tooltip}from"./p-458d8198.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";import"./p-6adeaa6c.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

package/dist/post-components/p-e1456b01.entry.js

@@ -0,0 +1 @@
+export{P as post_card_control}from"./p-acec5895.js";import"./p-8c7f0075.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-8386ab9c.js";

package/dist/post-components/p-f31d7fcb.entry.js

@@ -0,0 +1 @@
+export{P as post_tag}from"./p-33dd9887.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";

package/dist/post-components/p-f52a3908.entry.js

@@ -0,0 +1 @@
+export{P as post_tabs}from"./p-a747b0b7.js";import"./p-8c7f0075.js";import"./p-8386ab9c.js";import"./p-2737eaf5.js";

package/dist/post-components/{p-c864d978.js → p-feb6ff21.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i,g as e}from"./p-8c7f0075.js";import{v as a}from"./p-6b9f6348.js";import{H as o}from"./p-247a1668.js";import{c as r}from"./p-611b3c41.js";const c=class{constructor(s){t(this,s),this.expandedItems=new Set,this.headingLevel=void 0,this.multiple=!1}validateHeadingLevel(t=this.headingLevel){t&&(r(t,o,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((s=>{s.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){if("post-accordion-item"===t.target.localName){t.stopPropagation();const s=t.target,i=this.expandedItems.has(s);if(i?this.expandedItems.delete(s):this.expandedItems.add(s),this.multiple||i)return;Array.from(this.expandedItems.values()).filter((t=>t!==s)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const s=this.accordionItems.find((s=>s.id===t));if(!s)throw new Error(`No post-accordion-item found with id #${t}.`);await s.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,s)=>{this.multiple||0===s?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return s(i,{key:"db4caaa1a64791d3a1dc622cf865a162b3cfd733","data-version":a},s("div",{key:"62ebf7e00b534b9b68137ac4ab57b92bd290bc21",class:"accordion"},s("slot",{key:"61c69386c1ba9e7f53dd3465dd7eb06ac646e35b",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return e(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}";export{c as P}
+import{r as t,h as s,H as i,g as e}from"./p-8c7f0075.js";import{v as a}from"./p-8386ab9c.js";import{H as o}from"./p-247a1668.js";import{c as r}from"./p-611b3c41.js";const c=class{constructor(s){t(this,s),this.expandedItems=new Set,this.headingLevel=void 0,this.multiple=!1}validateHeadingLevel(t=this.headingLevel){t&&(r(t,o,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((s=>{s.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){if("post-accordion-item"===t.target.localName){t.stopPropagation();const s=t.target,i=this.expandedItems.has(s);if(i?this.expandedItems.delete(s):this.expandedItems.add(s),this.multiple||i)return;Array.from(this.expandedItems.values()).filter((t=>t!==s)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const s=this.accordionItems.find((s=>s.id===t));if(!s)throw new Error(`No post-accordion-item found with id #${t}.`);await s.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,s)=>{this.multiple||0===s?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return s(i,{key:"db4caaa1a64791d3a1dc622cf865a162b3cfd733","data-version":a},s("div",{key:"62ebf7e00b534b9b68137ac4ab57b92bd290bc21",class:"accordion"},s("slot",{key:"61c69386c1ba9e7f53dd3465dd7eb06ac646e35b",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return e(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}";export{c as P}

package/dist/post-components/post-components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-8c7f0075.js";export{s as setNonce}from"./p-8c7f0075.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-49e1201f",[[1,"post-accordion-item",{collapsed:[4],headingLevel:[2,"heading-level"],id:[32],isOpen:[32],toggle:[64]},[[0,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-756f9aa2",[[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-5a9ac1ae",[[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:["updateControlDisbled"]}]]],["p-1a5c4d94",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-0c187871",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-5ab360e7",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-3321c9c3",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-bb0366cd",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-e4ac3e01",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-f0fbe328",[[0,"post-collapsible-trigger",{for:[1],update:[64]},[[4,"postToggle","setAriaExpanded"]],{for:["setAriaAttributes"]}]]],["p-b921895c",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-992dbdb4",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-b91cf0cd",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-7c38df68",[[1,"post-collapsible",{collapsed:[4],toggle:[64]},null,{collapsed:["validateCollapsed"]}]]],["p-55c84c0e",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));
+import{p as e,b as a}from"./p-8c7f0075.js";export{s as setNonce}from"./p-8c7f0075.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-b1b2f9ee",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-5bfe2065",[[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-e1456b01",[[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:["updateControlDisbled"]}]]],["p-6cac6cc0",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-51bb8d8c",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-4806190f",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-f31d7fcb",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-c860a676",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-bdc9668f",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-6f325f35",[[0,"post-collapsible-trigger",{for:[1],update:[64]},[[4,"postToggle","setAriaExpanded"]],{for:["setAriaAttributes"]}]]],["p-8dc5e169",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-7755c753",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-f52a3908",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-bb764dd3",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}]]],["p-5cdfdfed",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));

package/dist/types/components/post-accordion-item/post-accordion-item.d.ts

@@ -7,11 +7,10 @@ export declare class PostAccordionItem {
     private collapsible;
     host: HTMLPostAccordionItemElement;
     id: string;
-    isOpen: boolean;
     /**
-     * If `true`, the element is initially collapsed otherwise it is displayed.
+     * If `true`, the element is collapsed otherwise it is displayed.
      */
-    readonly collapsed?: boolean;
+    collapsed?: boolean;
     /**
      * Defines the hierarchical level of the accordion item header within the headings structure.
      * @deprecated set the `heading-level` property on the parent `post-accordion` instead.

package/dist/types/components/post-collapsible/post-collapsible.d.ts

@@ -7,17 +7,16 @@ export declare class PostCollapsible {
     private isOpen;
     host: HTMLPostCollapsibleElement;
     /**
-     * If `true`, the element is initially collapsed otherwise it is displayed.
+     * If `true`, the element is collapsed otherwise it is displayed.
      */
-    readonly collapsed?: boolean;
-    validateCollapsed(newValue?: boolean): void;
+    collapsed?: boolean;
+    collapsedChange(): void;
     /**
      * An event emitted when the collapse element is shown or hidden, before the transition.
      *
      * The event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed.
      */
     postToggle: EventEmitter<boolean>;
-    connectedCallback(): void;
     componentDidLoad(): void;
     /**
      * Triggers the collapse programmatically.

package/dist/types/components.d.ts

@@ -36,7 +36,7 @@ export namespace Components {
     }
     interface PostAccordionItem {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -126,7 +126,7 @@ export namespace Components {
     }
     interface PostCollapsible {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -535,7 +535,7 @@ declare namespace LocalJSX {
     }
     interface PostAccordionItem {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**
@@ -621,7 +621,7 @@ declare namespace LocalJSX {
     }
     interface PostCollapsible {
         /**
-          * If `true`, the element is initially collapsed otherwise it is displayed.
+          * If `true`, the element is collapsed otherwise it is displayed.
          */
         "collapsed"?: boolean;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "7.3.1",
+  "version": "7.4.1",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@floating-ui/dom": "1.6.7",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-styles": "7.3.1",
+    "@swisspost/design-system-styles": "7.4.1",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

package/dist/cjs/_commonjsHelpers-8f2c79cd.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
-exports.commonjsGlobal = commonjsGlobal;
-exports.commonjsRequire = commonjsRequire;
-exports.getAugmentedNamespace = getAugmentedNamespace;
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;