@swisspost/design-system-components 8.9.2 → 8.9.4

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

@@ -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-68965ee0",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-83157726",[[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-dcb9e9dc",[[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-6c180694",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-52c6cdf4",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-3ca685b3",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-dc827271",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-75f69b10",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-b0a6adcb",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-c7d9278c",[[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}]]],["p-4697a4ab",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-0851ad56",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-ee99d7f5",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-f2f0c975",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-5c070b32",[[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))));
+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-3b52ddf2",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-891e8d73",[[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-e755ccab",[[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-d20176b4",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-cdbab0b8",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-553a781a",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-63887429",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-57107054",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-c21977d3",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-2897cd07",[[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}]]],["p-60079f09",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-eac7818e",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-b2204a72",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-4ab11d6c",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-09519094",[[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))));

package/loaders/package.js

@@ -1,3 +1,3 @@
-const version = "8.9.2";
+const version = "8.9.4";
 
 export { version as v };

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/loaders/post-tooltip.js

@@ -4933,8 +4933,9 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
      */
     async show(target, triggeredByFocus = false) {
         const showTooltip = () => {
+            // The method might have been called after a delay and the host might not be defined anymore
             // If focus or pointer event is not on the button anymore, don't show the tooltip
-            if (globalCurrentTarget !== target)
+            if (!this.host || globalCurrentTarget !== target)
                 return;
             // Determine if the tooltip was opened by a focus event
             this.wasOpenedByFocus = triggeredByFocus;
@@ -4987,7 +4988,7 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
     }
     render() {
         const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
-        return (h(Host, { key: '24a759c52e0c46220fbbb6f172e4521bbda693ad', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: 'b226e697e121602d8ff712f1591ef104399ba735', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '01ae77f9c04bd6ccf3fc227f847b28de901f0010' }))));
+        return (h(Host, { key: '10847be18d01410e3fa1fe24a2e35ef2f81a8f81', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '763de18194e370c0c567c6b402a1a06ef80cb3fb', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '8336b83ef7e6323408579e252b12fd65d979fe5c' }))));
     }
     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.4",
   "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.4",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

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}