npm - @swisspost/design-system-components - Versions diffs - 10.0.0-next.67 → 10.0.0-next.69 - Mend

@swisspost/design-system-components 10.0.0-next.67 → 10.0.0-next.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (490) hide show

package/dist/components/long-press-event.js CHANGED Viewed

@@ -5,4 +5,4 @@
  * @author John Doherty <www.johndoherty.info>
  * @license MIT
  */
-!function(e,n){var t=null,o="PointerEvent"in e||e.navigator&&"msPointerEnabled"in e.navigator,i="ontouchstart"in e||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,u=o?"pointerdown":i?"touchstart":"mousedown",r=o?"pointerup":i?"touchend":"mouseup",a=o?"pointermove":i?"touchmove":"mousemove",c=o?"pointerleave":i?"touchleave":"mouseleave",l=0,f=0;function s(e){var t;m(),e=void 0!==(t=e).changedTouches?t.changedTouches[0]:t,this.dispatchEvent(new CustomEvent("long-press",{bubbles:!0,cancelable:!0,detail:{clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY},clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}))||n.addEventListener("click",(function e(t){n.removeEventListener("click",e,!0),function(e){e.stopImmediatePropagation(),e.preventDefault(),e.stopPropagation()}(t)}),!0)}function v(o){m();var i=o.target,u=parseInt(function(e){for(;e&&e!==n.documentElement;){var t=e.getAttribute("data-long-press-delay");if(t)return t;e=e.parentNode}return"1500"}(i),10);t=function(n,t){if(!(e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame&&e.mozCancelRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame))return e.setTimeout(n,t);var o=(new Date).getTime(),i={},u=function(){(new Date).getTime()-o>=t?n.call():i.value=requestAnimFrame(u)};return i.value=requestAnimFrame(u),i}(s.bind(i,o),u)}function m(){var n;(n=t)&&(e.cancelAnimationFrame?e.cancelAnimationFrame(n.value):e.webkitCancelAnimationFrame?e.webkitCancelAnimationFrame(n.value):e.webkitCancelRequestAnimationFrame?e.webkitCancelRequestAnimationFrame(n.value):e.mozCancelRequestAnimationFrame?e.mozCancelRequestAnimationFrame(n.value):e.oCancelRequestAnimationFrame?e.oCancelRequestAnimationFrame(n.value):e.msCancelRequestAnimationFrame?e.msCancelRequestAnimationFrame(n.value):clearTimeout(n)),t=null}"function"!=typeof e.CustomEvent&&(e.CustomEvent=function(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=n.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o},e.CustomEvent.prototype=e.Event.prototype),e.requestAnimFrame=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(n){e.setTimeout(n,1e3/60)},n.addEventListener(r,m,!0),n.addEventListener(c,m,!0),n.addEventListener(a,(function(e){var n=Math.abs(l-e.clientX),t=Math.abs(f-e.clientY);(n>=10||t>=10)&&m()}),!0),n.addEventListener("wheel",m,!0),n.addEventListener("scroll",m,!0),n.addEventListener("contextmenu",m,!0),n.addEventListener(u,(function(e){l=e.clientX,f=e.clientY,v(e)}),!0)}(window,document);
+!function(e,n){var t=null,o="PointerEvent"in e||e.navigator&&"msPointerEnabled"in e.navigator,i="ontouchstart"in e||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,u=o?"pointerdown":i?"touchstart":"mousedown",r=o?"pointerup":i?"touchend":"mouseup",a=o?"pointermove":i?"touchmove":"mousemove",c=o?"pointerleave":i?"touchleave":"mouseleave",l=0,f=0;function s(e){var t;m(),e=void 0!==(t=e).changedTouches?t.changedTouches[0]:t,this.dispatchEvent(new CustomEvent("long-press",{bubbles:!0,cancelable:!0,detail:{clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY},clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}))||n.addEventListener("click",(function e(t){n.removeEventListener("click",e,!0),function(e){e.stopImmediatePropagation(),e.preventDefault(),e.stopPropagation()}(t)}),!0)}function v(o){m();var i=o.target,u=parseInt(function(e){for(;e&&e!==n.documentElement;){var t=e.getAttribute("data-long-press-delay");if(t)return t;e=e.parentNode}return"1500"}(i),10);t=function(n,t){if(!(e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame&&e.mozCancelRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame))return e.setTimeout(n,t);var o=(new Date).getTime(),i={},u=function(){(new Date).getTime()-o>=t?n.call():i.value=requestAnimFrame(u)};return i.value=requestAnimFrame(u),i}(s.bind(i,o),u)}function m(){var n;(n=t)&&(e.cancelAnimationFrame?e.cancelAnimationFrame(n.value):e.webkitCancelAnimationFrame?e.webkitCancelAnimationFrame(n.value):e.webkitCancelRequestAnimationFrame?e.webkitCancelRequestAnimationFrame(n.value):e.mozCancelRequestAnimationFrame?e.mozCancelRequestAnimationFrame(n.value):e.oCancelRequestAnimationFrame?e.oCancelRequestAnimationFrame(n.value):e.msCancelRequestAnimationFrame?e.msCancelRequestAnimationFrame(n.value):clearTimeout(n)),t=null}"function"!=typeof e.CustomEvent&&(e.CustomEvent=function(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=n.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o},e.CustomEvent.prototype=e.Event.prototype),e.requestAnimFrame=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(n){e.setTimeout(n,1e3/60)},n.addEventListener(r,m,!0),n.addEventListener(c,m,!0),n.addEventListener(a,(function(e){var n=Math.abs(l-e.clientX),t=Math.abs(f-e.clientY);(n>=10||t>=10)&&m()}),!0),n.addEventListener("wheel",m,!0),n.addEventListener("scroll",m,!0),n.addEventListener("contextmenu",(function(e){i?e.preventDefault():m()}),!0),n.addEventListener(u,(function(e){l=e.clientX,f=e.clientY,v(e)}),!0)}(window,document);

package/dist/components/package.js CHANGED Viewed

	@@ -1 +1 @@
1	- const t="10.0.0-next.67";export{t as v}
1	+ const t="10.0.0-next.69";export{t as v}

package/dist/components/post-accordion-item2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as s}from"./heading-levels.js";import{d as r}from"./~~breakpoints~~.js";import{E as n}from"./event-from.js";import{n as d}from"./index.browser.js";import{d as l}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as b}from"./post-icon2.js";const h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",s)}componentWillLoad(){this.id=this.host.id\|\|`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"cd8271355068aecc392d4bcf588274376fed789f",id:this.id,"data-version":a},t("post-collapsible-trigger",{key:"598a9f0df7f536ffba45c2c634b87840785e244f",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"d04482b9310440102fb6ed454bec2247648b57f2",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"3982fe310732d13ac32e09791278f0748eb99477",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"e2e44601a4a73cac5b665b65f6f93e4836ce4729",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"e716b961b7222d1ef9eeaf19217c72aad5b261be",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"d0c59213d1cbd8d1080bdcbf7fce875a0c02d8bc",name:"header"}),t("post-icon",{key:"a9d06bcfccf25de71a450ffc23081a22ba11d5c7",name:"chevronup"})))),t("post-collapsible",{key:"3fb6fd19baedbbfb6327bb568a203c4c1ecb1bdc",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"5f50dc6a48dbc4a74780ff7bd54132f7ddaeeabb",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"f548651ab3ff5133117cd612964f1426086b5349"}))))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return':host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-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;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)-1) 0 calc(var(--post-device-border-width-default)-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)-1) 0 calc(var(--post-device-border-width-default)-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1540],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:[{validateHeadingLevel:0}]}]);function g(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(c(o))\|\|customElements.define(c(o),h);break;case"post-collapsible":customElements.get(c(o))\|\|l();break;case"post-collapsible-trigger":customElements.get(c(o))\|\|p();break;case"post-icon":customElements.get(c(o))\|\|b()}}))}!function(o,e,t,i){var c,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(c=o[r])&&(s=(a<3?c(s):a>3?c(e,t,s):c(e,t))\|\|s);a>3&&s&&Object.defineProperty(e,t,s)}([n("post-accordion-item")],h.prototype,"onCollapseToggle",null);export{h as P,g as d}
1	+ import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as s}from"./heading-levels.js";import{d as r}from"./index2.js";import"./index3.js";import{E as n}from"./event-from.js";import{n as d}from"./index.browser.js";import{d as l}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as b}from"./post-icon2.js";const h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",s)}componentWillLoad(){this.id=this.host.id\|\|`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"cd8271355068aecc392d4bcf588274376fed789f",id:this.id,"data-version":a},t("post-collapsible-trigger",{key:"598a9f0df7f536ffba45c2c634b87840785e244f",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"d04482b9310440102fb6ed454bec2247648b57f2",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"3982fe310732d13ac32e09791278f0748eb99477",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"e2e44601a4a73cac5b665b65f6f93e4836ce4729",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"e716b961b7222d1ef9eeaf19217c72aad5b261be",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"d0c59213d1cbd8d1080bdcbf7fce875a0c02d8bc",name:"header"}),t("post-icon",{key:"a9d06bcfccf25de71a450ffc23081a22ba11d5c7",name:"chevronup"})))),t("post-collapsible",{key:"3fb6fd19baedbbfb6327bb568a203c4c1ecb1bdc",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"5f50dc6a48dbc4a74780ff7bd54132f7ddaeeabb",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"f548651ab3ff5133117cd612964f1426086b5349"}))))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return':host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-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;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)-1) 0 calc(var(--post-device-border-width-default)-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)-1) 0 calc(var(--post-device-border-width-default)-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1540],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:[{validateHeadingLevel:0}]}]);function g(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(c(o))\|\|customElements.define(c(o),h);break;case"post-collapsible":customElements.get(c(o))\|\|l();break;case"post-collapsible-trigger":customElements.get(c(o))\|\|p();break;case"post-icon":customElements.get(c(o))\|\|b()}}))}!function(o,e,t,i){var c,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(c=o[r])&&(s=(a<3?c(s):a>3?c(e,t,s):c(e,t))\|\|s);a>3&&s&&Object.defineProperty(e,t,s)}([n("post-accordion-item")],h.prototype,"onCollapseToggle",null);export{h as P,g as d}

package/dist/components/post-accordion2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as l}from"./heading-levels.js";import{b as r}from"./~~breakpoints~~.js";import{E as c}from"./event-from.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){r(this,"headingLevel",l),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(e){const t=e.target,o=this.expandedItems.has(t);o?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple\|\|o\|\|Array.from(this.expandedItems.values()).filter((e=>e!==t)).forEach((e=>{e.toggle(!1)}))}async toggle(e){const t=this.accordionItems.find((t=>t.id===e));if(!t)throw new Error(`No post-accordion-item found with id #${e}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((e=>e.toggle(!0)))):0===this.expandedItems.size&&await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((e=>e.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((e=>!e.collapsed\|\|this.expandedItems.has(e))).forEach(((e,t)=>{this.multiple\|\|0===t?this.expandedItems.add(e):e.setAttribute("collapsed","")}))}render(){return o(s,{key:"fa37ee5b4611a84d273229955bcf624e53120022","data-version":a},o("div",{key:"0884dc3582eb768c6dd4959168d7e9a9b4195c3c",class:"accordion"},o("slot",{key:"f6d81d89aca513094ac5c1d531ed9d63f7b93730",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return":host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}"}},[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[516],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{validateHeadingLevel:0}]}]);function d(){"undefined"!=typeof customElements&&["post-accordion"].forEach((e=>{"post-accordion"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),n))}))}!function(e,t,o,s){var i,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))\|\|l);a>3&&l&&Object.defineProperty(t,o,l)}([c("post-accordion-item")],n.prototype,"collapseToggleHandler",null);export{n as P,d}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as l}from"./heading-levels.js";import{b as r}from"./index2.js";import"./index3.js";import{E as c}from"./event-from.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){r(this,"headingLevel",l),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(e){const t=e.target,o=this.expandedItems.has(t);o?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple\|\|o\|\|Array.from(this.expandedItems.values()).filter((e=>e!==t)).forEach((e=>{e.toggle(!1)}))}async toggle(e){const t=this.accordionItems.find((t=>t.id===e));if(!t)throw new Error(`No post-accordion-item found with id #${e}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((e=>e.toggle(!0)))):0===this.expandedItems.size&&await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((e=>e.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((e=>!e.collapsed\|\|this.expandedItems.has(e))).forEach(((e,t)=>{this.multiple\|\|0===t?this.expandedItems.add(e):e.setAttribute("collapsed","")}))}render(){return o(s,{key:"fa37ee5b4611a84d273229955bcf624e53120022","data-version":a},o("div",{key:"0884dc3582eb768c6dd4959168d7e9a9b4195c3c",class:"accordion"},o("slot",{key:"f6d81d89aca513094ac5c1d531ed9d63f7b93730",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return":host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}"}},[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[516],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{validateHeadingLevel:0}]}]);function d(){"undefined"!=typeof customElements&&["post-accordion"].forEach((e=>{"post-accordion"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),n))}))}!function(e,t,o,s){var i,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))\|\|l);a>3&&l&&Object.defineProperty(t,o,l)}([c("post-accordion-item")],n.prototype,"collapseToggleHandler",null);export{n as P,d}

package/dist/components/post-autocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as h}from"@stencil/core/internal/client";import{v as n}from"./package.js";import"./~~breakpoints~~.js";import{d as a}from"./debounce.js";import{d as c}from"./post-icon2.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=e(this,"postFilteringEvent",7),this.debouncedHandleInput=a((t=>this.handleInput(t)),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),e=s.length>=this.filterThreshold?s:"",{defaultPrevented:i}=this.postFilteringEvent.emit(e&&e.length>=this.filterThreshold?e:"");i\|\|(this.listBoxElement.filter(e),e?this.showListBox():this.inputValue="")},this.handleKeyDown=t=>{const{key:s,altKey:e}=t;switch(s){case"ArrowDown":t.preventDefault(),this.showListBox(),e\|\|this.listBoxElement.navigate("down");break;case"ArrowUp":t.preventDefault(),this.listBoxElement.navigate("up");break;case"Enter":if(this.listBoxElement.hidden)return;t.preventDefault(),this.listBoxElement.selectActive(),this.hideListBox();break;case"Escape":this.hideListBox();break;case"Tab":this.listBoxElement.selectActive(),this.hideListBox();break;case"Home":t.preventDefault(),this.listBoxElement.navigate("first");break;case"End":t.preventDefault(),this.listBoxElement.navigate("last")}},this.handleOptionSelected=t=>{const s=t.detail;this.inputElement.value=s,this.inputValue=s,this.hideListBox()},this.handleOptionActive=t=>{const s=t.detail;s?this.inputElement.setAttribute("aria-activedescendant",s):this.inputElement.removeAttribute("aria-activedescendant")},this.hideListBox=()=>{this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=()=>{this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open","")},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){this.inputElement&&(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",this.listBoxElement&&(this.listBoxElement.id\|\|(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false"),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()))}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox))}detachInputListeners(){this.inputElement&&(this.inputElement.removeEventListener("input",this.debouncedHandleInput),this.inputElement.removeEventListener("keydown",this.handleKeyDown),this.inputElement.removeEventListener("blur",this.handleOnBlur),this.inputElement.removeEventListener("click",this.showListBox))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}render(){return i(o,{key:"~~b6cae37c0a09a8ec76a2fdd56e0bb8c2c2f119fb~~","data-version":n},i("slot",{key:"~~2c5007aae99b96b9884bc3159add8beecad6fcc2~~"}),this.clearable&&this.inputValue&&i("button",{key:"~~a47ebadbbbdac11f00e9547d0a4c8224d24f31ca~~",type:"button",class:" autocomplete-clear",onClick:this.clearInput},i("post-icon",{key:"~~2125443326e1656696815a93bda36136b48f2394~~","aria-hidden":"true",name:"closex"})),i("post-icon",{key:"~~109bba03d5d6567e166141a800c2f13198a16481~~","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}))}get host(){return this}static get style(){return":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],inputValue:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(h(t))\|\|customElements.define(h(t),r);break;case"post-icon":customElements.get(h(t))\|\|c()}}))};export{p as PostAutocomplete,l as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{c as h}from"./index2.js";import"./index3.js";import{d as c}from"./debounce.js";import{d as r}from"./post-icon2.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=i(this,"postFilteringEvent",7),this.debouncedHandleInput=c((t=>{this.handleInput(t)}),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=async t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),i=s.length>=this.filterThreshold?s:"",{defaultPrevented:e}=this.postFilteringEvent.emit(i&&i.length>=this.filterThreshold?i:"");e\|\|(await this.listBoxElement.filter(i),i?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},this.handleKeyDown=t=>{const{key:s,altKey:i}=t;switch(s){case"ArrowDown":t.preventDefault(),this.showListBox(),i\|\|this.listBoxElement.navigate("down");break;case"ArrowUp":t.preventDefault(),this.listBoxElement.navigate("up");break;case"Enter":if(this.listBoxElement.hidden)return;t.preventDefault(),this.listBoxElement.selectActive(),this.hideListBox();break;case"Escape":this.hideListBox();break;case"Tab":this.listBoxElement.selectActive(),this.hideListBox();break;case"Home":t.preventDefault(),this.listBoxElement.navigate("first");break;case"End":t.preventDefault(),this.listBoxElement.navigate("last")}},this.handleOptionSelected=t=>{const s=t.detail;this.inputElement.value=s,this.inputValue=s,this.hideListBox()},this.handleOptionActive=t=>{const s=t.detail;s?this.inputElement.setAttribute("aria-activedescendant",s):this.inputElement.removeAttribute("aria-activedescendant")},this.hideListBox=()=>{this.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}validateTextAvailableSuggestions(){h(this,"textAvailableSuggestions","string")}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){this.validateTextAvailableSuggestions(),this.inputElement&&(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",this.listBoxElement&&(this.listBoxElement.id\|\|(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false"),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()))}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox))}detachInputListeners(){this.inputElement&&(this.inputElement.removeEventListener("input",this.debouncedHandleInput),this.inputElement.removeEventListener("keydown",this.handleKeyDown),this.inputElement.removeEventListener("blur",this.handleOnBlur),this.inputElement.removeEventListener("click",this.showListBox))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement\|\|!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",t+"")}render(){return e(o,{key:"f384c1ed106ad5764078f166bfc692a0f1360956","data-version":a},e("slot",{key:"f7b2859a994888a93c19274d26b473aeae35d1b6"}),this.clearable&&this.inputValue&&e("button",{key:"d87eb95ec872bc4d1ec29cd04f88334541863cf1",type:"button",class:"autocomplete-clear",onClick:this.clearInput},e("post-icon",{key:"48b4dc91762b8c15af9fc1aeb953e97e6cc81af0","aria-hidden":"true",name:"closex"})),e("post-icon",{key:"0a0330204698338da6ddd48b5cacfb51f80c1497","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),e("output",{key:"5e98430b55f4cf2f915061540e6e002749dd2501",class:"visually-hidden",ref:t=>this.outputElement=t}))}get host(){return this}static get watchers(){return{textAvailableSuggestions:[{validateTextAvailableSuggestions:0}]}}static get style(){return":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]},void 0,{textAvailableSuggestions:[{validateTextAvailableSuggestions:0}]}]),p=l,d=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(n(t))\|\|customElements.define(n(t),l);break;case"post-icon":customElements.get(n(t))\|\|r()}}))};export{p as PostAutocomplete,d as defineCustomElement}

package/dist/components/post-avatar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as o,h as n,i as c}from"./~~breakpoints~~.js";const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h\|\|(h={}));const l=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){o(this,"firstname","string")}validateLastname(){n(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){n(this,"description","string")}validateUserId(){n(this,"userid","string")}validateEmail(){this.email&&c(this,"email",d)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t\|\|(this.avatarType=h.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(t.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})\|\|[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter(Boolean).map((t=>t.trim())),i=t.map((t=>t.charAt(0))).join("").trim(),s=t.join(" ");return e(a,{key:"~~56547a49f35e2d9ebafa54c2736b2ab60761c07b~~","data-version":r},e("span",{key:"~~864c5ab36c64bb440580ed307ce2f3dcefe2839d~~",class:"slotted"===this.avatarType?"":"d-none"},e("slot",{key:"~~cb06a958dc710675a97d197bffcee6ab742ad391~~",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&e("img",{key:"~~abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5~~",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&e("span",{key:"~~8bead70c99c12f3bbaab414e9431c3459553d36e~~",class:"initials"},i,e("span",{key:"~~45db185da4d9d82b1f08650f4dc40cd759e18c00~~"},this.description??s)))}get host(){return this}static get watchers(){return{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}}static get style(){return':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit},::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}]);l.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";const m=l,p=function(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),l))}))};export{m as PostAvatar,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as o,g as n,h as c}from"./index2.js";import"./index3.js";const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h\|\|(h={}));const l=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){o(this,"firstname","string")}validateLastname(){n(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){n(this,"description","string")}validateUserId(){n(this,"userid","string")}validateEmail(){this.email&&c(this,"email",d)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t\|\|(this.avatarType=h.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(t.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})\|\|[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter(Boolean).map((t=>t.trim())),i=t.map((t=>t.charAt(0))).join("").trim(),s=t.join(" ");return e(a,{key:"27b541f1ac7546a3c56799c1cbf8f4347b2a0942","data-version":r},e("span",{key:"5652c2cec0f4455e44d73d7de22dfe53cc4baf13",class:"slotted"===this.avatarType?"":"d-none"},e("slot",{key:"ed8c5e541ed9ae1b43036a540327e426ef6caac4",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&e("img",{key:"c11bc3e761a1ea470547a32bfd74b465382fcf95",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&e("span",{key:"16afcb46c524440b0071d8346d7ddcc80bda0cf4",class:"initials"},i,e("span",{key:"99c190d5d829c0a11385dfc0fe66cbd916961813"},this.description??s)))}get host(){return this}static get watchers(){return{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}}static get style(){return':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit},::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}]);l.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";const m=l,p=function(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),l))}))};export{m as PostAvatar,p as defineCustomElement}

package/dist/components/post-back-to-top.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as c}from"./fade-slide.js";import{v as a}from"./package.js";import{c as r}from"./~~breakpoints~~.js";import{d as n}from"./post-icon2.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateTextBackToTop(){r(this,"textBackToTop","string")}watchBelowFold(t){c(this.host,t?"in":"out",{translate:this.translateY,fill:"forwards"})}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=globalThis.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);t&&"auto"!==t&&i&&(this.translateY=-1-Number.parseFloat(t.replace("px",""))-Number.parseFloat(i.replace("px","")),this.belowFold&&c(this.host,"in",{translate:this.translateY,fill:"forwards"}),this.belowFold\|\|(this.host.style.transform=`translateY(${this.translateY})`))}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateTextBackToTop()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"~~61eb934495029c80935798908bec448664008db0~~","data-version":a},e("button",{key:"~~e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7~~",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"~~34d23e7069de235f64743cc791c98034bbf14b5f~~","aria-hidden":"true",name:"arrowup"}),e("span",{key:"~~7479cc95e9e2825455fd8a7e69085ccedc73cb35~~",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}}static get style(){return":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{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;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{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 .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},void 0,{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}]),d=l,p=function(){"undefined"!=typeof customElements&&["post-back-to-top","post-icon"].forEach((t=>{switch(t){case"post-back-to-top":customElements.get(s(t))\|\|customElements.define(s(t),l);break;case"post-icon":customElements.get(s(t))\|\|n()}}))};export{d as PostBackToTop,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as c}from"./fade-slide.js";import{v as a}from"./package.js";import{c as r}from"./index2.js";import"./index3.js";import{d as n}from"./post-icon2.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateTextBackToTop(){r(this,"textBackToTop","string")}watchBelowFold(t){c(this.host,t?"in":"out",{translate:this.translateY,fill:"forwards"})}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=globalThis.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);t&&"auto"!==t&&i&&(this.translateY=-1-Number.parseFloat(t.replace("px",""))-Number.parseFloat(i.replace("px","")),this.belowFold&&c(this.host,"in",{translate:this.translateY,fill:"forwards"}),this.belowFold\|\|(this.host.style.transform=`translateY(${this.translateY})`))}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateTextBackToTop()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"259c07a96b529c9db791b4a8a03e545abade77f1","data-version":a},e("button",{key:"eacc98e29e7070f8486c542fc1be1d994bb14683",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"94c77371e34e96e4359c0857f69e971bb39e284b","aria-hidden":"true",name:"arrowup"}),e("span",{key:"0c8918689fb6c9329233247bcfe6fb5eeb31f03c",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}}static get style(){return":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{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;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{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 .back-to-top: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){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},void 0,{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}]),p=l,h=function(){"undefined"!=typeof customElements&&["post-back-to-top","post-icon"].forEach((t=>{switch(t){case"post-back-to-top":customElements.get(s(t))\|\|customElements.define(s(t),l);break;case"post-icon":customElements.get(s(t))\|\|n()}}))};export{p as PostBackToTop,h as defineCustomElement}

package/dist/components/post-banner.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as e,createEvent as t,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{f as r}from"./fade.js";import{d as n}from"./~~breakpoints~~.js";import{E as d}from"./event-from.js";const l=["success","warning","error","info"];const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.postDismissed=t(this,"postDismissed",7),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.hasActions=!1,this.type="info"}validateType(){n(this,"type",l)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentDidLoad(){this.checkContent(),this.validateType()}disconnectedCallback(){this.mutationObserver.disconnect()}async dismiss(){const o=r(this.host,"out");await o.finished,this.postDismissed.emit(),this.host.remove()}onCloseButtonClick(){this.dismiss()}checkContent(){this.hasActions=this.host.querySelectorAll('[slot="actions"]').length>0}render(){return i(s,{key:"~~aba639e5ce3ebc0498437f4011ff4b39e41489ee~~","data-version":a,role:"alert","data-color-scheme":"light"},i("slot",{key:"~~cd81197f4a8aecbec482bbc174783ad1d00fd5eb~~",name:"close-button"}),i("slot",{key:"~~be9fd011e9d17207e1cb56dea3dcfd4481a4c31c~~",name:"heading"}),i("slot",{key:"~~a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca~~"}),this.hasActions&&i("div",{key:"~~3ce94c84ea3eeda53694809432059b05b53c7cde~~",class:"actions"},i("slot",{key:"~~a33798352de63a23cfa77bbd9be58a8cc5585121~~",name:"actions"})))}get host(){return this}static get watchers(){return{type:[{validateType:0}]}}static get style(){return':host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}'}},[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:[{validateType:0}]}]);!function(o,e,t,i){var s,c=arguments.length,a=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(s=o[r])&&(a=(c<3?s(a):c>3?s(e,~~t,a~~):s(e,t))\|\|a);c>3&&a&&Object.defineProperty(e,~~t,a~~)}([d("post-closebutton",{allowDescendants:!0})],p.prototype,"onCloseButtonClick",null);const g=p,v=function(){"undefined"!=typeof customElements&&["post-banner"].forEach((o=>{"post-banner"===o&&(customElements.get(c(o))\|\|customElements.define(c(o),p))}))};export{g as PostBanner,v as defineCustomElement}
1	+ import{proxyCustomElement as o,HTMLElement as t,createEvent as e,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{f as r}from"./fade.js";import{d as a}from"./index2.js";import"./index3.js";import{E as d}from"./event-from.js";const l=["success","warning","error","info"];const p=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.postDismissed=e(this,"postDismissed",7),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.hasActions=!1,this.type="info"}validateType(){a(this,"type",l)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentDidLoad(){this.checkContent(),this.validateType()}disconnectedCallback(){this.mutationObserver.disconnect()}async dismiss(){const o=r(this.host,"out");await o.finished,this.postDismissed.emit(),this.host.remove()}onCloseButtonClick(){this.dismiss()}checkContent(){this.hasActions=this.host.querySelectorAll('[slot="actions"]').length>0}render(){return i(s,{key:"a57b0caac1e70b9ebcbfc17f446c7f0258aa9083","data-version":n,role:"alert","data-color-scheme":"light"},i("slot",{key:"f34600d0fa1b6dd91eff4655db906befdc74b840",name:"close-button"}),i("slot",{key:"eee0dd61936ebbcf259df5355f52d85534c4cc92",name:"heading"}),i("slot",{key:"f837c996723531ade1d8c150ef73659e90fa407c"}),this.hasActions&&i("div",{key:"cb3fa9ccf57498fb17d4c45afc93d747f7f727e2",class:"actions"},i("slot",{key:"4e59f64aff2b8d681251a8f997220b3f1efcfed5",name:"actions"})))}get host(){return this}static get watchers(){return{type:[{validateType:0}]}}static get style(){return':host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}'}},[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:[{validateType:0}]}]);!function(o,t,e,i){var s,c=arguments.length,n=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(o,t,e,i);else for(var r=o.length-1;r>=0;r--)(s=o[r])&&(n=(c<3?s(n):c>3?s(t,e,n):s(t,e))\|\|n);c>3&&n&&Object.defineProperty(t,e,n)}([d("post-closebutton",{allowDescendants:!0})],p.prototype,"onCloseButtonClick",null);const f=p,g=function(){"undefined"!=typeof customElements&&["post-banner"].forEach((o=>{"post-banner"===o&&(customElements.get(c(o))\|\|customElements.define(c(o),p))}))};export{f as PostBanner,g as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,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"./~~breakpoints~~.js";import{d as a}from"./post-icon2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch{this.validUrl=void 0}}constructUrl(t){const e=/^https?:\/\//.test(String(this.url));if("string"==typeof t)return this.fullUrl=e?t:`${globalThis.location.origin}${t}`,c(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(t){if("Enter"===t.key\|\|" "===t.key){const e=this.host.shadowRoot?.querySelector("a");e&&(t.preventDefault(),e.click())}}render(){~~const t=this.validUrl?"a":"span";~~return i(o,{key:"~~bdcfdbdf47cc64f7a847f1187dd1e0877731bb1d~~","data-version":s},i("post-icon",{key:"~~98b8ac5b2131e7028a81fdc1b627a86086f41466~~",name:"chevronright",class:"breadcrumb-item-icon"}),i(~~t,{key:~~"~~c5ef5c8468d1561665a8701aa8b96142539fab02~~",class:"breadcrumb-item"~~,...this.validUrl?{~~href:this.validUrl~~}:{}~~,onKeyDown:t=>this.handleKeyDown(t)},i("slot",{~~key~~:"~~8e0d4791585d80379f27424bc1547792df124501~~"})))}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:[1],fullUrl:[32]},void 0,{url:[{validateUrl:0}]}]);function d(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-icon"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(r(t))\|\|customElements.define(r(t),n);break;case"post-icon":customElements.get(r(t))\|\|a()}}))}export{n as P,d}
1	+ 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/post-breadcrumbs.js CHANGED Viewed

	@@ -1 +1 @@
1	- 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{e as a,c as n}from"./breakpoints.js";import{d as c}from"./debounce.js";import{d}from"./post-breadcrumb-item2.js";import{d as m}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as p}from"./post-menu-item2.js";import{d as u}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=c((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){a(this,"homeUrl")}validateTextHome(){n(this,"textHome","string")}validateTextBreadcrumbs(){n(this,"textBreadcrumbs","string")}validateTextMoreItems(){n(this,"textMoreItems","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent\|\|"",url:e.getAttribute("url")\|\|""}))),this.lastItem=this.breadcrumbItems.at(-1)}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof t);)e=e.parentNode;return e instanceof t?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),t=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")\|\|[]).reduce(((e,t)=>e+t.getBoundingClientRect().width),0);this.isConcatenated=t>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(o,{key:"40f31406ce27c2cf9092b693000ab3d724135939","data-version":s},i("nav",{key:"f6bdd378f1fefa788cdde2a13fe9e14b383ec016","aria-label":this.textBreadcrumbs,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"c230d44e75bc51e845078d1e7294028a1ae148ea",class:"no-list breadcrumbs-list"},i("li",{key:"009f42442efe00c28c3015d8f2f5006e98d8b652"},i("a",{key:"8b4768987f9d8210f0a55bf7129c6efd9b03c7cd",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"9619bf219e357bb9c6c4541ab62f9983745abfdd",class:"visually-hidden"},this.textHome),i("post-icon",{key:"1e17cae0680a164c9e3c5884faf85f83ee414529",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key\|\|(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.textMoreItems},e.map((e=>i("post-menu-item",{key:e.url\|\|e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key\|\|" "===e.key){const t=e.currentTarget.querySelector("a");t?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url\|\|e.text},e.text)))),this.lastItem&&i("li",{key:"34acb6f31f5e4cbbf8af56423e0826af15e835a5","aria-current":"page"},i("post-breadcrumb-item",{key:"2d3223a06456c3751924cee8a418d99ca42b396c",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"7aa99a887779935ff829520376abe587302c5525",class:"hidden-items"},i("a",{key:"6223e41d9ae7768dd73756ca5217a633057deda5",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"9dd0f99c66710b43a9702a8fd04b464286e9d77a",class:"visually-hidden"},this.textHome),i("post-icon",{key:"6ae5ebd04f924d1e5b2fed83d787fedf0aa6afd1",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:"hidden-"+(e.url\|\|e.text),class:"hidden-breadcrumb-item"},e.text))))))}get host(){return this}static get watchers(){return{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}}static get style(){return":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{position:absolute;height:0;overflow:hidden;white-space:nowrap;display:flex;flex-wrap:wrap}.hidden-items .hidden-breadcrumb-item{display:inline-flex;padding-inline-end:var(--post-device-spacing-gap-inline-4)}.hidden-items .hidden-breadcrumb-item:last-child{padding-inline-end:0;font-weight:var(--post-device-font-weight-bold)}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{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}post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span: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 a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),v=b,f=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-breadcrumb-item","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-breadcrumbs":customElements.get(r(e))\|\|customElements.define(r(e),b);break;case"post-breadcrumb-item":customElements.get(r(e))\|\|d();break;case"post-icon":customElements.get(r(e))\|\|m();break;case"post-menu":customElements.get(r(e))\|\|l();break;case"post-menu-item":customElements.get(r(e))\|\|p();break;case"post-menu-trigger":customElements.get(r(e))\|\|u();break;case"post-popovercontainer":customElements.get(r(e))\|\|h()}}))};export{v as PostBreadcrumbs,f as defineCustomElement}
1	+ 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{e as a,c as n}from"./index2.js";import"./index3.js";import{d as c}from"./debounce.js";import{d}from"./post-breadcrumb-item2.js";import{d as l}from"./post-icon2.js";import{d as m}from"./post-menu2.js";import{d as p}from"./post-menu-item2.js";import{d as u}from"./post-menu-trigger2.js";import{d as b}from"./post-popovercontainer2.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=c((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){a(this,"homeUrl")}validateTextHome(){n(this,"textHome","string")}validateTextBreadcrumbs(){n(this,"textBreadcrumbs","string")}validateTextMoreItems(){n(this,"textMoreItems","string")}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef(),requestAnimationFrame((()=>{this.updateBreadcrumbItems()}))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent\|\|"",url:e.getAttribute("url")??void 0,description:e.getAttribute("description")??void 0,label:e.getAttribute("label")??void 0}))),this.lastItem=this.breadcrumbItems.at(-1)}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof t);)e=e.parentNode;return e instanceof t?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),t=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")\|\|[]).reduce(((e,t)=>e+t.getBoundingClientRect().width),0);this.isConcatenated=t>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(o,{key:"4c0030c6896fa3bbbb26a26668a3b2cf96a110a9","data-version":s},i("nav",{key:"80834fa5581243a5cd081626ba743a29a2498502","aria-label":this.textBreadcrumbs,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"925aff0f9f19ef04e339ead446f5e4d4449b73ec",class:"no-list breadcrumbs-list"},i("li",{key:"6dd10b7af11f6a63c27dc018dc49cdc8e85f7dcd"},i("a",{key:"3c6db30d34a5f4d176b6127bc0ccb8fe733846af",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"9a78ed7042859125d32374885c0ce7426e2ff114",class:"visually-hidden"},this.textHome),i("post-icon",{key:"096eaf22ab0f381de0b4a93a65972718101b2d4e",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key\|\|(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.textMoreItems},e.map((e=>i("post-menu-item",{key:e.url\|\|e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key\|\|" "===e.key){const t=e.currentTarget.querySelector("a");t?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url,"aria-label":e.label,"aria-description":e.description},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,label:e.label,description:e.description,key:e.url\|\|e.text},e.text)))),this.lastItem&&i("li",{key:"57d4678e05401a248e31559eef7562a1608c0d58","aria-current":"page"},i("post-breadcrumb-item",{key:"b1be2e79473288d0755a65a0819eb2a2301a89f2",url:this.lastItem.url,label:this.lastItem.label,description:this.lastItem.description,tabindex:-1},this.lastItem.text))),i("div",{key:"9eaa408234c3497176bfc116ab02f8280ff1cce7",class:"hidden-items"},i("a",{key:"c19fab9c610fe33b0fb980e24fe6395ee4bed8c6",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"9d42d66632535330307f87fdad5ba6e983b4448a",class:"visually-hidden"},this.textHome),i("post-icon",{key:"b7cc4122d01930d5736f6eb929a46bcd32c547e4",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:"hidden-"+(e.url\|\|e.text),label:e.label,description:e.description,class:"hidden-breadcrumb-item"},e.text))))))}get host(){return this}static get watchers(){return{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}}static get style(){return":host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{position:absolute;height:0;overflow:hidden;white-space:nowrap;display:flex;flex-wrap:wrap}.hidden-items .hidden-breadcrumb-item{display:inline-flex;padding-inline-end:var(--post-device-spacing-gap-inline-4)}.hidden-items .hidden-breadcrumb-item:last-child{padding-inline-end:0;font-weight:var(--post-device-font-weight-bold)}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{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}li a: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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a: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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{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}post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span: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 a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),v=h,g=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-breadcrumb-item","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-breadcrumbs":customElements.get(r(e))\|\|customElements.define(r(e),h);break;case"post-breadcrumb-item":customElements.get(r(e))\|\|d();break;case"post-icon":customElements.get(r(e))\|\|l();break;case"post-menu":customElements.get(r(e))\|\|m();break;case"post-menu-item":customElements.get(r(e))\|\|p();break;case"post-menu-trigger":customElements.get(r(e))\|\|u();break;case"post-popovercontainer":customElements.get(r(e))\|\|b()}}))};export{v as PostBreadcrumbs,g as defineCustomElement}

package/dist/components/post-closebutton2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c,b as a}from"./breakpoints.js";import{d as s}from"./post-icon2.js";const d=["button","submit","reset"],b=["manual","auto"],l=["default","small"],v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.buttonType="button",this.placement="auto",this.size="default"}validateButtonType(){c(this,"buttonType",d)}validatePlacement(){a(this,"placement",b)}validateSize(){a(this,"size",l)}componentDidLoad(){this.checkContent()}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){this.validateButtonType(),this.validatePlacement(),this.validateSize(),this.host.querySelector(".visually-hidden").textContent\|\|console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"e2adc6a13c30c9b03947a56bbd94dc86b96f31d2","data-version":n},o("button",{key:"03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"b284a23e0eeb00c44c878672b4d8ed5e0ee058c6","aria-hidden":"true",name:"closex"}),o("span",{key:"5aa5cbada2bac5532cc6f4e54e01ff11465e99c2",class:"visually-hidden"},o("slot",{key:"e8dd45b5c422504f6e7115f6fe3e498c14ed201d"}))))}get host(){return this}static get watchers(){return{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}"}},[260,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]},void 0,{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}]);function h(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))\|\|customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))\|\|s()}}))}export{v as P,h as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c,b as a}from"./index2.js";import"./index3.js";import{d as s}from"./post-icon2.js";const d=["button","submit","reset"],b=["manual","auto"],l=["default","small"],v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.buttonType="button",this.placement="auto",this.size="default"}validateButtonType(){c(this,"buttonType",d)}validatePlacement(){a(this,"placement",b)}validateSize(){a(this,"size",l)}componentDidLoad(){this.checkContent()}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){this.validateButtonType(),this.validatePlacement(),this.validateSize(),this.host.querySelector(".visually-hidden").textContent\|\|console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"33c801f2e342363d6361f19e65793a4164d45f81","data-version":n},o("button",{key:"2fa8ae3a3e57cc971a99648d66612e13bc526e92",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"5ac2821cdd342115e73b13f692bd7180edab82a8","aria-hidden":"true",name:"closex"}),o("span",{key:"5eb97879647ef8c866bfdf6cd0819477a13907bc",class:"visually-hidden"},o("slot",{key:"80eac1979c78526078d57a8398e04824420b7983"}))))}get host(){return this}static get watchers(){return{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}"}},[260,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]},void 0,{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}]);function h(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))\|\|customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))\|\|s()}}))}export{v as P,h as d}

package/dist/components/post-collapsible-trigger2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as o}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as a}from"./~~breakpoints~~.js";import{E as l}from"./event-from.js";import{g as n}from"./get-root.js";const c=t(class extends s{validateAriaAttributes(){a(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger\|\|console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root?.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)\|\|this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.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.updateAriaAttributes())}render(){return e(i,{key:"~~73b39b4e52d0b57fbab787208926910e8cb6d9d3~~","data-version":r},e("slot",{key:"~~88642cdd88a2b4fd6d02e55023675f85d0bf6020~~"}))}get host(){return this}static get watchers(){return{for:[{validateAriaAttributes:0}]}}},[257,"post-collapsible-trigger",{for:[513],update:[64]},void 0,{for:[{validateAriaAttributes:0}]}]);function h(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),c))}))}!function(t,s,e,i){var o,r=arguments.length,a=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,i);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(r<3?o(a):r>3?o(s,e,a):o(s,e))\|\|a);r>3&&a&&Object.defineProperty(s,e,a)}([l("post-collapsible")],c.prototype,"handlePostToggle",null);export{c as P,h as d}
1	+ import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{c as r}from"./index2.js";import"./index3.js";import{E as l}from"./event-from.js";import{g as n}from"./get-root.js";const c=t(class extends s{validateAriaAttributes(){r(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger\|\|console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root?.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)\|\|this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.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.updateAriaAttributes())}render(){return i(e,{key:"a4d1613dc3cbcfa627f920275eb3508939b63609","data-version":a},i("slot",{key:"baa22c46a7a982afcd09253daa95f68f1709d509"}))}get host(){return this}static get watchers(){return{for:[{validateAriaAttributes:0}]}}},[257,"post-collapsible-trigger",{for:[513],update:[64]},void 0,{for:[{validateAriaAttributes:0}]}]);function h(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),c))}))}!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))\|\|r);a>3&&r&&Object.defineProperty(s,i,r)}([l("post-collapsible")],c.prototype,"handlePostToggle",null);export{c as P,h as d}

package/dist/components/post-collapsible2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{Build as t,proxyCustomElement as e,HTMLElement as s,createEvent as i,h as o,Host as l,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{h as n}from"./~~breakpoints~~.js";const h={height:"0",overflow:"hidden"},c={duration:!t.~~isBrowser~~\|\|globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},p=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=i(this,"postToggle",7),this.collapsed=!1}collapsedChange(){n(this,"collapsed","boolean")}get isExpanded(){return!this.collapsed}componentDidLoad(){this.collapsedChange(),this.updateTriggers()}async toggle(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const s=this.isExpanded;if(t.isBrowser){const e=s?(i=this.host).animate([h,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],c):function(e){const s=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:s},h],c)}(this.host);this.postToggle.emit(s),await e.finished,e.commitStyles(),this.updateTriggers()}var i;return s}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return o(l,{key:"~~56849ad4460bcc4467421845a0daafab39a6e9f1~~","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?h:void 0},o("slot",{key:"~~064efc18544babbeb1244f549790bc961451e9f0~~"}))}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((t=>{"post-collapsible"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),p))}))}export{p as P,d}
1	+ import{Build as e,proxyCustomElement as t,HTMLElement as s,createEvent as i,h as o,Host as l,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import"./index3.js";import{g as n}from"./index2.js";const h={height:"0",overflow:"hidden"},c={duration:!globalThis.matchMedia\|\|globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postToggle=i(this,"postToggle",7),this.collapsed=!1}collapsedChange(){n(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 s=this.isExpanded;if(e.isBrowser){const t=s?(i=this.host).animate([h,{height:`${i.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],c):function(t){const s=e.isBrowser?globalThis.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},h],c)}(this.host);this.postToggle.emit(s),await t.finished,t.commitStyles(),this.updateTriggers()}var i;return s}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((e=>e.update()))}render(){return o(l,{key:"79ec1a3eb11225a93f5e5b6da7334d20d5e4b565","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?h:void 0},o("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 p(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((e=>{"post-collapsible"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),d))}))}export{d as P,p as d}