@swisspost/design-system-components 10.0.0-next.48 → 10.0.0-next.49

package/dist/post-components/p-848c10ac.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,H as t,a as s}from"./p-C8a0ddDa.js";import{P as i}from"./p-DRiVosES.js";import{v as r}from"./p-DO48NanC.js";import{I as a}from"./p-_0G7tavk.js";import{d as c,c as n}from"./p-VmK3ABCB.js";let l=0;const d="data-popover-target",h=e=>{let o=e.target;for(;o&&!o.getAttribute(d)&&o!==document.body&&o.parentElement;)o=o.parentElement;const t=o?.getAttribute(d);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},p=class{validatePlacement(){c(this,"placement",i)}validateCloseButtonCaption(){n(this,"closeButtonCaption","string")}constructor(o){var t,s;e(this,o),this.triggerObserver=a?(t=d,s=this.patchAccessibilityFeatures,a?new MutationObserver((function(e){e.forEach((e=>{"attributes"===e.type&&e.attributeName===t&&s(e.target),"childList"===e.type&&e.addedNodes.forEach((e=>{e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute(t)&&s(e)}))}))})):null):null,this.placement="top",this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===l&&(window.addEventListener("pointerup",h),window.addEventListener("keydown",h),this.triggerObserver?.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[d]})),l++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.validatePlacement(),this.validateCloseButtonCaption(),this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){l--,0===l&&(window.removeEventListener("click",h),window.removeEventListener("keydown",h),this.triggerObserver?.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),console.log(this.popoverRef),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${d}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}patchAccessibilityFeatures(e){const o=e.hasAttribute(d);e.setAttribute("aria-expanded",o?"false":null)}render(){return o(t,{key:"c0a36766203f4b2f6350c9c92b304eb9052d2ceb","data-version":r},o("post-popovercontainer",{key:"ec9d9e8af53408fd3d2d5aaedab10ccee94322fd",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"4edb0a99f660f5b4c1b35a934cc2d21bb84b1c44",class:"popover-container"},o("div",{key:"96d3fc664e0a8c5d0b877cf46df9e80433909f5e",class:"popover-content"},o("slot",{key:"978e3335f1214bed829042cfdf6bd7a23ae9229a"})),o("button",{key:"b42d5a48ba83d6e1b592b0607e837e8036e0cf54",class:"btn-close",onClick:()=>this.hide()},o("span",{key:"95a7cfd1c4b6c30e04a86e58d4cf9a70eec885c8",class:"visually-hidden"},this.closeButtonCaption)))))}get host(){return s(this)}static get watchers(){return{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}}};p.style=".btn-close{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;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.btn-close{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}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:var(--post-current-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:hover{color:HighlightText !important}}";export{p as post_popover}

package/dist/post-components/{p-d61bb2ff.entry.js → p-8d2e5814.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as e,a}from"./p-C8a0ddDa.js";import{v as r}from"./p-0Ltezq5O.js";import{c as i}from"./p-VmK3ABCB.js";import{b as s}from"./p-_0G7tavk.js";const n=["grid-1","grid-2","grid-3","grid-4"],d=class{validateLabel(){i(this,"label","string")}constructor(t){o(this,t),this.device=s.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=(...o)=>t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateLabel(),n.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},n.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return n.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(e,{key:"a3e6828ef746ddffe046e357608a8de4a7e65aef","data-version":r,"data-color-scheme":"light"},t("footer",{key:"fc1ca33cdb64bff7afcfac3aab217b9d5b6bda32"},t("h2",{key:"b78636fa1ce5d94311b42afaac23a77a1617873f",class:"visually-hidden"},this.label),t("div",{key:"1562367473f54eecaa82ed3b39b17bb99fb206fa",class:"footer-container"},t("div",{key:"e5ef28a7fbc14ae04fc24781f90cd75e8648a61e",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"a1648b7d59cb4b0342cb847783888a2c9aeb7973",class:"footer-column"},t("div",{key:"000eb64db6bcb7403297809b004a57eece8c76ed",class:"footer-socialmedia"},t("slot",{key:"0effe00b425975fe88aeb796efccc09ae05f7dde",name:"socialmedia"})),t("div",{key:"a469169fcd3a5c58d9c651d7a3fe09bb709e1f91",class:"footer-app"},t("slot",{key:"32c7fa2fbaf8498fdf10425c28a487bca6708c07",name:"app"}))),t("div",{key:"da56f002b12eedcd4e0b69cb113eb0fe5a8c20a7",class:"footer-businesssectors"},t("slot",{key:"b83cf880c13c3fa5b4fc45ab88f174570ce60e04",name:"businesssectors"})),t("div",{key:"6ae55420c729a42730d610c1dd24cc5e9c87fdbb",class:"footer-meta"},t("slot",{key:"85991571ab8525f2d86d100f5eba0ff937030d90",name:"meta"})),t("div",{key:"a66a5ba0858e7c2064706f071c989ddf3095f3f3",class:"footer-copyright"},t("slot",{key:"b42f156e0fc9027e846691bd8c7ff04b93091e7e",name:"copyright"})))))}get host(){return a(this)}static get watchers(){return{label:["validateLabel"]}}};d.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}post-accordion-item.d-none+post-accordion-item{--post-accordion-button-border-top-width:unset}post-accordion-item:not(.d-none)~post-accordion-item,post-accordion-item:not(post-accordion-item:not(.d-none)~*):not(:has(~post-accordion-item:not(.d-none))){--post-accordion-button-border-top-width:0}";export{d as post_footer}
+import{r as o,h as t,H as e,a}from"./p-C8a0ddDa.js";import{v as r}from"./p-DO48NanC.js";import{c as i}from"./p-VmK3ABCB.js";import{b as s}from"./p-_0G7tavk.js";const n=["grid-1","grid-2","grid-3","grid-4"],p=class{validateLabel(){i(this,"label","string")}constructor(t){o(this,t),this.device=s.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=(...o)=>t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateLabel(),n.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},n.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return n.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(e,{key:"36aa67b511dd3fdb9c0244b89f80c24feb86b3a6","data-version":r,"data-color-scheme":"light"},t("footer",{key:"0b4accb1d39734fda0b2ae7e602ae05618d1f6f8"},t("h2",{key:"3b6147bb75772338192b17da5086e33d45f0cc4e",class:"visually-hidden"},this.label),t("div",{key:"3ae237e599d226c8413bd785540f2706a61f130f",class:"footer-container"},t("div",{key:"c844467c43a718b117cc863beb75ac1ffccc7286",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"ab0859972f61a8a0b28184654b0b8a7da5d6d199",class:"footer-column"},t("div",{key:"9356dc60f36a614718b1e668aa6c8f988e611305",class:"footer-socialmedia"},t("slot",{key:"aeea4c639ae1b092a90816cebfc892e7ae9608ac",name:"socialmedia"})),t("div",{key:"6404adf8c76f4756c729c453a4f5285577973596",class:"footer-app"},t("slot",{key:"ebfbf7f1b5db296b1de165035156819043d2a329",name:"app"}))),t("div",{key:"38017619c9da0f5abd0b34e9406f94e239e54b99",class:"footer-businesssectors"},t("slot",{key:"93f13e71cbd102074b6f2a55c369470f66b3ae8d",name:"businesssectors"})),t("div",{key:"88c077c96627d557a47d3136a65196b67fafc2c1",class:"footer-meta"},t("slot",{key:"9c0f64a2f2d715d6b420938efa63c861415376bd",name:"meta"})),t("div",{key:"1dc3cdbe0cb628d7e688c15de5959758e8837489",class:"footer-copyright"},t("slot",{key:"b62fe042ac7b098747bb21605fed2fa6883dbb23",name:"copyright"})))))}get host(){return a(this)}static get watchers(){return{label:["validateLabel"]}}};p.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";export{p as post_footer}