@swisspost/design-system-components 7.4.10 → 7.4.12

package/dist/post-components/{p-d6639fb5.js → p-fb599d5a.js}

@@ -1 +1 @@
-import{r as t,g as s}from"./p-8c7f0075.js";import{v as i}from"./p-00de1557.js";import{c as o}from"./p-4a3f67ab.js";import{c as e}from"./p-b095519d.js";const r=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger())),this.debouncedUpdate=function(t,s=200){let i;return(...o)=>{i&&clearTimeout(i),i=setTimeout(t,s,...o)}}((()=>{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(){e(this.for,'The post-collapsible-trigger "for" prop is required.'),o(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})}componentDidLoad(){this.host.setAttribute("data-version",i),this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect()}setAriaExpanded(t){this.trigger&&t.target.isEqualNode(this.collapsible)&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}async update(){this.debouncedUpdate()}async toggleCollapsible(){var t;await(null===(t=this.collapsible)||void 0===t?void 0:t.toggle())}get collapsible(){const t=document.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 s(this)}static get watchers(){return{for:["setAriaAttributes"]}}};export{r as P}
+import{r as t,g as s}from"./p-8c7f0075.js";import{v as i}from"./p-0067b6ec.js";import{c as o}from"./p-4a3f67ab.js";import{c as e}from"./p-b095519d.js";const r=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger())),this.debouncedUpdate=function(t,s=200){let i;return(...o)=>{i&&clearTimeout(i),i=setTimeout(t,s,...o)}}((()=>{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(){e(this.for,'The post-collapsible-trigger "for" prop is required.'),o(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})}componentDidLoad(){this.host.setAttribute("data-version",i),this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect()}setAriaExpanded(t){this.trigger&&t.target.isEqualNode(this.collapsible)&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}async update(){this.debouncedUpdate()}async toggleCollapsible(){var t;await(null===(t=this.collapsible)||void 0===t?void 0:t.toggle())}get collapsible(){const t=document.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 s(this)}static get watchers(){return{for:["setAriaAttributes"]}}};export{r as P}

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

@@ -0,0 +1 @@
+export{P as post_rating}from"./p-3875f854.js";import"./p-8c7f0075.js";import"./p-0067b6ec.js";

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-ccd7b0aa",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-43e2817b",[[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-70a93f32",[[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-a8dec74c",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-31b4bf40",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-aa4bd00e",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-f438d028",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-63365290",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-9ba0d70e",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a4956698",[[0,"post-collapsible-trigger",{for:[1],update:[64]},[[4,"postToggle","setAriaExpanded"]],{for:["setAriaAttributes"]}]]],["p-42ffb478",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-c2f67907",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-9a74dc73",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-c067adcf",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}]]],["p-c7259dda",[[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-a2c9a756",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-45c2d17a",[[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-36bf903d",[[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-01882fab",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-2acd9402",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-fe6bec69",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-09dcb827",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-57a681c3",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-b96b1857",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a142783f",[[0,"post-collapsible-trigger",{for:[1],update:[64]},[[4,"postToggle","setAriaExpanded"]],{for:["setAriaAttributes"]}]]],["p-335cdd39",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-3e5f970d",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-04023ab2",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-1abcd071",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}]]],["p-8617be6a",[[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/dist/types/components/post-icon/post-icon.d.ts

@@ -4,10 +4,7 @@ type Animation = (typeof ANIMATION_NAMES)[number];
  * @class PostIcon - representing a stencil component
  */
 export declare class PostIcon {
-    private path;
     host: HTMLPostIconElement;
-    svgStyles: string;
-    svgOutput: string;
     /**
      * The name of the animation.
      */
@@ -43,9 +40,9 @@ export declare class PostIcon {
      */
     readonly scale?: number | null;
     validateScale(newValue?: number): void;
+    private getUrl;
+    private getStyles;
     componentDidLoad(): void;
-    componentWillRender(): void;
-    private setPath;
     render(): any;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "7.4.10",
+  "version": "7.4.12",
   "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.7",
     "@oddbird/popover-polyfill": "0.3.7",
-    "@swisspost/design-system-styles": "7.4.10",
+    "@swisspost/design-system-styles": "7.4.12",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },

package/dist/post-components/p-00de1557.js

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

package/dist/post-components/p-316ffe46.js

@@ -1 +0,0 @@
-import{r as i,h as t,H as a,g as e}from"./p-8c7f0075.js";import{c as o,b as n}from"./p-ac500761.js";import{v as s}from"./p-00de1557.js";import{c as r}from"./p-b095519d.js";import{c as l}from"./p-4a3f67ab.js";const c=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],m=class{constructor(t){i(this,t),this.svgStyles=void 0,this.svgOutput=void 0,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&&o(i,c,`The post-icon "animation" prop requires one of the following values: ${c.join(", ")}.`)}validateBase(i=this.base){n(i,"string",'The post-icon "base" prop should be a string.')}validateFlipH(i=this.flipH){n(i,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(i=this.flipV){n(i,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(i=this.name){r(i,'The post-icon "name" prop is required!.'),l(i,"string",'The post-icon "name" prop should be a string.')}validateRotate(i=this.rotate){n(i,"number",'The post-icon "rotate" prop should be a number.')}validateScale(i=this.scale){n(i,"number",'The post-icon "scale" prop should be a number.')}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}componentWillRender(){this.setPath()}setPath(){var i,t,a,e,o;const n=null!==(t=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"))&&void 0!==t?t:null,s=null===(a=document.getElementsByTagName("base")[0])||void 0===a?void 0:a.href;let r;const l=/^(?:[a-z+]+:)?\/\//i;s?this.base&&!l.test(this.base)?r=s+this.base:n&&!l.test(n)&&(r=s+n):r=null!==(e=this.base)&&void 0!==e?e:n;const c=`${null!==(o=null!=r?r:s)&&void 0!==o?o:"https://unpkg.com/@swisspost/design-system-icons/public/post-icons"}/`.replace(/\/\/$/,"/");this.path=new URL(`${c}${this.name}.svg`,window.location.origin).toString()}render(){const i=Object.entries({"-webkit-mask-image":`url('${this.path}')`,"mask-image":`url('${this.path}')`,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})),{});return t(a,{key:"bad9e5bf0bf6250cd6597a2e6e67cf1f334d0e2d","data-version":s},t("span",{key:"1b07a201ac1bc45cbea6ce6ad3285917cf76e46e",style:i}))}get host(){return e(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}

package/dist/post-components/p-31b4bf40.entry.js

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-8518f0e6.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-6adeaa6c.js";

package/dist/post-components/p-42ffb478.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-60e8abb1.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-43e2817b.entry.js

@@ -1 +0,0 @@
-export{P as post_alert}from"./p-b5e3b27e.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-2737eaf5.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-b095519d.js";

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

@@ -1 +0,0 @@
-export{P as post_tooltip}from"./p-ad171101.js";import"./p-8c7f0075.js";import"./p-00de1557.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-70a93f32.entry.js

@@ -1 +0,0 @@
-export{P as post_card_control}from"./p-537266ee.js";import"./p-8c7f0075.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-00de1557.js";

package/dist/post-components/p-9a74dc73.entry.js

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-96dd256e.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-2737eaf5.js";

package/dist/post-components/p-9ba0d70e.entry.js

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

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

@@ -1 +0,0 @@
-export{P as post_collapsible_trigger}from"./p-d6639fb5.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-4a3f67ab.js";import"./p-b095519d.js";import"./p-440193f4.js";

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

@@ -1 +0,0 @@
-export{P as post_popovercontainer}from"./p-9c7ac02c.js";import"./p-8c7f0075.js";import"./p-00de1557.js";

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

@@ -1 +0,0 @@
-export{P as post_rating}from"./p-f8201b09.js";import"./p-8c7f0075.js";import"./p-00de1557.js";

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

@@ -1 +0,0 @@
-export{P as post_collapsible}from"./p-3ca6e3f8.js";import"./p-8c7f0075.js";import"./p-00de1557.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

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

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-43d269f5.js";import"./p-8c7f0075.js";import"./p-00de1557.js";

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

@@ -1 +0,0 @@
-export{P as post_icon}from"./p-316ffe46.js";import"./p-8c7f0075.js";import"./p-ac500761.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-00de1557.js";import"./p-b095519d.js";

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

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-5c383dd5.js";import"./p-8c7f0075.js";import"./p-00de1557.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-f438d028.entry.js

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-a8f9e9ae.js";import"./p-8c7f0075.js";import"./p-00de1557.js";