@swisspost/design-system-components 10.0.0-next.52 → 10.0.0-next.53

package/dist/post-components/{p-47e43863.entry.js → p-6b73114c.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as e,a as r}from"./p-CFNKgUjL.js";import{v as a}from"./p-kxuZ8mOU.js";import{c as i}from"./p-VmK3ABCB.js";import{b as s}from"./p-CJ80BZ06.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":a,"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 r(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}
+import{r as o,h as t,H as e,a as r}from"./p-CFNKgUjL.js";import{v as a}from"./p-DeqIcjvO.js";import{c as i}from"./p-VmK3ABCB.js";import{b as s}from"./p-CJ80BZ06.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":a,"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 r(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}

package/dist/post-components/{p-1096ed89.entry.js → p-6de34182.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,a as s}from"./p-CFNKgUjL.js";import{v as a}from"./p-kxuZ8mOU.js";import{d as i}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";import{P as r}from"./p-DRiVosES.js";const n=class{constructor(o){t(this,o),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){i(this,"placement",r)}componentWillLoad(){this.validatePlacement()}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(t){this.open||this.popoverRef.show(t)}async hide(){this.popoverRef.hide()}async toggle(t,o){this.popoverRef.toggle(t,o)}handleToggle(t){this.open=t.detail.isOpen}render(){return o(e,{key:"0755eeba6f7be3cd0d94138369355df9767ca541","data-version":a},o("post-popovercontainer",{key:"1e1d71a4878e60f9e20b34b5f12588e09a8c7716",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,animation:this.animation,placement:this.placement,onPostToggle:t=>this.handleToggle(t),ref:t=>this.popoverRef=t},o("slot",{key:"25a69d406a91cb0ba8d4c5fadee44d937c84a266"})))}get host(){return s(this)}static get watchers(){return{placement:["validatePlacement"]}}};n.style=':host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer>div{color:var(--post-current-fg);background-color:var(--post-current-bg);padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:280px;min-height:32px;word-wrap:break-word;white-space:normal}';export{n as post_tooltip}
+import{r as t,h as o,H as e,a as s}from"./p-CFNKgUjL.js";import{v as a}from"./p-DeqIcjvO.js";import{d as i}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";import{P as r}from"./p-DRiVosES.js";const n=class{constructor(o){t(this,o),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){i(this,"placement",r)}componentWillLoad(){this.validatePlacement()}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(t){this.open||this.popoverRef.show(t)}async hide(){this.popoverRef.hide()}async toggle(t,o){this.popoverRef.toggle(t,o)}handleToggle(t){this.open=t.detail.isOpen}render(){return o(e,{key:"0755eeba6f7be3cd0d94138369355df9767ca541","data-version":a},o("post-popovercontainer",{key:"1e1d71a4878e60f9e20b34b5f12588e09a8c7716",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,animation:this.animation,placement:this.placement,onPostToggle:t=>this.handleToggle(t),ref:t=>this.popoverRef=t},o("slot",{key:"25a69d406a91cb0ba8d4c5fadee44d937c84a266"})))}get host(){return s(this)}static get watchers(){return{placement:["validatePlacement"]}}};n.style=':host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer>div{color:var(--post-current-fg);background-color:var(--post-current-bg);padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:280px;min-height:32px;word-wrap:break-word;white-space:normal}';export{n as post_tooltip}