@swisspost/design-system-components 8.6.2 → 8.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "8.6.2",
+  "version": "8.7.0",
   "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",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@floating-ui/dom": "1.6.8",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-styles": "8.6.2",
+    "@swisspost/design-system-styles": "8.7.0",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

package/dist/post-components/p-0c29c291.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-3644a57f.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-247a1668.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

package/dist/post-components/p-13f30d70.entry.js

@@ -1 +0,0 @@
-export{P as post_alert}from"./p-1538b32c.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-2737eaf5.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-b095519d.js";

package/dist/post-components/p-153d7148.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-343f6de1.js";import{v as a}from"./p-8444a51a.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){t.stopPropagation();const s=t.target;if(s.closest("post-accordion")===this.host&&"post-accordion-item"===s.localName){const s=t.target,e=this.expandedItems.has(s);if(e?this.expandedItems.delete(s):this.expandedItems.add(s),this.multiple||e)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(e,{key:"cfc6280e052937f50bc481fe73cf25ede6e40314","data-version":a},s("div",{key:"090539a2ebe9d216609a7e56597c5f379d439fb8",class:"accordion"},s("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}

package/dist/post-components/p-21a70cac.entry.js

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-1fe9b0da.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-6adeaa6c.js";

package/dist/post-components/p-2f673201.js

@@ -1 +0,0 @@
-import{r as a,c as r,h as t,H as o,g as e}from"./p-343f6de1.js";import{v as s}from"./p-8444a51a.js";import{f as b,a as i}from"./p-2737eaf5.js";const c=class{constructor(t){a(this,t),this.postChange=r(this,"postChange",7),this.isLoaded=!1,this.activePanel=void 0}get tabs(){return this.host.querySelectorAll("post-tab-header")}componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs();const a=this.activePanel||this.tabs.item(0).panel;this.show(a),this.isLoaded=!0}async show(a){var r;if(a===(null===(r=this.activeTab)||void 0===r?void 0:r.panel))return;const t=this.activeTab,o=this.host.querySelector(`post-tab-header[panel=${a}]`);this.activateTab(o),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!t||this.showing||this.hiding||this.hidePanel(t.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((a=>{"tabs"!==a.getAttribute("slot")&&a.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async a=>{var r;if(await(r=a,"function"==typeof r.componentOnReady?r.componentOnReady():new Promise((a=>{return t=()=>{a(r)},"function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t);var t}))),a.getAttribute("aria-controls"))return;const t=this.getPanel(a.panel);a.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",a.id),a.addEventListener("click",(()=>{this.show(a.panel)})),a.addEventListener("keydown",(r=>{"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),this.show(a.panel))})),a.addEventListener("keydown",(r=>{"ArrowRight"!==r.key&&"ArrowLeft"!==r.key||this.navigateTabs(a,r.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs.item(0).panel))}activateTab(a){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),a.setAttribute("aria-selected","true"),a.setAttribute("tabindex","0"),a.classList.add("active"),this.activeTab=a}hidePanel(a){const r=this.getPanel(a);r&&(this.hiding=b(r),this.hiding.onfinish=()=>{r.style.display="none",this.hiding=null})}showSelectedPanel(){const a=this.getPanel(this.activeTab.panel);a.style.display="block",this.isLoaded&&(this.showing=i(a),this.showing.onfinish=()=>{this.showing=null})}getPanel(a){return this.host.querySelector(`post-tab-panel[name=${a}]`)}navigateTabs(a,r){const t=Array.from(this.tabs).indexOf(a);let o;o="ArrowRight"===r?this.tabs[t+1]||this.tabs[0]:this.tabs[t-1]||this.tabs[this.tabs.length-1],o&&o.focus()}render(){return t(o,{key:"6a3e84a92b03d462dbff1b8fc638f7ebf8ea9d23","data-version":s},t("div",{key:"e73b58f1524e70401089830b1b9b47a2c85b828a",class:"tabs-wrapper",part:"tabs"},t("div",{key:"9da5ce2d30d37c74dee92f2e871e56e96d07d429",class:"tabs",role:"tablist"},t("slot",{key:"944e209f2f23b9a3469bc6b5167a0939da4c9631",name:"tabs",onSlotchange:()=>this.enableTabs()}))),t("div",{key:"93caabfd1a0be19df3e8be64f0965de488159526",class:"tab-content",part:"content"},t("slot",{key:"92465fa749afad52130631cb3957fefeb40b8e9a",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return e(this)}};c.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(var(--post-contrast-color-rgb), 0.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-white .tabs-wrapper{background-color:#fff}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-black .tabs-wrapper{background-color:#000}.bg-primary .tabs-wrapper{background-color:#333}.bg-secondary .tabs-wrapper{background-color:#666}.bg-success .tabs-wrapper{background-color:#2c871d}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-error .tabs-wrapper{background-color:#a51728}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}.bg-error-background .tabs-wrapper{background-color:#ffdade}.bg-nightblue .tabs-wrapper{background-color:#004976}.bg-nightblue-bright .tabs-wrapper{background-color:#0076a8}.bg-petrol .tabs-wrapper{background-color:#006d68}.bg-petrol-bright .tabs-wrapper{background-color:#00968f}.bg-coral .tabs-wrapper{background-color:#9e2a2f}.bg-coral-bright .tabs-wrapper{background-color:#e03c31}.bg-olive .tabs-wrapper{background-color:#716135}.bg-olive-bright .tabs-wrapper{background-color:#aa9d2e}.bg-purple .tabs-wrapper{background-color:#80276c}.bg-purple-bright .tabs-wrapper{background-color:#c5299b}.bg-aubergine .tabs-wrapper{background-color:#523178}.bg-aubergine-bright .tabs-wrapper{background-color:#7566a0}:host{display:block}';export{c as P}

package/dist/post-components/p-62a9ab11.entry.js

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-fbd16588.js";import"./p-343f6de1.js";import"./p-8444a51a.js";

package/dist/post-components/p-6f1716e7.entry.js

@@ -1 +0,0 @@
-export{P as post_card_control}from"./p-8b1b1a13.js";import"./p-343f6de1.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-8444a51a.js";

package/dist/post-components/p-8444a51a.js

@@ -1 +0,0 @@
-const o="8.6.2";export{o as v}

package/dist/post-components/p-856fd5ad.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion}from"./p-153d7148.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-247a1668.js";import"./p-611b3c41.js";

package/dist/post-components/p-8a48b063.entry.js

@@ -1 +0,0 @@
-export{P as post_popovercontainer}from"./p-e49b14e1.js";import"./p-343f6de1.js";import"./p-8444a51a.js";

package/dist/post-components/p-8cbd0e37.entry.js

@@ -1 +0,0 @@
-export{P as post_tooltip}from"./p-a3db27bf.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-6adeaa6c.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

package/dist/post-components/p-91df7684.entry.js

@@ -1 +0,0 @@
-export{P as post_icon}from"./p-2cc2f12f.js";import"./p-343f6de1.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-8444a51a.js";import"./p-b095519d.js";

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

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-86e9cfbc.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-b095519d.js";import"./p-440193f4.js";

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

@@ -1 +0,0 @@
-export{P as post_rating}from"./p-3549106c.js";import"./p-343f6de1.js";import"./p-8444a51a.js";

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

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-a5653e56.js";import"./p-343f6de1.js";import"./p-8444a51a.js";

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

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-2f673201.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-2737eaf5.js";

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

@@ -1 +0,0 @@
-export{P as post_logo}from"./p-1384af86.js";import"./p-343f6de1.js";import"./p-8444a51a.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";