@swisspost/design-system-components 10.0.0-next.70 → 10.0.0-next.71

package/dist/components/post-breadcrumb-item2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{a as c}from"./index2.js";import"./index3.js";import{d as a}from"./post-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch{this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${globalThis.location.origin}${e}`,c(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){return i(o,{key:"2b4e7426d804073e5974e3e75303e149c48b3f84","data-version":s},i("post-icon",{key:"03f454a41a7f4b28832b05e5d2142aaf1695aa84",name:"chevronright",class:"breadcrumb-item-icon"}),this.validUrl?i("a",{class:"breadcrumb-item",href:this.validUrl,onKeyDown:e=>this.handleKeyDown(e),"aria-label":this.label,"aria-description":this.description},i("slot",null)):i("span",{class:"breadcrumb-item"},i("slot",null)))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}"}},[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],fullUrl:[32]},void 0,{url:[{validateUrl:0}]}]);function l(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-icon"].forEach((e=>{switch(e){case"post-breadcrumb-item":customElements.get(r(e))||customElements.define(r(e),n);break;case"post-icon":customElements.get(r(e))||a()}}))}export{n as P,l as d}

package/dist/components/react/p-B076QoO3.js

@@ -1 +0,0 @@
-import{t,p as s,H as e,h as o,a as i}from"./index.js";import{v as r}from"./p-DW7sbg9f.js";const a=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick()),{capture:!0}),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)),{capture:!0})}render(){return o(i,{key:"9d5a1290041d0a1959efceb520423124e5a09270","data-version":r,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"9168b19b5ddd39dcf61139ff335db773d3da1a1a"}))}get host(){return this}static get style(){return":host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}"}},[257,"post-togglebutton",{toggled:[1028]}]);function n(){"undefined"!=typeof customElements&&["post-togglebutton"].forEach((s=>{"post-togglebutton"===s&&(customElements.get(t(s))||customElements.define(t(s),a))}))}n();export{a as P,n as d}

package/dist/components/react/p-B_RL4AOE.js

@@ -1 +0,0 @@
-import{t,p as a,H as i,h as e,a as n}from"./index.js";import{d as s,g as o,c as r}from"./p-B2BDAeHI.js";import{v as l}from"./p-DW7sbg9f.js";const m=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],c=`https://unpkg.com/@swisspost/design-system-icons@${l}/public/post-icons/`,f=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.flipH=!1,this.flipV=!1}validateAnimation(){s(this,"animation",m)}validateBase(){o(this,"base","string")}validateName(){r(this,"name","string")}validateRotate(){o(this,"rotate","number")}validateScale(){o(this,"scale","number")}getUrl(){const t=`${this.name}.svg`;if(this.url?.startsWith("data:image/"))return this.url;if(this.url)return this.url;const a=t=>/^https?:\/\//.test(t),i=t=>t&&!t.endsWith("/")?`${t}/`:t,e=t=>t.replaceAll(/([^:])\/\//g,"$1/"),n=globalThis.location.origin,s=document.querySelector("base[href]")?.getAttribute("href")||"";let o="";{const t=document.querySelector('meta[name="design-system-settings"]');o=t?.getAttribute("data-post-icon-base")||""}const r=t=>{const e=i(s),o=i(t);return a(e)?`${e}${o}`:`${n}${e}${o}`};let l;return this.base?(l=a(this.base)?`${i(this.base)}${t}`:`${r(this.base)}${t}`,e(l)):o?(l=a(o)?`${i(o)}${t}`:`${r(o)}${t}`,e(l)):e(`${c}${t}`)}getStyles(){const t=this.getUrl();return Object.fromEntries(Object.entries({"-webkit-mask-image":`url(${t})`,"mask-image":`url('${t}')`,transform:(this.scale&&!Number.isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!Number.isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,a])=>null!==a)))}componentDidLoad(){this.validateBase(),this.validateName(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return e(n,{key:"f0c7dbf7fe05218aa6fc6cde30e249f1a709df27","data-version":l},e("span",{key:"b814a9f52a2eee57b7a59913c84caada39f63d30",style:this.getStyles()}))}get host(){return this}static get watchers(){return{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}}static get style(){return":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)}}"}},[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]},void 0,{animation:[{validateAnimation:0}],base:[{validateBase:0}],name:[{validateName:0}],rotate:[{validateRotate:0}],scale:[{validateScale:0}]}]);function h(){"undefined"!=typeof customElements&&["post-icon"].forEach((a=>{"post-icon"===a&&(customElements.get(t(a))||customElements.define(t(a),f))}))}h();export{f as P,h as d}

package/dist/components/react/p-BoFDru4R.js

@@ -1 +0,0 @@
-import{t,p as e,H as s,c as o,h as i,a}from"./index.js";import{v as l}from"./p-DW7sbg9f.js";import"./p-CJcRbvrI.js";import{g as r}from"./p-B2BDAeHI.js";const h={height:"0",overflow:"hidden"},n={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},c=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=o(this,"postToggle"),this.collapsed=!1}collapsedChange(){r(this,"collapsed","boolean")}get isExpanded(){return!this.collapsed}componentDidLoad(){this.collapsedChange(),this.updateTriggers()}async toggle(t=!this.isExpanded){if(t===this.isExpanded)return this.isExpanded;this.collapsed=!t;const e=this.isExpanded;{const t=e?(s=this.host).animate([h,{height:`${s.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],n):function(t){const e=globalThis.getComputedStyle(t).height;return t.animate([{height:e},h],n)}(this.host);this.postToggle.emit(e),await t.finished,t.commitStyles(),this.updateTriggers()}var s;return e}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(a,{key:"79ec1a3eb11225a93f5e5b6da7334d20d5e4b565","data-version":l,tabindex:this.collapsed?-1:void 0,style:this.collapsed?h:void 0},i("slot",{key:"baff34fc9b45aec4c3fb0f74ad676ea1237c7d23"}))}get host(){return this}static get watchers(){return{collapsed:[{collapsedChange:0}]}}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]},void 0,{collapsed:[{collapsedChange:0}]}]);function d(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((e=>{"post-collapsible"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}d();export{c as P,d}

package/dist/components/react/p-BuL0WAoF.js

@@ -1 +0,0 @@
-import{t,p as e,H as o}from"./index.js";import{v as n}from"./p-DW7sbg9f.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}connectedCallback(){this.host.dataset.version=n}get host(){return this}static get style(){return"post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}"}},[0,"post-menu-item"]);function m(){"undefined"!=typeof customElements&&["post-menu-item"].forEach((e=>{"post-menu-item"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}m();export{i as P,m as d}