@swisspost/design-system-components 8.9.2 → 8.9.3

package/loaders/post-icon2.js

@@ -7,7 +7,7 @@ import { c as checkType } from './check-type.js';
 const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
 const PostIconStyle0 = postIconCss;
 
-const CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';
+const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version}/public/post-icons`;
 const ANIMATION_NAMES = [
     'cylon',
     'cylon-vertical',
@@ -121,7 +121,7 @@ const PostIcon = /*@__PURE__*/ proxyCustomElement(class PostIcon extends HTMLEle
         this.validateAnimation();
     }
     render() {
-        return (h(Host, { key: '77740745eb170076301edb3ff96b846e48c7f2f4', "data-version": version }, h("span", { key: '573f2acd8e92ec5f2f8853b5cb05386bcaee693d', style: this.getStyles() })));
+        return (h(Host, { key: '01c59dae4b2d4277f9230534080924359d64542a', "data-version": version }, h("span", { key: '639ccb1dde3fef32e2678abaaf549ac830838158', style: this.getStyles() })));
     }
     get host() { return this; }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "8.9.2",
+  "version": "8.9.3",
   "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.9.2",
+    "@swisspost/design-system-styles": "8.9.3",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

package/dist/post-components/p-040b2da6.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-343f6de1.js";import{v as o}from"./p-c6025b2b.js";import{H as a}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,a,"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":o},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-0851ad56.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-4138d67d.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";

package/dist/post-components/p-3ca685b3.entry.js

@@ -1 +0,0 @@
-export{P as post_rating}from"./p-c7555df8.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";

package/dist/post-components/p-4697a4ab.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-3fcc974a.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-52c6cdf4.entry.js

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

package/dist/post-components/p-5c070b32.entry.js

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

package/dist/post-components/p-68965ee0.entry.js

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

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

@@ -1 +0,0 @@
-export{P as post_popovercontainer}from"./p-3f46eaf6.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";

package/dist/post-components/p-75f69b10.entry.js

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

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

@@ -1 +0,0 @@
-export{P as post_alert}from"./p-80f585c6.js";import"./p-343f6de1.js";import"./p-c6025b2b.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-b0a6adcb.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion}from"./p-040b2da6.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";import"./p-247a1668.js";import"./p-611b3c41.js";

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

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

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

@@ -1 +0,0 @@
-export{P as post_logo}from"./p-7ca7332d.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-611b3c41.js";

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

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-3fa3ac56.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";

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

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

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

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-9bf946a0.js";import"./p-343f6de1.js";import"./p-c6025b2b.js";import"./p-2737eaf5.js";

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

@@ -1 +0,0 @@
-import{r as i,h as t,H as e,g as a}from"./p-343f6de1.js";import{c as n,d as o,a as s}from"./p-deb4131c.js";import{v as r}from"./p-c6025b2b.js";import{c as l}from"./p-b095519d.js";const c=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],m=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,c,`The post-icon "animation" prop requires one of the following values: ${c.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,e,a,n,o,s;const r=[p(this.base,"both"),p(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"),p(null===(t=document.querySelector("base[href]"))||void 0===t?void 0:t.getAttribute("href"),"both")],l=null!==(n=null===(a=null===(e=r.find((i=>i.definesDomain)))||void 0===e?void 0:e.url)||void 0===a?void 0:a.origin)&&void 0!==n?n:window.location.origin,c=null===(s=null===(o=r.find((i=>i.definesSlug)))||void 0===o?void 0:o.url)||void 0===s?void 0:s.pathname,m=`${this.name}.svg`;let h;return h=c?new URL(`${l}${c}/${m}`).toString():new URL(`https://unpkg.com/@swisspost/design-system-icons/public/post-icons/${m}`).toString(),h;function p(i,t){return{url:e(i),definesDomain:"relative"!==t&&a(i),definesSlug:"absolute"!==t&&function(i){const t=e(i);return Boolean(/^\/.+/.test(null==t?void 0:t.pathname))}(i)};function e(i){return i?a(i)?new URL(i):new URL(i,window.location.origin):null}function a(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,e])=>Object.assign(i,{[t]:e})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return t(e,{key:"77740745eb170076301edb3ff96b846e48c7f2f4","data-version":r},t("span",{key:"573f2acd8e92ec5f2f8853b5cb05386bcaee693d",style:this.getStyles()}))}get host(){return a(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};m.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{m as P}