npm - @swisspost/internet-header - Versions diffs - 10.1.0 → 10.3.0 - Mend

@swisspost/internet-header 10.1.0 → 10.3.0

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 (297) hide show

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a,P as l}from"./post-popovercontainer2.js";import{g as c}from"./get-focusable-children.js";import{g as h}from"./get-root.js";import{O as d}from"./one-of.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{E as f}from"./event-from.js";var u=function(e,t,s,o){var i,n=arguments.length,r=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(n<3?i(r):n>3?i(t,s,r):i(t,s))\|\|r);return n>3&&r&&Object.defineProperty(t,s,r),r};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}connectedCallback(){this.root=h(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(0===t.length)return;let s=t.findIndex((e=>e===h(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:e.preventDefault(),s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>[...c(e),...e.shadowRoot?c(e.shadowRoot):[]]))}render(){return o(i,{key:"~~3acc3b3079f45acc85305187ee76b70eb942a37f~~","data-version":r},o("post-popovercontainer",{key:"~~016f1e935c9f0b5a5b7c69f2d44899e567f03ef8~~",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"~~e8c184515174c1aaa6d8bfb0eada4aee665aef90~~",part:"post-menu"},o("slot",{key:"~~6301cebdd05b4964656754c162ad5893d7b06f9e~~",name:"header"}),o("slot",{key:"~~76a2f5ee1640268b945dac56b577811c968c891e~~"}))))}get host(){return this}static get style(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}]);function g(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(n(e))\|\|customElements.define(n(e),b);break;case"post-popovercontainer":customElements.get(n(e))\|\|a()}}))}u([d(l)],b.prototype,"placement",void 0),u([p(),m("string")],b.prototype,"label",void 0),u([f("post-popovercontainer")],b.prototype,"handlePostShown",null),u([f("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,g as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a,P as l}from"./post-popovercontainer2.js";import{g as c}from"./get-focusable-children.js";import{g as h}from"./get-root.js";import{O as d}from"./one-of.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{E as f}from"./event-from.js";var u=function(e,t,s,o){var i,n=arguments.length,r=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(n<3?i(r):n>3?i(t,s,r):i(t,s))\|\|r);return n>3&&r&&Object.defineProperty(t,s,r),r};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}connectedCallback(){this.root=h(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(0===t.length)return;let s=t.findIndex((e=>e===h(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:e.preventDefault(),s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>[...c(e),...e.shadowRoot?c(e.shadowRoot):[]]))}render(){return o(i,{key:"31142d851d591bc46a43f36b553b6c7abee90674","data-version":r},o("post-popovercontainer",{key:"6b4b2a04b25904115fe1c337e73e382a4e162259",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"1284650d5796455201d55e1ecad3507518c7c32c",part:"post-menu"},o("slot",{key:"b2dbd125a631c06a591e67c52fd61524bcf037ea",name:"header"}),o("slot",{key:"3b15ec3ad5a25e2e22b6e26e17d9d2d76e9f64fb"}))))}get host(){return this}static get style(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}]);function g(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(n(e))\|\|customElements.define(n(e),b);break;case"post-popovercontainer":customElements.get(n(e))\|\|a()}}))}u([d(l)],b.prototype,"placement",void 0),u([p(),m("string")],b.prototype,"label",void 0),u([f("post-popovercontainer")],b.prototype,"handlePostShown",null),u([f("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,g as d}

package/dist/components/post-number-input.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./index2.js";import{d as a}from"./post-icon2.js";function d(t,e){const i=Number.parseFloat(t[e]);return Number.isNaN(i)?void 0:i}function c(t,e,i){return void 0!==t&&void 0!==e&&i(t,e)}const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isDisabled=!1,this.isIncrementDisabled=!1,this.isDecrementDisabled=!1,this.small=!1,this.setupInput=r(50,(()=>{this.input=this.input??function(t,e){const i=t.querySelectorAll(e);return 1===i.length?i[0]:(console.error(`<${t.localName}> expects exactly one element matching "${e}", but found ${i.length}.`,t),null)}(this.host,'input[type="number"]'),this.input&&(this.isDisabled=this.input.disabled,this.small=this.input.classList.contains("form-control-sm"),this.updateStepButtonState(),this.input.addEventListener("input",(()=>this.updateStepButtonState())),this.mutationObserver=new MutationObserver((()=>this.updateStepButtonState())),this.mutationObserver.observe(this.input,{attributes:!0,attributeFilter:["min","max","disabled"]}))}))}get value(){return d(this.input,"value")}get min(){return d(this.input,"min")}get max(){return d(this.input,"max")}get isAtMin(){return c(this.value,this.min,((t,e)=>t===e))}get isAtMax(){return c(this.value,this.max,((t,e)=>t===e))}get isBelowMin(){return c(this.value,this.min,((t,e)=>t<e))}get isAboveMax(){return c(this.value,this.max,((t,e)=>t>e))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}step(t){const e="up"===t;!function(t,e){const i=function(t,{delayMs:e=300,intervalMs:i=100}={}){let o;t();const s=setTimeout((()=>{o=setInterval(t,i)}),e);return()=>{clearTimeout(s),o&&clearInterval(o)}}(t,e),o=()=>{i(),globalThis.removeEventListener("pointerup",o),globalThis.removeEventListener("pointercancel",o),globalThis.removeEventListener("pointerleave",o)};globalThis.addEventListener("pointerup",o),globalThis.addEventListener("pointercancel",o),globalThis.addEventListener("pointerleave",o)}((()=>{(e?this.isAtMax:this.isAtMin)\|\|((e?this.isBelowMin:this.isAboveMax)?this.input.value=e?this.input.min:this.input.max:(e?this.input.stepUp:this.input.stepDown).call(this.input),this.input.dispatchEvent(new Event("input",{bubbles:!0})),this.updateStepButtonState())}))}updateStepButtonState(){this.input.disabled\|\|this.min&&this.max&&this.min>this.max?this.isIncrementDisabled=this.isDecrementDisabled=!0:(this.isIncrementDisabled=this.isAtMax\|\|this.isAboveMax,this.isDecrementDisabled=this.isAtMin\|\|this.isBelowMin)}render(){const t=!!this.input;return i(o,{key:"a515b63f296ab4d5fcddeebee0fd1edec22093b8","data-version":n,class:{"number-input-sm":this.small,disabled:this.isDisabled}},t&&i("div",{key:"17b65f0454b9843796dc0604a20df539326be003","aria-hidden":"true",onPointerDown:()=>this.step("down"),class:{"step-button":!0,disabled:this.isDecrementDisabled}},i("post-icon",{key:"109251510a76ced4aed7e52ec08bf54241a4a625",name:"minus"})),i("div",{key:"22a6cca78b4054cd04edb824c1b03dcbca087c60",class:"input-container"},i("slot",{key:"1d54a8b78666d6525e017268dc02a543a19f88a9",onSlotchange:()=>this.setupInput()})),t&&i("div",{key:"696ca615ff1a030b64e19b1b43b5eed978b1afe8","aria-hidden":"true",onPointerDown:()=>this.step("up"),class:{"step-button":!0,disabled:this.isIncrementDisabled}},i("post-icon",{key:"d4d34aee8d6b09514a6a7aae7db5459a9aaefe09",name:"plus"})))}get host(){return this}static get style(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)-1);left:calc((var(--post-device-border-width-default) 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) 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)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{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}.step-button: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){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button: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){.step-button: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){.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'}},[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]),l=p,b=function(){"undefined"!=typeof customElements&&["post-number-input","post-icon"].forEach((t=>{switch(t){case"post-number-input":customElements.get(s(t))\|\|customElements.define(s(t),p);break;case"post-icon":customElements.get(s(t))\|\|a()}}))};export{l as PostNumberInput,b as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./index2.js";import{d as a}from"./post-icon2.js";function d(t,e){const i=Number.parseFloat(t[e]);return Number.isNaN(i)?void 0:i}function c(t,e,i){return void 0!==t&&void 0!==e&&i(t,e)}const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isDisabled=!1,this.isIncrementDisabled=!1,this.isDecrementDisabled=!1,this.small=!1,this.setupInput=r(50,(()=>{this.input=this.input??function(t,e){const i=t.querySelectorAll(e);return 1===i.length?i[0]:(console.error(`<${t.localName}> expects exactly one element matching "${e}", but found ${i.length}.`,t),null)}(this.host,'input[type="number"]'),this.input&&(this.isDisabled=this.input.disabled,this.small=this.input.classList.contains("form-control-sm"),this.updateStepButtonState(),this.input.addEventListener("input",(()=>this.updateStepButtonState())),this.mutationObserver=new MutationObserver((()=>this.updateStepButtonState())),this.mutationObserver.observe(this.input,{attributes:!0,attributeFilter:["min","max","disabled"]}))}))}get value(){return d(this.input,"value")}get min(){return d(this.input,"min")}get max(){return d(this.input,"max")}get isAtMin(){return c(this.value,this.min,((t,e)=>t===e))}get isAtMax(){return c(this.value,this.max,((t,e)=>t===e))}get isBelowMin(){return c(this.value,this.min,((t,e)=>t<e))}get isAboveMax(){return c(this.value,this.max,((t,e)=>t>e))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}step(t){const e="up"===t;!function(t,e){const i=function(t,{delayMs:e=300,intervalMs:i=100}={}){let o;t();const s=setTimeout((()=>{o=setInterval(t,i)}),e);return()=>{clearTimeout(s),o&&clearInterval(o)}}(t,e),o=()=>{i(),globalThis.removeEventListener("pointerup",o),globalThis.removeEventListener("pointercancel",o),globalThis.removeEventListener("pointerleave",o)};globalThis.addEventListener("pointerup",o),globalThis.addEventListener("pointercancel",o),globalThis.addEventListener("pointerleave",o)}((()=>{(e?this.isAtMax:this.isAtMin)\|\|((e?this.isBelowMin:this.isAboveMax)?this.input.value=e?this.input.min:this.input.max:(e?this.input.stepUp:this.input.stepDown).call(this.input),this.input.dispatchEvent(new Event("input",{bubbles:!0})),this.updateStepButtonState())}))}updateStepButtonState(){this.input.disabled\|\|this.min&&this.max&&this.min>this.max?this.isIncrementDisabled=this.isDecrementDisabled=!0:(this.isIncrementDisabled=this.isAtMax\|\|this.isAboveMax,this.isDecrementDisabled=this.isAtMin\|\|this.isBelowMin)}render(){const t=!!this.input;return i(o,{key:"59cbe12c66b0eabbff15a3110ee847396df2d261","data-version":n,class:{"number-input-sm":this.small,disabled:this.isDisabled}},t&&i("div",{key:"43fca97c040104786ab528b04f3e0dd576f29025","aria-hidden":"true",onPointerDown:()=>this.step("down"),class:{"step-button":!0,disabled:this.isDecrementDisabled}},i("post-icon",{key:"1b41c236beb802d98f60776827928335d00599c4",name:"minus"})),i("div",{key:"8342d335e0a84f78514edac5052ffea081fb40c7",class:"input-container"},i("slot",{key:"d2f8eae0656faaab31358cd3582c873d4a491e73",onSlotchange:()=>this.setupInput()})),t&&i("div",{key:"0055b317ed6ec64f2451640c436d169bb0b07626","aria-hidden":"true",onPointerDown:()=>this.step("up"),class:{"step-button":!0,disabled:this.isIncrementDisabled}},i("post-icon",{key:"dafe4a65f6d5d6ba4f54229c55506d5cf14fe126",name:"plus"})))}get host(){return this}static get style(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)-1);left:calc((var(--post-device-border-width-default) 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) 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)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{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}.step-button: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){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button: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){.step-button: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){.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'}},[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]),l=p,b=function(){"undefined"!=typeof customElements&&["post-number-input","post-icon"].forEach((t=>{switch(t){case"post-number-input":customElements.get(s(t))\|\|customElements.define(s(t),p);break;case"post-icon":customElements.get(s(t))\|\|a()}}))};export{l as PostNumberInput,b as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as s}from"./post-icon2.js";import{d as c}from"./debounce.js";import{n as l}from"./nanoid.js";import{T as d}from"./type.js";import{R as p}from"./required.js";var h=function(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))\|\|a);return r>3&&a&&Object.defineProperty(e,i,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=i(this,"postChange",7),this.maxVisiblePages=3,this.items=[],this.page=1,this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=c(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id\|\|l(6)),this.updatePagesWithValidation()}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef\|\|!this.hiddenItemsRef\|\|!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.hiddenItemsRef.querySelector(".hidden-page-button"),n=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!o)return;const r=o.getBoundingClientRect().width,a=o&&n?this.calculateGap(o,n):0,s=this.getControlButtonsWidth(a);this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-s+a)/(r+a)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(t){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((e,i)=>{const o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart),n=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+n+t}),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)\|\|0)+(Number.parseFloat(t.paddingRight)\|\|0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize\|\|0===this.pageSize}clampPageToValidRange(t){return 0===t\|\|this.invalidSize\|\|Number.isNaN(t)\|\|!this.page\|\|this.page<1\|\|Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generatePages(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t\|\|t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const e=this.maxVisiblePages,i=this.page;if(t<=e)return void(this.items=this.buildAllPages(t));if(e<=4)return void(this.items=this.generateSmallPagination(i,t));const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);this.items=this.buildPaginationItems(o,n,t)}emitPageChange(t){this.page=t,requestAnimationFrame((()=>this.measureAndCalculateVisiblePages())),this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1\|\|this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t\|\|this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return o("li",{class:"pagination-item pagination-ellipsis",key:t,"aria-hidden":"true"},o("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return o("li",{class:"pagination-item",key:"page-"+t},o("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},o("span",{"aria-hidden":"true"},t)))}renderItem(t,e){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+e):this.renderPageButton(t.page)}renderControlButton(t,e,i,n){return o("li",{class:"pagination-item pagination-control"},o("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+(e?"prev-button":"next-button"),"aria-label":i,onClick:n,onKeyDown:t=>this.handleKeyDown(t,n),tabIndex:0},o("post-icon",{name:t,"aria-hidden":"true"}),o("span",{class:"visually-hidden"},i)))}renderHiddenItems(t,e,i){return[!e&&o("button",{key:"hidden-prev",class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:"chevronleftwide","aria-hidden":"true"})),o("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},o("span",{"aria-hidden":"true"},t)),o("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),!i&&o("button",{key:"hidden-next",class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:"chevronrightwide","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const e=this.page<=1,i=this.page>=t;return o(n,{slot:"post-pagination","data-version":a},o("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},o("ul",{class:"pagination-list",role:"list"},!e&&this.renderControlButton("chevronleftwide",!0,this.textPrevious,(()=>this.handlePrevious())),this.items.map(((t,e)=>this.renderItem(t,e))),!i&&this.renderControlButton("chevronrightwide",!1,this.textNext,(()=>this.handleNext()))),o("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t,e,i))))}get host(){return this}static get watchers(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}}static get style(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);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:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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(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{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-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)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-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)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);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);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:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:var(--post-device-border-radius-focus)}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){border-radius:var(--post-device-border-radius-focus)}}.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)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{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}.pagination-link: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){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link: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){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]);h([d("number")],g.prototype,"page",void 0),h([p(),d("number")],g.prototype,"pageSize",void 0),h([p(),d("number")],g.prototype,"collectionSize",void 0),h([p(),d("string")],g.prototype,"label",void 0),h([p(),d("string")],g.prototype,"textPrevious",void 0),h([p(),d("string")],g.prototype,"textNext",void 0),h([p(),d("string")],g.prototype,"textPage",void 0),h([p(),d("string")],g.prototype,"textFirst",void 0),h([p(),d("string")],g.prototype,"textLast",void 0);const v=g,b=function(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((t=>{switch(t){case"post-pagination":customElements.get(r(t))\|\|customElements.define(r(t),g);break;case"post-icon":customElements.get(r(t))\|\|s()}}))};export{v as PostPagination,b as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as s}from"./post-icon2.js";import{d as c}from"./debounce.js";import{n as l}from"./nanoid.js";import{T as d}from"./type.js";import{R as p}from"./required.js";var h=function(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))\|\|a);return r>3&&a&&Object.defineProperty(e,i,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=i(this,"postChange",7),this.maxVisiblePages=3,this.items=[],this.page=1,this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=c(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id\|\|l(6)),this.updatePagesWithValidation()}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef\|\|!this.hiddenItemsRef\|\|!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.hiddenItemsRef.querySelector(".hidden-page-button"),n=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!o)return;const r=o.getBoundingClientRect().width,a=o&&n?this.calculateGap(o,n):0,s=this.getControlButtonsWidth(a);this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-s+a)/(r+a)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(t){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((e,i)=>{const o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart),n=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+n+t}),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)\|\|0)+(Number.parseFloat(t.paddingRight)\|\|0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize\|\|0===this.pageSize}clampPageToValidRange(t){return 0===t\|\|this.invalidSize\|\|Number.isNaN(t)\|\|!this.page\|\|this.page<1\|\|Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generateItems(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t\|\|t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t,e,i){if(t<=e)return this.buildAllPages(t);if(e<=4)return this.generateSmallPagination(i,t);const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);return this.buildPaginationItems(o,n,t)}generateItems(t){const e=this.page;this.items=[{type:"control",action:"previous",disabled:e<=1},...this.generatePages(t,this.maxVisiblePages,e),{type:"control",action:"next",disabled:e>=t}]}emitPageChange(t){this.page=t,requestAnimationFrame((()=>this.measureAndCalculateVisiblePages())),this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1\|\|this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t\|\|this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}buildControlAttributes(t){switch(t){case"previous":return{key:"prev",icon:"chevronleftwide",label:this.textPrevious,className:"prev-button",onClick:()=>this.handlePrevious()};case"next":return{key:"next",icon:"chevronrightwide",label:this.textNext,className:"next-button",onClick:()=>this.handleNext()}}}renderEllipsis(t){return o("li",{class:"pagination-item pagination-ellipsis",key:"ellipsis-"+t,"aria-hidden":"true"},o("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return o("li",{class:"pagination-item",key:"page-"+t},o("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},o("span",{"aria-hidden":"true"},t)))}renderControlButton(t,e){const i=this.buildControlAttributes(t);return o("li",{class:"pagination-item pagination-control",key:i.key},o("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+i.className,"aria-label":i.label,onClick:i.onClick,onKeyDown:t=>this.handleKeyDown(t,i.onClick),tabIndex:e?-1:0,disabled:e},o("post-icon",{name:i.icon,"aria-hidden":"true"}),o("span",{class:"visually-hidden"},i.label)))}renderItem(t,e){switch(t.type){case"page":return this.renderPageButton(t.page);case"control":return this.renderControlButton(t.action,t.disabled);case"ellipsis":return this.renderEllipsis(e)}}renderHiddenControlButton(t){const e=this.buildControlAttributes(t);return o("button",{key:"hidden-"+e.key,class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},o("post-icon",{name:e.icon,"aria-hidden":"true"}))}renderHiddenItems(t){const e=this.items.at(0),i=this.items.at(-1);return["control"===e?.type&&this.renderHiddenControlButton(e.action),o("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},o("span",{"aria-hidden":"true"},t)),o("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),"control"===i?.type&&this.renderHiddenControlButton(i.action)]}render(){const t=this.getTotalPages();return t<=1?null:o(n,{slot:"post-pagination","data-version":a},o("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},o("ul",{class:"pagination-list",role:"list"},this.items.map(((t,e)=>this.renderItem(t,e)))),o("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t))))}get host(){return this}static get watchers(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}}static get style(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);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:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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(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{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-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)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color: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)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-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)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);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);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:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:var(--post-device-border-radius-focus)}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){border-radius:var(--post-device-border-radius-focus)}}.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)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{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}.pagination-link: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){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link: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){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}]);h([d("number")],g.prototype,"page",void 0),h([p(),d("number")],g.prototype,"pageSize",void 0),h([p(),d("number")],g.prototype,"collectionSize",void 0),h([p(),d("string")],g.prototype,"label",void 0),h([p(),d("string")],g.prototype,"textPrevious",void 0),h([p(),d("string")],g.prototype,"textNext",void 0),h([p(),d("string")],g.prototype,"textPage",void 0),h([p(),d("string")],g.prototype,"textFirst",void 0),h([p(),d("string")],g.prototype,"textLast",void 0);const v=g,b=function(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((t=>{switch(t){case"post-pagination":customElements.get(r(t))\|\|customElements.define(r(t),g);break;case"post-icon":customElements.get(r(t))\|\|s()}}))};export{v as PostPagination,b as defineCustomElement}

package/dist/components/post-popover-trigger.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as s,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{i as n}from"./focusable.js";import{T as h}from"./type.js";const p=t(class extends s{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}hasAriaControlsElements(t){return"ariaControlsElements"in t}get popover(){const t=this.host.querySelector("post-popover")??document.getElementById(this.for);return t?"post-popover"===t?.localName?t:null:(console.error(`No post-popover found ${this.for?"with ID: "+this.for:"inside the <post-popover-trigger>"}.`),null)}setupTrigger(){const t=this.popover;this.trigger=this.host.querySelector("*"),this.trigger?(n(this.trigger)\|\|(this.trigger.setAttribute("tabindex","0"),this.trigger.setAttribute("role","button")),t&&(this.trigger.setAttribute("aria-expanded",""+this.ariaExpanded),this.trigger.setAttribute("aria-haspopup","true"),this.for?this.trigger.setAttribute("aria-controls",this.for):this.hasAriaControlsElements(this.trigger)?this.trigger.ariaControlsElements=[t]:(t.id\|\|(t.id="popover-"+crypto.randomUUID()),this.trigger.setAttribute("aria-controls",t.id)),this.trigger?.addEventListener("click",this.boundHandleToggle),this.trigger?.addEventListener("keydown",this.boundHandleKeyDown))):console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.")}handleToggle(){this.popover?.toggle(this.trigger),this.focusTrigger()}focusTrigger(){!this.popoverOpen&&this.trigger&&this.trigger.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ariaExpanded=!1,this.popoverOpen=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleToggle())},this.boundHandleToggle=this.handleToggle.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandlePostToggle=t=>{this.popoverOpen=t.detail.isOpen,this.focusTrigger()}}componentDidLoad(){this.setupTrigger(),this.popover?.addEventListener("postToggle",this.boundHandlePostToggle)}disconnectedCallback(){this.trigger?.removeEventListener("click",this.boundHandleToggle),this.trigger?.removeEventListener("keydown",this.boundHandleKeyDown),this.popover?.removeEventListener("postToggle",this.boundHandlePostToggle)}render(){return e(o,{key:"~~999ec824514eb6e340fd607ce03d82c76354e102~~","data-version":r},e("slot",{key:"~~3429ab6e44441c2660c14c40436682b5ac49a1b6~~",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}]}]);!function(t,s,e,o){var i,r=arguments.length,n=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,o);else for(var h=t.length-1;h>=0;h--)(i=t[h])&&(n=(r<3?i(n):r>3?i(s,e,n):i(s,e))\|\|n);r>3&&n&&Object.defineProperty(s,e,n)}([h("string")],p.prototype,"for",void 0);const c=p,a=function(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((t=>{"post-popover-trigger"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),p))}))};export{c as PostPopoverTrigger,a as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as s,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{i as n}from"./focusable.js";import{T as h}from"./type.js";const p=t(class extends s{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}hasAriaControlsElements(t){return"ariaControlsElements"in t}get popover(){const t=this.host.querySelector("post-popover")??document.getElementById(this.for);return t?"post-popover"===t?.localName?t:null:(console.error(`No post-popover found ${this.for?"with ID: "+this.for:"inside the <post-popover-trigger>"}.`),null)}setupTrigger(){const t=this.popover;this.trigger=this.host.querySelector("*"),this.trigger?(n(this.trigger)\|\|(this.trigger.setAttribute("tabindex","0"),this.trigger.setAttribute("role","button")),t&&(this.trigger.setAttribute("aria-expanded",""+this.ariaExpanded),this.trigger.setAttribute("aria-haspopup","true"),this.for?this.trigger.setAttribute("aria-controls",this.for):this.hasAriaControlsElements(this.trigger)?this.trigger.ariaControlsElements=[t]:(t.id\|\|(t.id="popover-"+crypto.randomUUID()),this.trigger.setAttribute("aria-controls",t.id)),this.trigger?.addEventListener("click",this.boundHandleToggle),this.trigger?.addEventListener("keydown",this.boundHandleKeyDown))):console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.")}handleToggle(){this.popover?.toggle(this.trigger),this.focusTrigger()}focusTrigger(){!this.popoverOpen&&this.trigger&&this.trigger.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ariaExpanded=!1,this.popoverOpen=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleToggle())},this.boundHandleToggle=this.handleToggle.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandlePostToggle=t=>{this.popoverOpen=t.detail.isOpen,this.focusTrigger()}}componentDidLoad(){this.setupTrigger(),this.popover?.addEventListener("postToggle",this.boundHandlePostToggle)}disconnectedCallback(){this.trigger?.removeEventListener("click",this.boundHandleToggle),this.trigger?.removeEventListener("keydown",this.boundHandleKeyDown),this.popover?.removeEventListener("postToggle",this.boundHandlePostToggle)}render(){return e(o,{key:"009495ba354321f2b0162c4a0c4fcb1e165074e7","data-version":r},e("slot",{key:"f0e5ef7851b4bc9916382b0910d9500db52668d4",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}]}]);!function(t,s,e,o){var i,r=arguments.length,n=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,o);else for(var h=t.length-1;h>=0;h--)(i=t[h])&&(n=(r<3?i(n):r>3?i(s,e,n):i(s,e))\|\|n);r>3&&n&&Object.defineProperty(s,e,n)}([h("string")],p.prototype,"for",void 0);const c=p,a=function(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((t=>{"post-popover-trigger"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),p))}))};export{c as PostPopoverTrigger,a as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a}from"./post-closebutton2.js";import{d as c}from"./post-icon2.js";import{d as n,P as p}from"./post-popovercontainer2.js";import{a as l}from"./get-focusable-children.js";import{O as d}from"./one-of.js";import{R as f}from"./required.js";import{T as m}from"./type.js";var b=function(t,e,o,s){var i,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,s);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(a=(r<3?i(a):r>3?i(e,o,a):i(e,o))\|\|a);return r>3&&a&&Object.defineProperty(e,o,a),a};const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0,this.breakpointChange=()=>{requestAnimationFrame((()=>this.updateEdgeGap()))}}async show(t){await this.popoverRef.show(t),this.focusFirstEl(),this.updateEdgeGap()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&(this.updateEdgeGap(),this.focusFirstEl())}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateEdgeGap(){const t=this.host.shadowRoot?.querySelector("post-closebutton");if(!t)return;const e=t.getBoundingClientRect().width;e&&!Number.isNaN(e)&&(this.edgeGap=e/2)}focusFirstEl(){const t=l(this.host)[0];t&&t.focus()}render(){return o(s,{key:"~~967010ba495bd92f6f3482905689aeb42a4fcdf3~~","data-version":r},o("post-popovercontainer",{key:"~~1bd071b552544d7eb5245d74e794bd17e598a3df~~",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,ref:t=>{t&&(this.popoverRef=t)}},o("div",{key:"~~85c66b18d5aec9a2562102f73eee769e8137f4b7~~",class:"popover-container"},o("div",{key:"~~c105b7c234b9563089278425c242a1747141ed5c~~",class:"popover-content"},o("slot",{key:"~~057699ccc414e0037aa82ddd40c3f523f0db9b9a~~"})),o("post-closebutton",{key:"~~cf1f60f9700c7c41ac8e62699f1e1fa745fb49f8~~",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get style(){return"*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;-ms-flex-positive:1;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]);b([d(p)],h.prototype,"placement",void 0),b([f(),m("string")],h.prototype,"textClose",void 0);const u=h,v=function(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(i(t))\|\|customElements.define(i(t),h);break;case"post-closebutton":customElements.get(i(t))\|\|a();break;case"post-icon":customElements.get(i(t))\|\|c();break;case"post-popovercontainer":customElements.get(i(t))\|\|n()}}))};export{u as PostPopover,v as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as c}from"./post-closebutton2.js";import{d as n}from"./post-icon2.js";import{d as a,P as p}from"./post-popovercontainer2.js";import{a as d}from"./get-focusable-children.js";import{O as l}from"./one-of.js";import{R as f}from"./required.js";import{T as m}from"./type.js";var h=function(t,e,o,s){var i,r=arguments.length,c=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(c=(r<3?i(c):r>3?i(e,o,c):i(e,o))\|\|c);return r>3&&c&&Object.defineProperty(e,o,c),c};const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0,this.breakpointChange=()=>{requestAnimationFrame((()=>this.updateEdgeGap()))}}async show(t){await this.popoverRef.show(t),this.focusFirstEl(),this.updateEdgeGap()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&(this.updateEdgeGap(),this.focusFirstEl())}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateEdgeGap(){const t=this.host.shadowRoot?.querySelector("post-closebutton");if(!t)return;const e=t.getBoundingClientRect().width;e&&!Number.isNaN(e)&&(this.edgeGap=e/2)}focusFirstEl(){const t=d(this.host)[0];t&&t.focus()}render(){return o(s,{key:"f4f8be88b1cd844bcc3517dec2d0468de703ed8f","data-version":r},o("post-popovercontainer",{key:"da00d26e57d94519fc779953101596d20562c9f5",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,ref:t=>{t&&(this.popoverRef=t)}},o("div",{key:"addb4760c6c815a874798bde52387141ca261d20",class:"popover-container"},o("div",{key:"18ce8f7a597a0c7b5d3f07cef8333f78b5c30f4c",class:"popover-content"},o("slot",{key:"05980996b118f6a16ac49fc0efa52b87d44b5f43"})),o("post-closebutton",{key:"161dff07e96811be00f08de379df7882319e07cb",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get style(){return"*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;-ms-flex-positive:1;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]);h([l(p)],b.prototype,"placement",void 0),h([f(),m("string")],b.prototype,"textClose",void 0);const u=b,v=function(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(i(t))\|\|customElements.define(i(t),b);break;case"post-closebutton":customElements.get(i(t))\|\|c();break;case"post-icon":customElements.get(i(t))\|\|n();break;case"post-popovercontainer":customElements.get(i(t))\|\|a()}}))};export{u as PostPopover,v as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as o,Build as n,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{O as p}from"./one-of.js";import{T as c}from"./type.js";const l=["top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"],f=Math.min,u=Math.max,d=Math.round,h=Math.floor,v=t=>({x:t,y:t}),m={left:"right",right:"left",bottom:"top",top:"bottom"};function g(t,e,o){return u(t,f(e,o))}function x(t,e){return"function"==typeof t?t(e):t}function w(t){return t.split("-")[0]}function b(t){return t.split("-")[1]}function y(t){return"x"===t?"y":"x"}function k(t){return"y"===t?"height":"width"}function S(t){const e=t[0];return"t"===e\|\|"b"===e?"y":"x"}function E(t){return y(S(t))}function T(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const M=["left","right"],A=["right","left"],O=["top","bottom"],H=["bottom","top"];function L(t){const e=w(t);return m[e]+t.slice(e.length)}function $(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:e,y:o,width:n,height:r}=t;return{width:n,height:r,top:o,left:e,right:e+n,bottom:o+r,x:e,y:o}}function R(t,e,o){let{reference:n,floating:r}=t;const s=S(e),i=E(e),a=k(i),p=w(e),c="y"===s,l=n.x+n.width/2-r.width/2,f=n.y+n.height/2-r.height/2,u=n[a]/2-r[a]/2;let d;switch(p){case"top":d={x:l,y:n.y-r.height};break;case"bottom":d={x:l,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:f};break;case"left":d={x:n.x-r.width,y:f};break;default:d={x:n.x,y:n.y}}switch(b(e)){case"start":d[i]-=u(o&&c?-1:1);break;case"end":d[i]+=u(o&&c?-1:1)}return d}async function j(t,e){var o;void 0===e&&(e={});const{x:n,y:r,platform:s,rects:i,elements:a,strategy:p}=t,{boundary:c="clippingAncestors",rootBoundary:l="viewport",elementContext:f="floating",altBoundary:u=!1,padding:d=0}=x(e,t),h=$(d),v=a[u?"floating"===f?"reference":"floating":f],m=D(await s.getClippingRect({element:null==(o=await(null==s.isElement?void 0:s.isElement(v)))\|\|o?v:v.contextElement\|\|await(null==s.getDocumentElement?void 0:s.getDocumentElement(a.floating)),boundary:c,rootBoundary:l,strategy:p})),g="floating"===f?{x:n,y:r,width:i.floating.width,height:i.floating.height}:i.reference,w=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a.floating)),b=await(null==s.isElement?void 0:s.isElement(w))&&await(null==s.getScale?void 0:s.getScale(w))\|\|{x:1,y:1},y=D(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:w,strategy:p}):g);return{top:(m.top-y.top+h.top)/b.y,bottom:(y.bottom-m.bottom+h.bottom)/b.y,left:(m.left-y.left+h.left)/b.x,right:(y.right-m.right+h.right)/b.x}}function z(t){const e=f(...t.map((t=>t.left))),o=f(...t.map((t=>t.top)));return{x:e,y:o,width:u(...t.map((t=>t.right)))-e,height:u(...t.map((t=>t.bottom)))-o}}const F=new Set(["left","top"]);function P(){return"undefined"!=typeof window}function C(t){return q(t)?(t.nodeName\|\|"").toLowerCase():"#document"}function W(t){var e;return(null==t\|\|null==(e=t.ownerDocument)?void 0:e.defaultView)\|\|window}function B(t){var e;return null==(e=(q(t)?t.ownerDocument:t.document)\|\|window.document)?void 0:e.documentElement}function q(t){return!!P()&&(t instanceof Node\|\|t instanceof W(t).Node)}function I(t){return!!P()&&(t instanceof Element\|\|t instanceof W(t).Element)}function N(t){return!!P()&&(t instanceof HTMLElement\|\|t instanceof W(t).HTMLElement)}function G(t){return!(!P()\|\|"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot\|\|t instanceof W(t).ShadowRoot)}function V(t){const{overflow:e,overflowX:o,overflowY:n,display:r}=et(t);return/auto\|scroll\|overlay\|hidden\|clip/.test(e+n+o)&&"inline"!==r&&"contents"!==r}function X(t){return/^(table\|td\|th)$/.test(C(t))}function Y(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const _=/transform\|translate\|scale\|rotate\|perspective\|filter/,J=/paint\|layout\|strict\|content/,K=t=>!!t&&"none"!==t;let Q;function U(t){const e=I(t)?et(t):t;return K(e.transform)\|\|K(e.translate)\|\|K(e.scale)\|\|K(e.rotate)\|\|K(e.perspective)\|\|!Z()&&(K(e.backdropFilter)\|\|K(e.filter))\|\|_.test(e.willChange\|\|"")\|\|J.test(e.contain\|\|"")}function Z(){return null==Q&&(Q="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Q}function tt(t){return/^(html\|body\|#document)$/.test(C(t))}function et(t){return W(t).getComputedStyle(t)}function ot(t){return I(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function nt(t){if("html"===C(t))return t;const e=t.assignedSlot\|\|t.parentNode\|\|G(t)&&t.host\|\|B(t);return G(e)?e.host:e}function rt(t){const e=nt(t);return tt(e)?t.ownerDocument?t.ownerDocument.body:t.body:N(e)&&V(e)?e:rt(e)}function st(t,e,o){var n;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=rt(t),s=r===(null==(n=t.ownerDocument)?void 0:n.body),i=W(r);if(s){const t=it(i);return e.concat(i,i.visualViewport\|\|[],V(r)?r:[],t&&o?st(t):[])}return e.concat(r,st(r,[],o))}function it(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function at(t){const e=et(t);let o=parseFloat(e.width)\|\|0,n=parseFloat(e.height)\|\|0;const r=N(t),s=r?t.offsetWidth:o,i=r?t.offsetHeight:n,a=d(o)!==s\|\|d(n)!==i;return a&&(o=s,n=i),{width:o,height:n,$:a}}function pt(t){return I(t)?t:t.contextElement}function ct(t){const e=pt(t);if(!N(e))return v(1);const o=e.getBoundingClientRect(),{width:n,height:r,$:s}=at(e);let i=(s?d(o.width):o.width)/n,a=(s?d(o.height):o.height)/r;return i&&Number.isFinite(i)\|\|(i=1),a&&Number.isFinite(a)\|\|(a=1),{x:i,y:a}}const lt=v(0);function ft(t){const e=W(t);return Z()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:lt}function ut(t,e,o,n){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),s=pt(t);let i=v(1);e&&(n?I(n)&&(i=ct(n)):i=ct(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o\|\|e&&o!==W(t))&&e}(s,o,n)?ft(s):v(0);let p=(r.left+a.x)/i.x,c=(r.top+a.y)/i.y,l=r.width/i.x,f=r.height/i.y;if(s){const t=W(s),e=n&&I(n)?W(n):n;let o=t,r=it(o);for(;r&&n&&e!==o;){const t=ct(r),e=r.getBoundingClientRect(),n=et(r),s=e.left+(r.clientLeft+parseFloat(n.paddingLeft))t.x,i=e.top+(r.clientTop+parseFloat(n.paddingTop))t.y;p=t.x,c=t.y,l=t.x,f=t.y,p+=s,c+=i,o=W(r),r=it(o)}}return D({width:l,height:f,x:p,y:c})}function dt(t,e){const o=ot(t).scrollLeft;return e?e.left+o:ut(B(t)).left+o}function ht(t,e){const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-dt(t,o),y:o.top+e.scrollTop}}function vt(t,e,o){let n;if("viewport"===e)n=function(t,e){const o=W(t),n=B(t),r=o.visualViewport;let s=n.clientWidth,i=n.clientHeight,a=0,p=0;if(r){s=r.width,i=r.height;const t=Z();(!t\|\|t&&"fixed"===e)&&(a=r.offsetLeft,p=r.offsetTop)}const c=dt(n);if(c<=0){const t=n.ownerDocument,e=t.body,o=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)\|\|0,i=Math.abs(n.clientWidth-e.clientWidth-r);i<=25&&(s-=i)}else c<=25&&(s+=c);return{width:s,height:i,x:a,y:p}}(t,o);else if("document"===e)n=function(t){const e=B(t),o=ot(t),n=t.ownerDocument.body,r=u(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),s=u(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let i=-o.scrollLeft+dt(t);const a=-o.scrollTop;return"rtl"===et(n).direction&&(i+=u(e.clientWidth,n.clientWidth)-r),{width:r,height:s,x:i,y:a}}(B(t));else if(I(e))n=function(t,e){const o=ut(t,!0,"fixed"===e),n=o.top+t.clientTop,r=o.left+t.clientLeft,s=N(t)?ct(t):v(1);return{width:t.clientWidths.x,height:t.clientHeights.y,x:rs.x,y:ns.y}}(e,o);else{const o=ft(t);n={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return D(n)}function mt(t,e){const o=nt(t);return!(o===e\|\|!I(o)\|\|tt(o))&&("fixed"===et(o).position\|\|mt(o,e))}function gt(t,e,o){const n=N(e),r=B(e),s="fixed"===o,i=ut(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const p=v(0);function c(){p.x=dt(r)}if(n\|\|!n&&!s)if(("body"!==C(e)\|\|V(r))&&(a=ot(e)),n){const t=ut(e,!0,s,e);p.x=t.x+e.clientLeft,p.y=t.y+e.clientTop}else r&&c();s&&!n&&r&&c();const l=!r\|\|n\|\|s?v(0):ht(r,a);return{x:i.left+a.scrollLeft-p.x-l.x,y:i.top+a.scrollTop-p.y-l.y,width:i.width,height:i.height}}function xt(t){return"static"===et(t).position}function wt(t,e){if(!N(t)\|\|"fixed"===et(t).position)return null;if(e)return e(t);let o=t.offsetParent;return B(t)===o&&(o=o.ownerDocument.body),o}function bt(t,e){const o=W(t);if(Y(t))return o;if(!N(t)){let e=nt(t);for(;e&&!tt(e);){if(I(e)&&!xt(e))return e;e=nt(e)}return o}let n=wt(t,e);for(;n&&X(n)&&xt(n);)n=wt(n,e);return n&&tt(n)&&xt(n)&&!U(n)?o:n\|\|function(t){let e=nt(t);for(;N(e)&&!tt(e);){if(U(e))return e;if(Y(e))return null;e=nt(e)}return null}(t)\|\|o}const yt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:n,strategy:r}=t;const s="fixed"===r,i=B(n),a=!!e&&Y(e.floating);if(n===i\|\|a&&s)return o;let p={scrollLeft:0,scrollTop:0},c=v(1);const l=v(0),f=N(n);if((f\|\|!f&&!s)&&(("body"!==C(n)\|\|V(i))&&(p=ot(n)),f)){const t=ut(n);c=ct(n),l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}const u=!i\|\|f\|\|s?v(0):ht(i,p);return{width:o.widthc.x,height:o.heightc.y,x:o.xc.x-p.scrollLeftc.x+l.x+u.x,y:o.yc.y-p.scrollTopc.y+l.y+u.y}},getDocumentElement:B,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:n,strategy:r}=t;const s=[..."clippingAncestors"===o?Y(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let n=st(t,[],!1).filter((t=>I(t)&&"body"!==C(t))),r=null;const s="fixed"===et(t).position;let i=s?nt(t):t;for(;I(i)&&!tt(i);){const e=et(i),o=U(i);o\|\|"fixed"!==e.position\|\|(r=null),(s?!o&&!r:!o&&"static"===e.position&&r&&("absolute"===r.position\|\|"fixed"===r.position)\|\|V(i)&&!o&&mt(t,i))?n=n.filter((t=>t!==i)):r=e,i=nt(i)}return e.set(t,n),n}(e,this._c):[].concat(o),n],i=vt(e,s[0],r);let a=i.top,p=i.right,c=i.bottom,l=i.left;for(let t=1;t<s.length;t++){const o=vt(e,s[t],r);a=u(o.top,a),p=f(o.right,p),c=f(o.bottom,c),l=u(o.left,l)}return{width:p-l,height:c-a,x:l,y:a}},getOffsetParent:bt,getElementRects:async function(t){const e=this.getOffsetParent\|\|bt,o=this.getDimensions,n=await o(t.floating);return{reference:gt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=at(t);return{width:e,height:o}},getScale:ct,isElement:I,isRTL:function(t){return"rtl"===et(t).direction}};function kt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const St=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,n;const{x:r,y:s,placement:i,middlewareData:a}=e,p=await async function(t,e){const{placement:o,platform:n,elements:r}=t,s=await(null==n.isRTL?void 0:n.isRTL(r.floating)),i=w(o),a=b(o),p="y"===S(o),c=F.has(i)?-1:1,l=s&&p?-1:1,f=x(e,t);let{mainAxis:u,crossAxis:d,alignmentAxis:h}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis\|\|0,crossAxis:f.crossAxis\|\|0,alignmentAxis:f.alignmentAxis};return a&&"number"==typeof h&&(d="end"===a?-1h:h),p?{x:dl,y:uc}:{x:uc,y:dl}}(e,t);return i===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:r+p.x,y:s+p.y,data:{...p,placement:i}}}}},Et=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,n;const{placement:r,middlewareData:s,rects:i,initialPlacement:a,platform:p,elements:c}=e,{mainAxis:l=!0,crossAxis:f=!0,fallbackPlacements:u,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:v=!0,...m}=x(t,e);if(null!=(o=s.arrow)&&o.alignmentOffset)return{};const g=w(r),y=S(a),$=w(a)===a,D=await(null==p.isRTL?void 0:p.isRTL(c.floating)),R=u\|\|($\|\|!v?[L(a)]:function(t){const e=L(t);return[T(t),e,T(e)]}(a)),j="none"!==h;!u&&j&&R.push(...function(t,e,o,n){const r=b(t);let s=function(t,e,o){switch(t){case"top":case"bottom":return o?e?A:M:e?M:A;case"left":case"right":return e?O:H;default:return[]}}(w(t),"start"===o,n);return r&&(s=s.map((t=>t+"-"+r)),e&&(s=s.concat(s.map(T)))),s}(a,v,h,D));const z=[a,...R],F=await p.detectOverflow(e,m),P=[];let C=(null==(n=s.flip)?void 0:n.overflows)\|\|[];if(l&&P.push(F[g]),f){const t=function(t,e,o){void 0===o&&(o=!1);const n=b(t),r=E(t),s=k(r);let i="x"===r?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return e.reference[s]>e.floating[s]&&(i=L(i)),[i,L(i)]}(r,i,D);P.push(F[t[0]],F[t[1]])}if(C=[...C,{placement:r,overflows:P}],!P.every((t=>t<=0))){var W,B;const t=((null==(W=s.flip)?void 0:W.index)\|\|0)+1,e=z[t];if(e&&("alignment"!==f\|\|y===S(e)\|\|C.every((t=>S(t.placement)!==y\|\|t.overflows[0]>0))))return{data:{index:t,overflows:C},reset:{placement:e}};let o=null==(B=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:B.placement;if(!o)switch(d){case"bestFit":{var q;const t=null==(q=C.filter((t=>{if(j){const e=S(t.placement);return e===y\|\|"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:q[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}},Tt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,n;const{placement:r,rects:s,platform:i,elements:a}=e,{apply:p=()=>{},...c}=x(t,e),l=await i.detectOverflow(e,c),d=w(r),h=b(r),v="y"===S(r),{width:m,height:g}=s.floating;let y,k;"top"===d\|\|"bottom"===d?(y=d,k=h===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(k=d,y="end"===h?"top":"bottom");const E=g-l.top-l.bottom,T=m-l.left-l.right;let M=f(g-l[y],E),A=f(m-l[k],T);if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&(A=T),null!=(n=e.middlewareData.shift)&&n.enabled.y&&(M=E),!e.middlewareData.shift&&!h){const t=u(l.left,0),e=u(l.right,0),o=u(l.top,0),n=u(l.bottom,0);v?A=m-2(0!==t\|\|0!==e?t+e:u(l.left,l.right)):M=g-2(0!==o\|\|0!==n?o+n:u(l.top,l.bottom))}await p({...e,availableWidth:A,availableHeight:M});const O=await i.getDimensions(a.floating);return m!==O.width\|\|g!==O.height?{reset:{rects:!0}}:{}}}},Mt=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:o,elements:n,rects:r,platform:s,strategy:i}=e,{padding:a=2,x:p,y:c}=x(t,e),l=Array.from(await(null==s.getClientRects?void 0:s.getClientRects(n.reference))\|\|[]),d=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),o=[];let n=null;for(let t=0;t<e.length;t++){const r=e[t];!n\|\|r.y-n.y>n.height/2?o.push([r]):o[o.length-1].push(r),n=r}return o.map((t=>D(z(t))))}(l),h=D(z(l)),v=$(a),m=await s.getElementRects({reference:{getBoundingClientRect:function(){if(2===d.length&&d[0].left>d[1].right&&null!=p&&null!=c)return d.find((t=>p>t.left-v.left&&p<t.right+v.right&&c>t.top-v.top&&c<t.bottom+v.bottom))\|\|h;if(d.length>=2){if("y"===S(o)){const t=d[0],e=d[d.length-1],n="top"===w(o),r=t.top,s=e.bottom,i=n?t.left:e.left,a=n?t.right:e.right;return{top:r,bottom:s,left:i,right:a,width:a-i,height:s-r,x:i,y:r}}const t="left"===w(o),e=u(...d.map((t=>t.right))),n=f(...d.map((t=>t.left))),r=d.filter((o=>t?o.left===n:o.right===e)),s=r[0].top,i=r[r.length-1].bottom;return{top:s,bottom:i,left:n,right:e,width:e-n,height:i-s,x:n,y:s}}return h}},floating:n.floating,strategy:i});return r.reference.x!==m.reference.x\|\|r.reference.y!==m.reference.y\|\|r.reference.width!==m.reference.width\|\|r.reference.height!==m.reference.height?{reset:{rects:m}}:{}}}};var At=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:o="",...n}={}){super(t,n),this.oldState=String(e\|\|""),this.newState=String(o\|\|"")}},Ot=new WeakMap;function Ht(t,e,o){Ot.set(t,setTimeout((()=>{Ot.has(t)&&t.dispatchEvent(new At("toggle",{cancelable:!1,oldState:e,newState:o}))}),0))}var Lt=globalThis.ShadowRoot\|\|function(){},$t=globalThis.HTMLDialogElement\|\|function(){},Dt=new WeakMap,Rt=new WeakMap,jt=new WeakMap,zt=new WeakMap;function Ft(t){return zt.get(t)\|\|"hidden"}var Pt=new WeakMap;function Ct(t){return[...t].pop()}function Wt(t,e){return!("auto"!==t.popover&&"manual"!==t.popover&&"hint"!==t.popover\|\|!t.isConnected\|\|e&&"showing"!==Ft(t)\|\|!e&&"hidden"!==Ft(t)\|\|t instanceof $t&&t.hasAttribute("open")\|\|document.fullscreenElement===t)}function Bt(t){if(!t)return 0;const e=Rt.get(document)\|\|new Set,o=jt.get(document)\|\|new Set;return o.has(t)?[...o].indexOf(t)+e.size+1:e.has(t)?[...e].indexOf(t)+1:0}function qt(t){let e;const o=jt.get(t)\|\|new Set,n=Rt.get(t)\|\|new Set,r=o.size>0?o:n.size>0?n:null;return r?(e=Ct(r),e.isConnected?e:(r.delete(e),qt(t))):null}function It(t){for(const e of t\|\|[]){if(e.isConnected)return e;t.delete(e)}return null}function Nt(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?Nt(t.parentNode):t}function Gt(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===zt.get(t))return t;if((t=t instanceof Element&&t.assignedSlot\|\|t.parentElement\|\|Nt(t))instanceof Lt&&(t=t.host),t instanceof Document)return}}function Vt(t,e){const o=new Map;let n=0;for(const t of e\|\|[])o.set(t,n),n+=1;o.set(t,n),n+=1;let r=null;return function(e){if(!e)return;let n=!1,s=null,i=null;for(;!n;){if(s=Gt(e)\|\|null,null===s)return;if(!o.has(s))return;"hint"!==t.popover&&"auto"!==s.popover\|\|(n=!0),n\|\|(e=s.parentElement)}i=o.get(s),(null===r\|\|o.get(r)<i)&&(r=s)}(t.parentElement\|\|Nt(t)),r}function Xt(t){return!(t.hidden\|\|t instanceof Lt\|\|(t instanceof HTMLButtonElement\|\|t instanceof HTMLInputElement\|\|t instanceof HTMLSelectElement\|\|t instanceof HTMLTextAreaElement\|\|t instanceof HTMLOptGroupElement\|\|t instanceof HTMLOptionElement\|\|t instanceof HTMLFieldSetElement)&&t.disabled\|\|t instanceof HTMLInputElement&&"hidden"===t.type\|\|t instanceof HTMLAnchorElement&&""===t.href\|\|"number"!=typeof t.tabIndex\|\|-1===t.tabIndex)}var Yt=new WeakMap;function _t(t){if(!Wt(t,!1))return;const e=t.ownerDocument;if(!t.dispatchEvent(new At("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"})))return;if(!Wt(t,!1))return;let o=!1;const n=t.popover;let r=null;const s=Vt(t,Rt.get(e)\|\|new Set),i=Vt(t,jt.get(e)\|\|new Set);if("auto"===n&&(Kt(jt.get(e)\|\|new Set,o,!0),Ut(s\|\|e,o,!0),r="auto"),"hint"===n&&(i?(Ut(i,o,!0),r="hint"):(Kt(jt.get(e)\|\|new Set,o,!0),s?(Ut(s,o,!0),r="auto"):r="hint")),"auto"===n\|\|"hint"===n){if(n!==t.popover\|\|!Wt(t,!1))return;qt(e)\|\|(o=!0),"auto"===r?(Rt.has(e)\|\|Rt.set(e,new Set),Rt.get(e).add(t)):"hint"===r&&(jt.has(e)\|\|jt.set(e,new Set),jt.get(e).add(t))}Yt.delete(t);const a=e.activeElement;var p;t.classList.add(":popover-open"),zt.set(t,"showing"),Dt.has(e)\|\|Dt.set(e,new Set),Dt.get(e).add(t),oe(Pt.get(t),!0),p=t,function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let o=e.querySelector("[autofocus]");if(o)return o;{const t=e.querySelectorAll("slot");for(const e of t){const t=e.assignedElements({flatten:!0});for(const e of t){if(e.hasAttribute("autofocus"))return e;if(o=e.querySelector("[autofocus]"),o)return o}}}const n=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let r=n.currentNode;for(;r;){if(Xt(r))return r;r=n.nextNode()}}(p)?.focus(),o&&a&&"auto"===t.popover&&Yt.set(t,a),Ht(t,"closed","open")}function Jt(t,e=!1,o=!1){if(!Wt(t,!0))return;const n=t.ownerDocument;if(["auto","hint"].includes(t.popover)&&(Ut(t,e,o),!Wt(t,!0)))return;const r=Rt.get(n)\|\|new Set,s=r.has(t)&&Ct(r)===t;if(oe(Pt.get(t),!1),Pt.delete(t),o&&(t.dispatchEvent(new At("beforetoggle",{oldState:"open",newState:"closed"})),s&&Ct(r)!==t&&Ut(t,e,o),!Wt(t,!0)))return;Dt.get(n)?.delete(t),r.delete(t),jt.get(n)?.delete(t),t.classList.remove(":popover-open"),zt.set(t,"hidden"),o&&Ht(t,"open","closed");const i=Yt.get(t);i&&(Yt.delete(t),e&&i.focus())}function Kt(t,e=!1,o=!1){let n=It(t);for(;n;)Jt(n,e,o),n=It(t)}function Qt(t,e,o,n){let r=!1,s=!1;for(;r\|\|!s;){s=!0;let i=null,a=!1;for(const o of e)if(o===t)a=!0;else if(a){i=o;break}if(!i)return;for(;"showing"===Ft(i)&&e.size;)Jt(Ct(e),o,n);e.has(t)&&Ct(e)!==t&&(r=!0),r&&(n=!1)}}function Ut(t,e,o){const n=t.ownerDocument\|\|t;if(t instanceof Document)return function(t,e=!1,o=!1){let n=qt(t);for(;n;)Jt(n,e,o),n=qt(t)}(n,e,o);jt.get(n)?.has(t)?Qt(t,jt.get(n),e,o):(Kt(jt.get(n)\|\|new Set,e,o),Rt.get(n)?.has(t)&&Qt(t,Rt.get(n),e,o))}var Zt=new WeakMap;function te(t){if(!t.isTrusted)return;const e=t.composedPath()[0];if(!e)return;const o=e.ownerDocument;if(!qt(o))return;const n=function(t){const e=Gt(t),o=function(t){for(;t;){const e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement\|\|Nt(t))instanceof Lt&&(t=t.host),t instanceof Document)return}}(t);return Bt(e)>Bt(o)?e:o}(e);if(n&&"pointerdown"===t.type)Zt.set(o,n);else if("pointerup"===t.type){const t=Zt.get(o)===n;Zt.delete(o),t&&Ut(n\|\|o,!1,!0)}}var ee=new WeakMap;function oe(t,e=!1){if(!t)return;ee.has(t)\|\|ee.set(t,t.getAttribute("aria-expanded"));const o=t.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)t.setAttribute("aria-expanded",String(e));else{const e=ee.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var ne=globalThis.ShadowRoot\|\|function(){};function re(t,e,o){const n=t[e];Object.defineProperty(t,e,{value(t){return n.call(this,o(t))}})}var se=/(^\|[^\\]):popover-open\b/g;var ie=null;function ae(t){const e=function(){const t="function"==typeof globalThis.CSSLayerBlockRule;return`\n${t?"@layer popover-polyfill {":""}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${t?"}":""}\n`}();if(null===ie)try{(ie=new CSSStyleSheet).replaceSync(e)}catch{ie=!1}if(!1===ie){const o=document.createElement("style");o.textContent=e,t instanceof Document?t.head.prepend(o):t.prepend(o)}else t.adoptedStyleSheets=[ie,...t.adoptedStyleSheets]}var pe=function(t,e,o,n){var r,s=arguments.length,i=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(e,o,i):r(e,o))\|\|i);return s>3&&i&&Object.defineProperty(e,o,i),i};const ce={"pop-in":function(t){if(t)return t.animate([{transform:"scale(0.9)",opacity:0},{transform:"scale(1)",opacity:1}],{duration:250,easing:"ease-out",fill:"forwards"})}},le=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postBeforeShow=o(this,"postBeforeShow",7),this.postShow=o(this,"postShow",7),this.postHide=o(this,"postHide",7),this.postBeforeToggle=o(this,"postBeforeToggle",7),this.postToggle=o(this,"postToggle",7),this.toggleTimeoutId=null,this.hasOpenedOnce=!0,this.placement="top",this.edgeGap=8,this.arrow=!1,this.animation="pop-in",this.currentAnimation=null,this.boundMouseTrackingHandler=this.mouseTrackingHandler.bind(this)}mouseTrackingHandler(t){this.host.style.setProperty("--post-safe-space-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--post-safe-space-cursor-y",`${t.clientY}px`)}connectedCallback(){!n.isBrowser\|\|"undefined"!=typeof HTMLElement&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype\|\|function(){if("undefined"==typeof window)return;function t(t){return t?.includes(":popover-open")&&(t=t.replace(se,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent\|\|At,re(Document.prototype,"querySelector",t),re(Document.prototype,"querySelectorAll",t),re(Element.prototype,"querySelector",t),re(Element.prototype,"querySelectorAll",t),re(Element.prototype,"matches",t),re(Element.prototype,"closest",t),re(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const t=(this.getAttribute("popover")\|\|"").toLowerCase();return""===t\|\|"auto"==t?"auto":"hint"==t?"hint":"manual"},set(t){null===t?this.removeAttribute("popover"):this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(t={}){_t(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){Jt(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t={}){return"boolean"==typeof t&&(t={force:t}),"showing"===zt.get(this)&&void 0===t.force\|\|!1===t.force?Jt(this,!0,!0):void 0!==t.force&&!0!==t.force\|\|_t(this),"showing"===zt.get(this)}}});const e=Element.prototype.attachShadow;e&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){const o=e.call(this,t);return ae(o),o}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const t=o.call(this);return t.shadowRoot&&ae(t.shadowRoot),t}}});const n=new WeakMap;function r(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),n.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),n.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName)return null;if("input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type)return null;if(this.disabled)return null;if(this.form&&"submit"===this.type)return null;const t=n.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return n.delete(this),null;const e=Nt(this),o=this.getAttribute("popovertarget");return(e instanceof Document\|\|e instanceof ne)&&o&&e.getElementById(o)\|\|null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const t=(this.getAttribute("popovertargetaction")\|\|"").toLowerCase();return"show"===t\|\|"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}var s;r(HTMLButtonElement),r(HTMLInputElement),(s=document).addEventListener("click",(t=>{const e=t.composedPath(),o=e[0];if(!(o instanceof Element)\|\|o?.shadowRoot)return;const n=Nt(o);if(!(n instanceof ne\|\|n instanceof Document))return;const r=e.find((t=>t.matches?.("[popovertargetaction],[popovertarget]")));return r?(function(t){const e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;const o=Ft(e);"show"===t.popoverTargetAction&&"showing"===o\|\|"hide"===t.popoverTargetAction&&"hidden"===o\|\|("showing"===o?Jt(e,!0,!0):Wt(e,!1)&&(Pt.set(e,t),_t(e)))}(r),void t.preventDefault()):void 0})),s.addEventListener("keydown",(t=>{const e=t.key,o=t.target;t.defaultPrevented\|\|!o\|\|"Escape"!==e&&"Esc"!==e\|\|Ut(o.ownerDocument,!0,!0)})),s.addEventListener("pointerdown",te),s.addEventListener("pointerup",te),ae(document)}()}componentDidLoad(){this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.host.removeEventListener("beforetoggle",this.handleToggle.bind(this))}async show(t){!this.toggleTimeoutId&&t&&(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId\|\|(this.eventTarget=null,this.host.hidePopover(),this.postHide.emit())}async toggle(t,e){const o=this.host.matches(":where(:popover-open, .popover-open)");return!0!==e&&(void 0!==e\|\|o)\|\|t?(this.eventTarget=t,this.toggleTimeoutId\|\|(this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open)")):o}open(){const t=this.host.shadowRoot?.querySelector(".popover-content");if(this.startAutoupdates(),t){const e=ce[this.animation];"function"==typeof e?this.runOpenAnimation(e,t):(this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!0}),this.postShow.emit({first:this.hasOpenedOnce}),this.hasOpenedOnce&&(this.hasOpenedOnce=!1))}this.safeSpace&&globalThis.addEventListener("mousemove",this.boundMouseTrackingHandler)}close(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.safeSpace&&globalThis.removeEventListener("mousemove",this.boundMouseTrackingHandler),this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null),this.postBeforeToggle.emit({willOpen:!1}),this.postToggle.emit({isOpen:!1}),this.postHide.emit()}async runOpenAnimation(t,e){let o;try{if(o=t(e),!o)return this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!0}),void this.postShow.emit({first:this.hasOpenedOnce});this.currentAnimation=o,"running"===o.playState&&(this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce})),await o.finished,this.postToggle.emit({isOpen:!0}),this.postShow.emit({first:this.hasOpenedOnce}),this.hasOpenedOnce=!0}catch(t){console.warn("Animation failed or was interrupted:",t),this.postBeforeToggle.emit({willOpen:!1}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!1})}finally{this.currentAnimation===o&&(this.currentAnimation=null)}}handleToggle(t){this.toggleTimeoutId=globalThis.setTimeout((()=>this.toggleTimeoutId=null),10),"open"===t.newState?this.open():this.close()}startAutoupdates(){this.eventTarget&&this.host&&(this.clearAutoUpdate=function(t,e,o,n){void 0===n&&(n={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:p=!1}=n,c=pt(t),l=r\|\|s?[...c?st(c):[],...e?st(e):[]]:[];l.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),s&&t.addEventListener("resize",o)}));const d=c&&a?function(t,e){let o,n=null;const r=B(t);function s(){var t;clearTimeout(o),null==(t=n)\|\|t.disconnect(),n=null}return function i(a,p){void 0===a&&(a=!1),void 0===p&&(p=1),s();const c=t.getBoundingClientRect(),{left:l,top:d,width:v,height:m}=c;if(a\|\|e(),!v\|\|!m)return;const g={rootMargin:-h(d)+"px "+-h(r.clientWidth-(l+v))+"px "+-h(r.clientHeight-(d+m))+"px "+-h(l)+"px",threshold:u(0,f(1,p))\|\|1};let x=!0;function w(e){const n=e[0].intersectionRatio;if(n!==p){if(!x)return i();n?i(!1,n):o=setTimeout((()=>{i(!1,1e-7)}),1e3)}1!==n\|\|kt(c,t.getBoundingClientRect())\|\|i(),x=!1}try{n=new IntersectionObserver(w,{...g,root:r.ownerDocument})}catch(t){n=new IntersectionObserver(w,g)}n.observe(t)}(!0),s}(c,o):null;let v,m=-1,g=null;i&&(g=new ResizeObserver((t=>{let[n]=t;n&&n.target===c&&g&&e&&(g.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=g)\|\|t.observe(e)}))),o()})),c&&!p&&g.observe(c),e&&g.observe(e));let x=p?ut(t):null;return p&&function e(){const n=ut(t);x&&!kt(x,n)&&o(),x=n,v=requestAnimationFrame(e)}(),o(),()=>{var t;l.forEach((t=>{r&&t.removeEventListener("scroll",o),s&&t.removeEventListener("resize",o)})),null==d\|\|d(),null==(t=g)\|\|t.disconnect(),g=null,p&&cancelAnimationFrame(v)}}(this.eventTarget,this.host,this.calculatePosition.bind(this)))}getHeaderHeight(){const t=document.querySelector("post-header");return t?Number.parseFloat(getComputedStyle(t).height):0}async calculatePosition(){const{x:e,y:o,middlewareData:n,placement:r}=await this.computeMainPosition(),s=r.split("-")[0];if(this.dynamicPlacement=s,this.host.style.left=`${e}px`,this.host.style.top=`${o}px`,this.arrow&&n.arrow){const{x:e,y:o}=n.arrow,r=t.STATIC_SIDES[s],i=-.5this.arrowRef.offsetWidth;r&&Object.assign(this.arrowRef.style,{left:e?`${e}px`:"",top:o?`${o}px`:"",[r]:`${i}px`})}this.safeSpace&&this.eventTarget&&await this.updateSafeSpaceBoundaries(s)}async computeMainPosition(){const t=this.edgeGap,e=(this.placement\|\|"top").includes("-"),o=Et({padding:this.getHeaderHeight(),crossAxis:!1}),n=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:n,placement:r,platform:s}=e,{mainAxis:i=!0,crossAxis:a=!1,limiter:p={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...c}=x(t,e),l={x:o,y:n},f=await s.detectOverflow(e,c),u=S(w(r)),d=y(u);let h=l[d],v=l[u];i&&(h=g(h+f["y"===d?"top":"left"],h,h-f["y"===d?"bottom":"right"])),a&&(v=g(v+f["y"===u?"top":"left"],v,v-f["y"===u?"bottom":"right"]));const m=p.fn({...e,[d]:h,[u]:v});return{...m,data:{x:m.x-o,y:m.y-n,enabled:{[d]:i,[u]:a}}}}}}({padding:t,limiter:(s={offset:32},void 0===s&&(s={}),{options:s,fn(t){const{x:e,y:o,placement:n,rects:r,middlewareData:i}=t,{offset:a=0,mainAxis:p=!0,crossAxis:c=!0}=x(s,t),l={x:e,y:o},f=S(n),u=y(f);let d=l[u],h=l[f];const v=x(a,t),m="number"==typeof v?{mainAxis:v,crossAxis:0}:{mainAxis:0,crossAxis:0,...v};if(p){const t="y"===u?"height":"width",e=r.reference[u]-r.floating[t]+m.mainAxis,o=r.reference[u]+r.reference[t]-m.mainAxis;d<e?d=e:d>o&&(d=o)}if(c){var g,b;const t="y"===u?"width":"height",e=F.has(w(n)),o=r.reference[f]-r.floating[t]+(e&&(null==(g=i.offset)?void 0:g[f])\|\|0)+(e?0:m.crossAxis),s=r.reference[f]+r.reference[t]+(e?0:(null==(b=i.offset)?void 0:b[f])\|\|0)-(e?m.crossAxis:0);h<o?h=o:h>s&&(h=s)}return{[u]:d,[f]:h}}})}),r=[St(this.offset??(this.arrow?t+4:t)),Mt(),...e?[o,n]:[n,o],Tt({apply({availableWidth:e,elements:o}){Object.assign(o.floating.style,{maxWidth:e-2*t+"px"})}})];var s;return this.arrow&&r.push((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:n,placement:r,rects:s,platform:i,elements:a,middlewareData:p}=e,{element:c,padding:l=0}=x(t,e)\|\|{};if(null==c)return{};const u=$(l),d={x:o,y:n},h=E(r),v=k(h),m=await i.getDimensions(c),w="y"===h,y=w?"top":"left",S=w?"bottom":"right",T=w?"clientHeight":"clientWidth",M=s.reference[v]+s.reference[h]-d[h]-s.floating[v],A=d[h]-s.reference[h],O=await(null==i.getOffsetParent?void 0:i.getOffsetParent(c));let H=O?O[T]:0;H&&await(null==i.isElement?void 0:i.isElement(O))\|\|(H=a.floating[T]\|\|s.floating[v]);const L=M/2-A/2,D=H/2-m[v]/2-1,R=f(u[y],D),j=f(u[S],D),z=R,F=H-m[v]-j,P=H/2-m[v]/2+L,C=g(z,P,F),W=!p.arrow&&null!=b(r)&&P!==C&&s.reference[v]/2-(P<z?R:j)-m[v]/2<0,B=W?P<z?P-z:P-F:0;return{[h]:d[h]+B,data:{[h]:C,centerOffset:P-C-B,...W&&{alignmentOffset:B}},reset:W}}}))({element:this.arrowRef,padding:t})),((t,e,o)=>{const n=new Map,r={platform:yt,...o},s={...r.platform,_c:n};return(async(t,e,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:s=[],platform:i}=o,a=i.detectOverflow?i:{...i,detectOverflow:j},p=await(null==i.isRTL?void 0:i.isRTL(e));let c=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:l,y:f}=R(c,n,p),u=n,d=0;const h={};for(let o=0;o<s.length;o++){const v=s[o];if(!v)continue;const{name:m,fn:g}=v,{x,y:w,data:b,reset:y}=await g({x:l,y:f,initialPlacement:n,placement:u,strategy:r,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});l=null!=x?x:l,f=null!=w?w:f,h[m]={...h[m],...b},y&&d<50&&(d++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await i.getElementRects({reference:t,floating:e,strategy:r}):y.rects),({x:l,y:f}=R(c,u,p))),o=-1)}return{x:l,y:f,placement:u,strategy:r,middlewareData:h}})(t,e,{...r,platform:s})})(this.eventTarget,this.host,{placement:this.placement\|\|"top",strategy:"fixed",middleware:r})}async updateSafeSpaceBoundaries(e){const o=this.eventTarget.getBoundingClientRect(),n="top"===e\|\|"bottom"===e,r=((t,e,o)=>"top"===t\|\|"bottom"===t?{popover:{y:"top"===t?e.bottom:e.top,xStart:e.left,xEnd:e.right},trigger:{y:"top"===t?o.top:o.bottom,xStart:o.left,xEnd:o.right}}:{popover:{x:"left"===t?e.right:e.left,yStart:e.top,yEnd:e.bottom},trigger:{x:"left"===t?o.left:o.right,yStart:o.top,yEnd:o.bottom}})(e,this.host.getBoundingClientRect(),o);t.PROPERTIES_TO_CLEAR.forEach((t=>{this.host.style.removeProperty(t)})),n?(this.host.style.setProperty("--post-safe-space-popover-y",`${r.popover.y}px`),this.host.style.setProperty("--post-safe-space-popover-x-start",`${r.popover.xStart}px`),this.host.style.setProperty("--post-safe-space-popover-x-end",`${r.popover.xEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-y",`${r.trigger.y}px`),this.host.style.setProperty("--post-safe-space-trigger-x-start",`${r.trigger.xStart}px`),this.host.style.setProperty("--post-safe-space-trigger-x-end",`${r.trigger.xEnd}px`)):(this.host.style.setProperty("--post-safe-space-popover-x",`${r.popover.x}px`),this.host.style.setProperty("--post-safe-space-popover-y-start",`${r.popover.yStart}px`),this.host.style.setProperty("--post-safe-space-popover-y-end",`${r.popover.yEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-x",`${r.trigger.x}px`),this.host.style.setProperty("--post-safe-space-trigger-y-start",`${r.trigger.yStart}px`),this.host.style.setProperty("--post-safe-space-trigger-y-end",`${r.trigger.yEnd}px`))}render(){return r(s,{key:"ef1853c057a7c44af1b3e9247f6690f7d3b38b4a","data-version":a,popover:"auto"},r("div",{key:"66da2a4abe897e9619891078dbff25737aa9dd2a",part:"post-popovercontainer-content",class:"popover-content"},this.arrow&&r("span",{key:"183416754cb5f9fdf3d1301186325535aabc2c96","dynamic-placement":this.dynamicPlacement,class:"arrow",ref:t=>{this.arrowRef=t}}),r("span",{key:"6742ebb4ef07a3ab3b25f71dabd3a8252f654b6b",part:"post-popovercontainer-border-mask"}),r("slot",{key:"00cd0fc4bd4f20ac3abc23b0f5a69de51e4ab292"})))}get host(){return this}static get style(){return'@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{-webkit-border-after:2px solid rgba(0,0,0,0);border-block-end:2px solid rgba(0,0,0,0);-webkit-border-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{-webkit-border-before:2px solid rgba(0,0,0,0);border-block-start:2px solid rgba(0,0,0,0);-webkit-border-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{-webkit-border-after:2px solid rgba(0,0,0,0);border-block-end:2px solid rgba(0,0,0,0);-webkit-border-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{-webkit-border-before:2px solid rgba(0,0,0,0);border-block-start:2px solid rgba(0,0,0,0);-webkit-border-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{-webkit-clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)));clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{-webkit-clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)));clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{-webkit-filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{-webkit-filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{-webkit-filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{-webkit-filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}'}},[257,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],offset:[2],arrow:[4],safeSpace:[513,"safe-space"],dynamicPlacement:[32],show:[64],hide:[64],toggle:[64]}]);function fe(){"undefined"!=typeof customElements&&["post-popovercontainer"].forEach((t=>{"post-popovercontainer"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),le))}))}le.STATIC_SIDES={top:"bottom",right:"left",bottom:"top",left:"right"},le.PROPERTIES_TO_CLEAR=["--post-safe-space-popover-x","--post-safe-space-popover-y","--post-safe-space-popover-x-start","--post-safe-space-popover-x-end","--post-safe-space-popover-y-start","--post-safe-space-popover-y-end","--post-safe-space-trigger-x","--post-safe-space-trigger-y","--post-safe-space-trigger-x-start","--post-safe-space-trigger-x-end","--post-safe-space-trigger-y-start","--post-safe-space-trigger-y-end"],pe([p(l)],le.prototype,"placement",void 0),pe([c("number")],le.prototype,"edgeGap",void 0),pe([p(["triangle","trapezoid"])],le.prototype,"safeSpace",void 0);export{l as P,le as a,fe as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as o,Build as n,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{O as p}from"./one-of.js";import{T as c}from"./type.js";const l=["top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"],f=Math.min,u=Math.max,d=Math.round,h=Math.floor,v=t=>({x:t,y:t}),m={left:"right",right:"left",bottom:"top",top:"bottom"};function g(t,e,o){return u(t,f(e,o))}function x(t,e){return"function"==typeof t?t(e):t}function w(t){return t.split("-")[0]}function b(t){return t.split("-")[1]}function y(t){return"x"===t?"y":"x"}function k(t){return"y"===t?"height":"width"}function S(t){const e=t[0];return"t"===e\|\|"b"===e?"y":"x"}function E(t){return y(S(t))}function T(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const M=["left","right"],A=["right","left"],O=["top","bottom"],H=["bottom","top"];function L(t){const e=w(t);return m[e]+t.slice(e.length)}function $(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:e,y:o,width:n,height:r}=t;return{width:n,height:r,top:o,left:e,right:e+n,bottom:o+r,x:e,y:o}}function R(t,e,o){let{reference:n,floating:r}=t;const s=S(e),i=E(e),a=k(i),p=w(e),c="y"===s,l=n.x+n.width/2-r.width/2,f=n.y+n.height/2-r.height/2,u=n[a]/2-r[a]/2;let d;switch(p){case"top":d={x:l,y:n.y-r.height};break;case"bottom":d={x:l,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:f};break;case"left":d={x:n.x-r.width,y:f};break;default:d={x:n.x,y:n.y}}switch(b(e)){case"start":d[i]-=u(o&&c?-1:1);break;case"end":d[i]+=u(o&&c?-1:1)}return d}async function j(t,e){var o;void 0===e&&(e={});const{x:n,y:r,platform:s,rects:i,elements:a,strategy:p}=t,{boundary:c="clippingAncestors",rootBoundary:l="viewport",elementContext:f="floating",altBoundary:u=!1,padding:d=0}=x(e,t),h=$(d),v=a[u?"floating"===f?"reference":"floating":f],m=D(await s.getClippingRect({element:null==(o=await(null==s.isElement?void 0:s.isElement(v)))\|\|o?v:v.contextElement\|\|await(null==s.getDocumentElement?void 0:s.getDocumentElement(a.floating)),boundary:c,rootBoundary:l,strategy:p})),g="floating"===f?{x:n,y:r,width:i.floating.width,height:i.floating.height}:i.reference,w=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a.floating)),b=await(null==s.isElement?void 0:s.isElement(w))&&await(null==s.getScale?void 0:s.getScale(w))\|\|{x:1,y:1},y=D(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:w,strategy:p}):g);return{top:(m.top-y.top+h.top)/b.y,bottom:(y.bottom-m.bottom+h.bottom)/b.y,left:(m.left-y.left+h.left)/b.x,right:(y.right-m.right+h.right)/b.x}}function z(t){const e=f(...t.map((t=>t.left))),o=f(...t.map((t=>t.top)));return{x:e,y:o,width:u(...t.map((t=>t.right)))-e,height:u(...t.map((t=>t.bottom)))-o}}const F=new Set(["left","top"]);function P(){return"undefined"!=typeof window}function C(t){return q(t)?(t.nodeName\|\|"").toLowerCase():"#document"}function W(t){var e;return(null==t\|\|null==(e=t.ownerDocument)?void 0:e.defaultView)\|\|window}function B(t){var e;return null==(e=(q(t)?t.ownerDocument:t.document)\|\|window.document)?void 0:e.documentElement}function q(t){return!!P()&&(t instanceof Node\|\|t instanceof W(t).Node)}function I(t){return!!P()&&(t instanceof Element\|\|t instanceof W(t).Element)}function N(t){return!!P()&&(t instanceof HTMLElement\|\|t instanceof W(t).HTMLElement)}function G(t){return!(!P()\|\|"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot\|\|t instanceof W(t).ShadowRoot)}function V(t){const{overflow:e,overflowX:o,overflowY:n,display:r}=et(t);return/auto\|scroll\|overlay\|hidden\|clip/.test(e+n+o)&&"inline"!==r&&"contents"!==r}function X(t){return/^(table\|td\|th)$/.test(C(t))}function Y(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const _=/transform\|translate\|scale\|rotate\|perspective\|filter/,J=/paint\|layout\|strict\|content/,K=t=>!!t&&"none"!==t;let Q;function U(t){const e=I(t)?et(t):t;return K(e.transform)\|\|K(e.translate)\|\|K(e.scale)\|\|K(e.rotate)\|\|K(e.perspective)\|\|!Z()&&(K(e.backdropFilter)\|\|K(e.filter))\|\|_.test(e.willChange\|\|"")\|\|J.test(e.contain\|\|"")}function Z(){return null==Q&&(Q="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Q}function tt(t){return/^(html\|body\|#document)$/.test(C(t))}function et(t){return W(t).getComputedStyle(t)}function ot(t){return I(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function nt(t){if("html"===C(t))return t;const e=t.assignedSlot\|\|t.parentNode\|\|G(t)&&t.host\|\|B(t);return G(e)?e.host:e}function rt(t){const e=nt(t);return tt(e)?t.ownerDocument?t.ownerDocument.body:t.body:N(e)&&V(e)?e:rt(e)}function st(t,e,o){var n;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=rt(t),s=r===(null==(n=t.ownerDocument)?void 0:n.body),i=W(r);if(s){const t=it(i);return e.concat(i,i.visualViewport\|\|[],V(r)?r:[],t&&o?st(t):[])}return e.concat(r,st(r,[],o))}function it(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function at(t){const e=et(t);let o=parseFloat(e.width)\|\|0,n=parseFloat(e.height)\|\|0;const r=N(t),s=r?t.offsetWidth:o,i=r?t.offsetHeight:n,a=d(o)!==s\|\|d(n)!==i;return a&&(o=s,n=i),{width:o,height:n,$:a}}function pt(t){return I(t)?t:t.contextElement}function ct(t){const e=pt(t);if(!N(e))return v(1);const o=e.getBoundingClientRect(),{width:n,height:r,$:s}=at(e);let i=(s?d(o.width):o.width)/n,a=(s?d(o.height):o.height)/r;return i&&Number.isFinite(i)\|\|(i=1),a&&Number.isFinite(a)\|\|(a=1),{x:i,y:a}}const lt=v(0);function ft(t){const e=W(t);return Z()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:lt}function ut(t,e,o,n){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),s=pt(t);let i=v(1);e&&(n?I(n)&&(i=ct(n)):i=ct(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o\|\|e&&o!==W(t))&&e}(s,o,n)?ft(s):v(0);let p=(r.left+a.x)/i.x,c=(r.top+a.y)/i.y,l=r.width/i.x,f=r.height/i.y;if(s){const t=W(s),e=n&&I(n)?W(n):n;let o=t,r=it(o);for(;r&&n&&e!==o;){const t=ct(r),e=r.getBoundingClientRect(),n=et(r),s=e.left+(r.clientLeft+parseFloat(n.paddingLeft))t.x,i=e.top+(r.clientTop+parseFloat(n.paddingTop))t.y;p=t.x,c=t.y,l=t.x,f=t.y,p+=s,c+=i,o=W(r),r=it(o)}}return D({width:l,height:f,x:p,y:c})}function dt(t,e){const o=ot(t).scrollLeft;return e?e.left+o:ut(B(t)).left+o}function ht(t,e){const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-dt(t,o),y:o.top+e.scrollTop}}function vt(t,e,o){let n;if("viewport"===e)n=function(t,e){const o=W(t),n=B(t),r=o.visualViewport;let s=n.clientWidth,i=n.clientHeight,a=0,p=0;if(r){s=r.width,i=r.height;const t=Z();(!t\|\|t&&"fixed"===e)&&(a=r.offsetLeft,p=r.offsetTop)}const c=dt(n);if(c<=0){const t=n.ownerDocument,e=t.body,o=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)\|\|0,i=Math.abs(n.clientWidth-e.clientWidth-r);i<=25&&(s-=i)}else c<=25&&(s+=c);return{width:s,height:i,x:a,y:p}}(t,o);else if("document"===e)n=function(t){const e=B(t),o=ot(t),n=t.ownerDocument.body,r=u(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),s=u(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let i=-o.scrollLeft+dt(t);const a=-o.scrollTop;return"rtl"===et(n).direction&&(i+=u(e.clientWidth,n.clientWidth)-r),{width:r,height:s,x:i,y:a}}(B(t));else if(I(e))n=function(t,e){const o=ut(t,!0,"fixed"===e),n=o.top+t.clientTop,r=o.left+t.clientLeft,s=N(t)?ct(t):v(1);return{width:t.clientWidths.x,height:t.clientHeights.y,x:rs.x,y:ns.y}}(e,o);else{const o=ft(t);n={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return D(n)}function mt(t,e){const o=nt(t);return!(o===e\|\|!I(o)\|\|tt(o))&&("fixed"===et(o).position\|\|mt(o,e))}function gt(t,e,o){const n=N(e),r=B(e),s="fixed"===o,i=ut(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const p=v(0);function c(){p.x=dt(r)}if(n\|\|!n&&!s)if(("body"!==C(e)\|\|V(r))&&(a=ot(e)),n){const t=ut(e,!0,s,e);p.x=t.x+e.clientLeft,p.y=t.y+e.clientTop}else r&&c();s&&!n&&r&&c();const l=!r\|\|n\|\|s?v(0):ht(r,a);return{x:i.left+a.scrollLeft-p.x-l.x,y:i.top+a.scrollTop-p.y-l.y,width:i.width,height:i.height}}function xt(t){return"static"===et(t).position}function wt(t,e){if(!N(t)\|\|"fixed"===et(t).position)return null;if(e)return e(t);let o=t.offsetParent;return B(t)===o&&(o=o.ownerDocument.body),o}function bt(t,e){const o=W(t);if(Y(t))return o;if(!N(t)){let e=nt(t);for(;e&&!tt(e);){if(I(e)&&!xt(e))return e;e=nt(e)}return o}let n=wt(t,e);for(;n&&X(n)&&xt(n);)n=wt(n,e);return n&&tt(n)&&xt(n)&&!U(n)?o:n\|\|function(t){let e=nt(t);for(;N(e)&&!tt(e);){if(U(e))return e;if(Y(e))return null;e=nt(e)}return null}(t)\|\|o}const yt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:n,strategy:r}=t;const s="fixed"===r,i=B(n),a=!!e&&Y(e.floating);if(n===i\|\|a&&s)return o;let p={scrollLeft:0,scrollTop:0},c=v(1);const l=v(0),f=N(n);if((f\|\|!f&&!s)&&(("body"!==C(n)\|\|V(i))&&(p=ot(n)),f)){const t=ut(n);c=ct(n),l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}const u=!i\|\|f\|\|s?v(0):ht(i,p);return{width:o.widthc.x,height:o.heightc.y,x:o.xc.x-p.scrollLeftc.x+l.x+u.x,y:o.yc.y-p.scrollTopc.y+l.y+u.y}},getDocumentElement:B,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:n,strategy:r}=t;const s=[..."clippingAncestors"===o?Y(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let n=st(t,[],!1).filter((t=>I(t)&&"body"!==C(t))),r=null;const s="fixed"===et(t).position;let i=s?nt(t):t;for(;I(i)&&!tt(i);){const e=et(i),o=U(i);o\|\|"fixed"!==e.position\|\|(r=null),(s?!o&&!r:!o&&"static"===e.position&&r&&("absolute"===r.position\|\|"fixed"===r.position)\|\|V(i)&&!o&&mt(t,i))?n=n.filter((t=>t!==i)):r=e,i=nt(i)}return e.set(t,n),n}(e,this._c):[].concat(o),n],i=vt(e,s[0],r);let a=i.top,p=i.right,c=i.bottom,l=i.left;for(let t=1;t<s.length;t++){const o=vt(e,s[t],r);a=u(o.top,a),p=f(o.right,p),c=f(o.bottom,c),l=u(o.left,l)}return{width:p-l,height:c-a,x:l,y:a}},getOffsetParent:bt,getElementRects:async function(t){const e=this.getOffsetParent\|\|bt,o=this.getDimensions,n=await o(t.floating);return{reference:gt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=at(t);return{width:e,height:o}},getScale:ct,isElement:I,isRTL:function(t){return"rtl"===et(t).direction}};function kt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const St=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,n;const{x:r,y:s,placement:i,middlewareData:a}=e,p=await async function(t,e){const{placement:o,platform:n,elements:r}=t,s=await(null==n.isRTL?void 0:n.isRTL(r.floating)),i=w(o),a=b(o),p="y"===S(o),c=F.has(i)?-1:1,l=s&&p?-1:1,f=x(e,t);let{mainAxis:u,crossAxis:d,alignmentAxis:h}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis\|\|0,crossAxis:f.crossAxis\|\|0,alignmentAxis:f.alignmentAxis};return a&&"number"==typeof h&&(d="end"===a?-1h:h),p?{x:dl,y:uc}:{x:uc,y:dl}}(e,t);return i===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:r+p.x,y:s+p.y,data:{...p,placement:i}}}}},Et=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,n;const{placement:r,middlewareData:s,rects:i,initialPlacement:a,platform:p,elements:c}=e,{mainAxis:l=!0,crossAxis:f=!0,fallbackPlacements:u,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:v=!0,...m}=x(t,e);if(null!=(o=s.arrow)&&o.alignmentOffset)return{};const g=w(r),y=S(a),$=w(a)===a,D=await(null==p.isRTL?void 0:p.isRTL(c.floating)),R=u\|\|($\|\|!v?[L(a)]:function(t){const e=L(t);return[T(t),e,T(e)]}(a)),j="none"!==h;!u&&j&&R.push(...function(t,e,o,n){const r=b(t);let s=function(t,e,o){switch(t){case"top":case"bottom":return o?e?A:M:e?M:A;case"left":case"right":return e?O:H;default:return[]}}(w(t),"start"===o,n);return r&&(s=s.map((t=>t+"-"+r)),e&&(s=s.concat(s.map(T)))),s}(a,v,h,D));const z=[a,...R],F=await p.detectOverflow(e,m),P=[];let C=(null==(n=s.flip)?void 0:n.overflows)\|\|[];if(l&&P.push(F[g]),f){const t=function(t,e,o){void 0===o&&(o=!1);const n=b(t),r=E(t),s=k(r);let i="x"===r?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return e.reference[s]>e.floating[s]&&(i=L(i)),[i,L(i)]}(r,i,D);P.push(F[t[0]],F[t[1]])}if(C=[...C,{placement:r,overflows:P}],!P.every((t=>t<=0))){var W,B;const t=((null==(W=s.flip)?void 0:W.index)\|\|0)+1,e=z[t];if(e&&("alignment"!==f\|\|y===S(e)\|\|C.every((t=>S(t.placement)!==y\|\|t.overflows[0]>0))))return{data:{index:t,overflows:C},reset:{placement:e}};let o=null==(B=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:B.placement;if(!o)switch(d){case"bestFit":{var q;const t=null==(q=C.filter((t=>{if(j){const e=S(t.placement);return e===y\|\|"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:q[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}},Tt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,n;const{placement:r,rects:s,platform:i,elements:a}=e,{apply:p=()=>{},...c}=x(t,e),l=await i.detectOverflow(e,c),d=w(r),h=b(r),v="y"===S(r),{width:m,height:g}=s.floating;let y,k;"top"===d\|\|"bottom"===d?(y=d,k=h===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(k=d,y="end"===h?"top":"bottom");const E=g-l.top-l.bottom,T=m-l.left-l.right;let M=f(g-l[y],E),A=f(m-l[k],T);if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&(A=T),null!=(n=e.middlewareData.shift)&&n.enabled.y&&(M=E),!e.middlewareData.shift&&!h){const t=u(l.left,0),e=u(l.right,0),o=u(l.top,0),n=u(l.bottom,0);v?A=m-2(0!==t\|\|0!==e?t+e:u(l.left,l.right)):M=g-2(0!==o\|\|0!==n?o+n:u(l.top,l.bottom))}await p({...e,availableWidth:A,availableHeight:M});const O=await i.getDimensions(a.floating);return m!==O.width\|\|g!==O.height?{reset:{rects:!0}}:{}}}},Mt=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:o,elements:n,rects:r,platform:s,strategy:i}=e,{padding:a=2,x:p,y:c}=x(t,e),l=Array.from(await(null==s.getClientRects?void 0:s.getClientRects(n.reference))\|\|[]),d=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),o=[];let n=null;for(let t=0;t<e.length;t++){const r=e[t];!n\|\|r.y-n.y>n.height/2?o.push([r]):o[o.length-1].push(r),n=r}return o.map((t=>D(z(t))))}(l),h=D(z(l)),v=$(a),m=await s.getElementRects({reference:{getBoundingClientRect:function(){if(2===d.length&&d[0].left>d[1].right&&null!=p&&null!=c)return d.find((t=>p>t.left-v.left&&p<t.right+v.right&&c>t.top-v.top&&c<t.bottom+v.bottom))\|\|h;if(d.length>=2){if("y"===S(o)){const t=d[0],e=d[d.length-1],n="top"===w(o),r=t.top,s=e.bottom,i=n?t.left:e.left,a=n?t.right:e.right;return{top:r,bottom:s,left:i,right:a,width:a-i,height:s-r,x:i,y:r}}const t="left"===w(o),e=u(...d.map((t=>t.right))),n=f(...d.map((t=>t.left))),r=d.filter((o=>t?o.left===n:o.right===e)),s=r[0].top,i=r[r.length-1].bottom;return{top:s,bottom:i,left:n,right:e,width:e-n,height:i-s,x:n,y:s}}return h}},floating:n.floating,strategy:i});return r.reference.x!==m.reference.x\|\|r.reference.y!==m.reference.y\|\|r.reference.width!==m.reference.width\|\|r.reference.height!==m.reference.height?{reset:{rects:m}}:{}}}};var At=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:o="",...n}={}){super(t,n),this.oldState=String(e\|\|""),this.newState=String(o\|\|"")}},Ot=new WeakMap;function Ht(t,e,o){Ot.set(t,setTimeout((()=>{Ot.has(t)&&t.dispatchEvent(new At("toggle",{cancelable:!1,oldState:e,newState:o}))}),0))}var Lt=globalThis.ShadowRoot\|\|function(){},$t=globalThis.HTMLDialogElement\|\|function(){},Dt=new WeakMap,Rt=new WeakMap,jt=new WeakMap,zt=new WeakMap;function Ft(t){return zt.get(t)\|\|"hidden"}var Pt=new WeakMap;function Ct(t){return[...t].pop()}function Wt(t,e){return!("auto"!==t.popover&&"manual"!==t.popover&&"hint"!==t.popover\|\|!t.isConnected\|\|e&&"showing"!==Ft(t)\|\|!e&&"hidden"!==Ft(t)\|\|t instanceof $t&&t.hasAttribute("open")\|\|document.fullscreenElement===t)}function Bt(t){if(!t)return 0;const e=Rt.get(document)\|\|new Set,o=jt.get(document)\|\|new Set;return o.has(t)?[...o].indexOf(t)+e.size+1:e.has(t)?[...e].indexOf(t)+1:0}function qt(t){let e;const o=jt.get(t)\|\|new Set,n=Rt.get(t)\|\|new Set,r=o.size>0?o:n.size>0?n:null;return r?(e=Ct(r),e.isConnected?e:(r.delete(e),qt(t))):null}function It(t){for(const e of t\|\|[]){if(e.isConnected)return e;t.delete(e)}return null}function Nt(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?Nt(t.parentNode):t}function Gt(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===zt.get(t))return t;if((t=t instanceof Element&&t.assignedSlot\|\|t.parentElement\|\|Nt(t))instanceof Lt&&(t=t.host),t instanceof Document)return}}function Vt(t,e){const o=new Map;let n=0;for(const t of e\|\|[])o.set(t,n),n+=1;o.set(t,n),n+=1;let r=null;return function(e){if(!e)return;let n=!1,s=null,i=null;for(;!n;){if(s=Gt(e)\|\|null,null===s)return;if(!o.has(s))return;"hint"!==t.popover&&"auto"!==s.popover\|\|(n=!0),n\|\|(e=s.parentElement)}i=o.get(s),(null===r\|\|o.get(r)<i)&&(r=s)}(t.parentElement\|\|Nt(t)),r}function Xt(t){return!(t.hidden\|\|t instanceof Lt\|\|(t instanceof HTMLButtonElement\|\|t instanceof HTMLInputElement\|\|t instanceof HTMLSelectElement\|\|t instanceof HTMLTextAreaElement\|\|t instanceof HTMLOptGroupElement\|\|t instanceof HTMLOptionElement\|\|t instanceof HTMLFieldSetElement)&&t.disabled\|\|t instanceof HTMLInputElement&&"hidden"===t.type\|\|t instanceof HTMLAnchorElement&&""===t.href\|\|"number"!=typeof t.tabIndex\|\|-1===t.tabIndex)}var Yt=new WeakMap;function _t(t){if(!Wt(t,!1))return;const e=t.ownerDocument;if(!t.dispatchEvent(new At("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"})))return;if(!Wt(t,!1))return;let o=!1;const n=t.popover;let r=null;const s=Vt(t,Rt.get(e)\|\|new Set),i=Vt(t,jt.get(e)\|\|new Set);if("auto"===n&&(Kt(jt.get(e)\|\|new Set,o,!0),Ut(s\|\|e,o,!0),r="auto"),"hint"===n&&(i?(Ut(i,o,!0),r="hint"):(Kt(jt.get(e)\|\|new Set,o,!0),s?(Ut(s,o,!0),r="auto"):r="hint")),"auto"===n\|\|"hint"===n){if(n!==t.popover\|\|!Wt(t,!1))return;qt(e)\|\|(o=!0),"auto"===r?(Rt.has(e)\|\|Rt.set(e,new Set),Rt.get(e).add(t)):"hint"===r&&(jt.has(e)\|\|jt.set(e,new Set),jt.get(e).add(t))}Yt.delete(t);const a=e.activeElement;var p;t.classList.add(":popover-open"),zt.set(t,"showing"),Dt.has(e)\|\|Dt.set(e,new Set),Dt.get(e).add(t),oe(Pt.get(t),!0),p=t,function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let o=e.querySelector("[autofocus]");if(o)return o;{const t=e.querySelectorAll("slot");for(const e of t){const t=e.assignedElements({flatten:!0});for(const e of t){if(e.hasAttribute("autofocus"))return e;if(o=e.querySelector("[autofocus]"),o)return o}}}const n=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let r=n.currentNode;for(;r;){if(Xt(r))return r;r=n.nextNode()}}(p)?.focus(),o&&a&&"auto"===t.popover&&Yt.set(t,a),Ht(t,"closed","open")}function Jt(t,e=!1,o=!1){if(!Wt(t,!0))return;const n=t.ownerDocument;if(["auto","hint"].includes(t.popover)&&(Ut(t,e,o),!Wt(t,!0)))return;const r=Rt.get(n)\|\|new Set,s=r.has(t)&&Ct(r)===t;if(oe(Pt.get(t),!1),Pt.delete(t),o&&(t.dispatchEvent(new At("beforetoggle",{oldState:"open",newState:"closed"})),s&&Ct(r)!==t&&Ut(t,e,o),!Wt(t,!0)))return;Dt.get(n)?.delete(t),r.delete(t),jt.get(n)?.delete(t),t.classList.remove(":popover-open"),zt.set(t,"hidden"),o&&Ht(t,"open","closed");const i=Yt.get(t);i&&(Yt.delete(t),e&&i.focus())}function Kt(t,e=!1,o=!1){let n=It(t);for(;n;)Jt(n,e,o),n=It(t)}function Qt(t,e,o,n){let r=!1,s=!1;for(;r\|\|!s;){s=!0;let i=null,a=!1;for(const o of e)if(o===t)a=!0;else if(a){i=o;break}if(!i)return;for(;"showing"===Ft(i)&&e.size;)Jt(Ct(e),o,n);e.has(t)&&Ct(e)!==t&&(r=!0),r&&(n=!1)}}function Ut(t,e,o){const n=t.ownerDocument\|\|t;if(t instanceof Document)return function(t,e=!1,o=!1){let n=qt(t);for(;n;)Jt(n,e,o),n=qt(t)}(n,e,o);jt.get(n)?.has(t)?Qt(t,jt.get(n),e,o):(Kt(jt.get(n)\|\|new Set,e,o),Rt.get(n)?.has(t)&&Qt(t,Rt.get(n),e,o))}var Zt=new WeakMap;function te(t){if(!t.isTrusted)return;const e=t.composedPath()[0];if(!e)return;const o=e.ownerDocument;if(!qt(o))return;const n=function(t){const e=Gt(t),o=function(t){for(;t;){const e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement\|\|Nt(t))instanceof Lt&&(t=t.host),t instanceof Document)return}}(t);return Bt(e)>Bt(o)?e:o}(e);if(n&&"pointerdown"===t.type)Zt.set(o,n);else if("pointerup"===t.type){const t=Zt.get(o)===n;Zt.delete(o),t&&Ut(n\|\|o,!1,!0)}}var ee=new WeakMap;function oe(t,e=!1){if(!t)return;ee.has(t)\|\|ee.set(t,t.getAttribute("aria-expanded"));const o=t.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)t.setAttribute("aria-expanded",String(e));else{const e=ee.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var ne=globalThis.ShadowRoot\|\|function(){};function re(t,e,o){const n=t[e];Object.defineProperty(t,e,{value(t){return n.call(this,o(t))}})}var se=/(^\|[^\\]):popover-open\b/g;var ie=null;function ae(t){const e=function(){const t="function"==typeof globalThis.CSSLayerBlockRule;return`\n${t?"@layer popover-polyfill {":""}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${t?"}":""}\n`}();if(null===ie)try{(ie=new CSSStyleSheet).replaceSync(e)}catch{ie=!1}if(!1===ie){const o=document.createElement("style");o.textContent=e,t instanceof Document?t.head.prepend(o):t.prepend(o)}else t.adoptedStyleSheets=[ie,...t.adoptedStyleSheets]}var pe=function(t,e,o,n){var r,s=arguments.length,i=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(e,o,i):r(e,o))\|\|i);return s>3&&i&&Object.defineProperty(e,o,i),i};const ce={"pop-in":function(t){if(t)return t.animate([{transform:"scale(0.9)",opacity:0},{transform:"scale(1)",opacity:1}],{duration:250,easing:"ease-out",fill:"forwards"})}},le=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postBeforeShow=o(this,"postBeforeShow",7),this.postShow=o(this,"postShow",7),this.postHide=o(this,"postHide",7),this.postBeforeToggle=o(this,"postBeforeToggle",7),this.postToggle=o(this,"postToggle",7),this.toggleTimeoutId=null,this.hasOpenedOnce=!0,this.placement="top",this.edgeGap=8,this.arrow=!1,this.animation="pop-in",this.currentAnimation=null,this.boundMouseTrackingHandler=this.mouseTrackingHandler.bind(this)}mouseTrackingHandler(t){this.host.style.setProperty("--post-safe-space-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--post-safe-space-cursor-y",`${t.clientY}px`)}connectedCallback(){!n.isBrowser\|\|"undefined"!=typeof HTMLElement&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype\|\|function(){if("undefined"==typeof window)return;function t(t){return t?.includes(":popover-open")&&(t=t.replace(se,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent\|\|At,re(Document.prototype,"querySelector",t),re(Document.prototype,"querySelectorAll",t),re(Element.prototype,"querySelector",t),re(Element.prototype,"querySelectorAll",t),re(Element.prototype,"matches",t),re(Element.prototype,"closest",t),re(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const t=(this.getAttribute("popover")\|\|"").toLowerCase();return""===t\|\|"auto"==t?"auto":"hint"==t?"hint":"manual"},set(t){null===t?this.removeAttribute("popover"):this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(t={}){_t(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){Jt(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t={}){return"boolean"==typeof t&&(t={force:t}),"showing"===zt.get(this)&&void 0===t.force\|\|!1===t.force?Jt(this,!0,!0):void 0!==t.force&&!0!==t.force\|\|_t(this),"showing"===zt.get(this)}}});const e=Element.prototype.attachShadow;e&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){const o=e.call(this,t);return ae(o),o}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const t=o.call(this);return t.shadowRoot&&ae(t.shadowRoot),t}}});const n=new WeakMap;function r(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),n.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),n.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName)return null;if("input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type)return null;if(this.disabled)return null;if(this.form&&"submit"===this.type)return null;const t=n.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return n.delete(this),null;const e=Nt(this),o=this.getAttribute("popovertarget");return(e instanceof Document\|\|e instanceof ne)&&o&&e.getElementById(o)\|\|null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const t=(this.getAttribute("popovertargetaction")\|\|"").toLowerCase();return"show"===t\|\|"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}var s;r(HTMLButtonElement),r(HTMLInputElement),(s=document).addEventListener("click",(t=>{const e=t.composedPath(),o=e[0];if(!(o instanceof Element)\|\|o?.shadowRoot)return;const n=Nt(o);if(!(n instanceof ne\|\|n instanceof Document))return;const r=e.find((t=>t.matches?.("[popovertargetaction],[popovertarget]")));return r?(function(t){const e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;const o=Ft(e);"show"===t.popoverTargetAction&&"showing"===o\|\|"hide"===t.popoverTargetAction&&"hidden"===o\|\|("showing"===o?Jt(e,!0,!0):Wt(e,!1)&&(Pt.set(e,t),_t(e)))}(r),void t.preventDefault()):void 0})),s.addEventListener("keydown",(t=>{const e=t.key,o=t.target;t.defaultPrevented\|\|!o\|\|"Escape"!==e&&"Esc"!==e\|\|Ut(o.ownerDocument,!0,!0)})),s.addEventListener("pointerdown",te),s.addEventListener("pointerup",te),ae(document)}()}componentDidLoad(){this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.host.removeEventListener("beforetoggle",this.handleToggle.bind(this))}async show(t){!this.toggleTimeoutId&&t&&(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId\|\|(this.eventTarget=null,this.host.hidePopover(),this.postHide.emit())}async toggle(t,e){const o=this.host.matches(":where(:popover-open, .popover-open)");return!0!==e&&(void 0!==e\|\|o)\|\|t?(this.eventTarget=t,this.toggleTimeoutId\|\|(this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open)")):o}open(){const t=this.host.shadowRoot?.querySelector(".popover-content");if(this.startAutoupdates(),t){const e=ce[this.animation];"function"==typeof e?this.runOpenAnimation(e,t):(this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!0}),this.postShow.emit({first:this.hasOpenedOnce}),this.hasOpenedOnce&&(this.hasOpenedOnce=!1))}this.safeSpace&&globalThis.addEventListener("mousemove",this.boundMouseTrackingHandler)}close(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.safeSpace&&globalThis.removeEventListener("mousemove",this.boundMouseTrackingHandler),this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null),this.postBeforeToggle.emit({willOpen:!1}),this.postToggle.emit({isOpen:!1}),this.postHide.emit()}async runOpenAnimation(t,e){let o;try{if(o=t(e),!o)return this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!0}),void this.postShow.emit({first:this.hasOpenedOnce});this.currentAnimation=o,"running"===o.playState&&(this.postBeforeToggle.emit({willOpen:!0}),this.postBeforeShow.emit({first:this.hasOpenedOnce})),await o.finished,this.postToggle.emit({isOpen:!0}),this.postShow.emit({first:this.hasOpenedOnce}),this.hasOpenedOnce=!0}catch(t){console.warn("Animation failed or was interrupted:",t),this.postBeforeToggle.emit({willOpen:!1}),this.postBeforeShow.emit({first:this.hasOpenedOnce}),this.postToggle.emit({isOpen:!1})}finally{this.currentAnimation===o&&(this.currentAnimation=null)}}handleToggle(t){this.toggleTimeoutId=globalThis.setTimeout((()=>this.toggleTimeoutId=null),10),"open"===t.newState?this.open():this.close()}startAutoupdates(){this.eventTarget&&this.host&&(this.clearAutoUpdate=function(t,e,o,n){void 0===n&&(n={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:p=!1}=n,c=pt(t),l=r\|\|s?[...c?st(c):[],...e?st(e):[]]:[];l.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),s&&t.addEventListener("resize",o)}));const d=c&&a?function(t,e){let o,n=null;const r=B(t);function s(){var t;clearTimeout(o),null==(t=n)\|\|t.disconnect(),n=null}return function i(a,p){void 0===a&&(a=!1),void 0===p&&(p=1),s();const c=t.getBoundingClientRect(),{left:l,top:d,width:v,height:m}=c;if(a\|\|e(),!v\|\|!m)return;const g={rootMargin:-h(d)+"px "+-h(r.clientWidth-(l+v))+"px "+-h(r.clientHeight-(d+m))+"px "+-h(l)+"px",threshold:u(0,f(1,p))\|\|1};let x=!0;function w(e){const n=e[0].intersectionRatio;if(n!==p){if(!x)return i();n?i(!1,n):o=setTimeout((()=>{i(!1,1e-7)}),1e3)}1!==n\|\|kt(c,t.getBoundingClientRect())\|\|i(),x=!1}try{n=new IntersectionObserver(w,{...g,root:r.ownerDocument})}catch(t){n=new IntersectionObserver(w,g)}n.observe(t)}(!0),s}(c,o):null;let v,m=-1,g=null;i&&(g=new ResizeObserver((t=>{let[n]=t;n&&n.target===c&&g&&e&&(g.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=g)\|\|t.observe(e)}))),o()})),c&&!p&&g.observe(c),e&&g.observe(e));let x=p?ut(t):null;return p&&function e(){const n=ut(t);x&&!kt(x,n)&&o(),x=n,v=requestAnimationFrame(e)}(),o(),()=>{var t;l.forEach((t=>{r&&t.removeEventListener("scroll",o),s&&t.removeEventListener("resize",o)})),null==d\|\|d(),null==(t=g)\|\|t.disconnect(),g=null,p&&cancelAnimationFrame(v)}}(this.eventTarget,this.host,this.calculatePosition.bind(this)))}getHeaderHeight(){const t=document.querySelector("post-header");return t?Number.parseFloat(getComputedStyle(t).height):0}async calculatePosition(){const{x:e,y:o,middlewareData:n,placement:r}=await this.computeMainPosition(),s=r.split("-")[0];if(this.dynamicPlacement=s,this.host.style.left=`${e}px`,this.host.style.top=`${o}px`,this.arrow&&n.arrow){const{x:e,y:o}=n.arrow,r=t.STATIC_SIDES[s],i=-.5this.arrowRef.offsetWidth;r&&Object.assign(this.arrowRef.style,{left:e?`${e}px`:"",top:o?`${o}px`:"",[r]:`${i}px`})}this.safeSpace&&this.eventTarget&&await this.updateSafeSpaceBoundaries(s)}async computeMainPosition(){const t=this.edgeGap,e=(this.placement\|\|"top").includes("-"),o=Et({padding:this.getHeaderHeight(),crossAxis:!1}),n=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:n,placement:r,platform:s}=e,{mainAxis:i=!0,crossAxis:a=!1,limiter:p={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...c}=x(t,e),l={x:o,y:n},f=await s.detectOverflow(e,c),u=S(w(r)),d=y(u);let h=l[d],v=l[u];i&&(h=g(h+f["y"===d?"top":"left"],h,h-f["y"===d?"bottom":"right"])),a&&(v=g(v+f["y"===u?"top":"left"],v,v-f["y"===u?"bottom":"right"]));const m=p.fn({...e,[d]:h,[u]:v});return{...m,data:{x:m.x-o,y:m.y-n,enabled:{[d]:i,[u]:a}}}}}}({padding:t,limiter:(s={offset:32},void 0===s&&(s={}),{options:s,fn(t){const{x:e,y:o,placement:n,rects:r,middlewareData:i}=t,{offset:a=0,mainAxis:p=!0,crossAxis:c=!0}=x(s,t),l={x:e,y:o},f=S(n),u=y(f);let d=l[u],h=l[f];const v=x(a,t),m="number"==typeof v?{mainAxis:v,crossAxis:0}:{mainAxis:0,crossAxis:0,...v};if(p){const t="y"===u?"height":"width",e=r.reference[u]-r.floating[t]+m.mainAxis,o=r.reference[u]+r.reference[t]-m.mainAxis;d<e?d=e:d>o&&(d=o)}if(c){var g,b;const t="y"===u?"width":"height",e=F.has(w(n)),o=r.reference[f]-r.floating[t]+(e&&(null==(g=i.offset)?void 0:g[f])\|\|0)+(e?0:m.crossAxis),s=r.reference[f]+r.reference[t]+(e?0:(null==(b=i.offset)?void 0:b[f])\|\|0)-(e?m.crossAxis:0);h<o?h=o:h>s&&(h=s)}return{[u]:d,[f]:h}}})}),r=[St(this.offset??(this.arrow?t+4:t)),Mt(),...e?[o,n]:[n,o],Tt({apply({availableWidth:e,elements:o}){Object.assign(o.floating.style,{maxWidth:e-2*t+"px"})}})];var s;return this.arrow&&r.push((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:n,placement:r,rects:s,platform:i,elements:a,middlewareData:p}=e,{element:c,padding:l=0}=x(t,e)\|\|{};if(null==c)return{};const u=$(l),d={x:o,y:n},h=E(r),v=k(h),m=await i.getDimensions(c),w="y"===h,y=w?"top":"left",S=w?"bottom":"right",T=w?"clientHeight":"clientWidth",M=s.reference[v]+s.reference[h]-d[h]-s.floating[v],A=d[h]-s.reference[h],O=await(null==i.getOffsetParent?void 0:i.getOffsetParent(c));let H=O?O[T]:0;H&&await(null==i.isElement?void 0:i.isElement(O))\|\|(H=a.floating[T]\|\|s.floating[v]);const L=M/2-A/2,D=H/2-m[v]/2-1,R=f(u[y],D),j=f(u[S],D),z=R,F=H-m[v]-j,P=H/2-m[v]/2+L,C=g(z,P,F),W=!p.arrow&&null!=b(r)&&P!==C&&s.reference[v]/2-(P<z?R:j)-m[v]/2<0,B=W?P<z?P-z:P-F:0;return{[h]:d[h]+B,data:{[h]:C,centerOffset:P-C-B,...W&&{alignmentOffset:B}},reset:W}}}))({element:this.arrowRef,padding:t})),((t,e,o)=>{const n=new Map,r={platform:yt,...o},s={...r.platform,_c:n};return(async(t,e,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:s=[],platform:i}=o,a=i.detectOverflow?i:{...i,detectOverflow:j},p=await(null==i.isRTL?void 0:i.isRTL(e));let c=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:l,y:f}=R(c,n,p),u=n,d=0;const h={};for(let o=0;o<s.length;o++){const v=s[o];if(!v)continue;const{name:m,fn:g}=v,{x,y:w,data:b,reset:y}=await g({x:l,y:f,initialPlacement:n,placement:u,strategy:r,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});l=null!=x?x:l,f=null!=w?w:f,h[m]={...h[m],...b},y&&d<50&&(d++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await i.getElementRects({reference:t,floating:e,strategy:r}):y.rects),({x:l,y:f}=R(c,u,p))),o=-1)}return{x:l,y:f,placement:u,strategy:r,middlewareData:h}})(t,e,{...r,platform:s})})(this.eventTarget,this.host,{placement:this.placement\|\|"top",strategy:"fixed",middleware:r})}async updateSafeSpaceBoundaries(e){const o=this.eventTarget.getBoundingClientRect(),n="top"===e\|\|"bottom"===e,r=((t,e,o)=>"top"===t\|\|"bottom"===t?{popover:{y:"top"===t?e.bottom:e.top,xStart:e.left,xEnd:e.right},trigger:{y:"top"===t?o.top:o.bottom,xStart:o.left,xEnd:o.right}}:{popover:{x:"left"===t?e.right:e.left,yStart:e.top,yEnd:e.bottom},trigger:{x:"left"===t?o.left:o.right,yStart:o.top,yEnd:o.bottom}})(e,this.host.getBoundingClientRect(),o);t.PROPERTIES_TO_CLEAR.forEach((t=>{this.host.style.removeProperty(t)})),n?(this.host.style.setProperty("--post-safe-space-popover-y",`${r.popover.y}px`),this.host.style.setProperty("--post-safe-space-popover-x-start",`${r.popover.xStart}px`),this.host.style.setProperty("--post-safe-space-popover-x-end",`${r.popover.xEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-y",`${r.trigger.y}px`),this.host.style.setProperty("--post-safe-space-trigger-x-start",`${r.trigger.xStart}px`),this.host.style.setProperty("--post-safe-space-trigger-x-end",`${r.trigger.xEnd}px`)):(this.host.style.setProperty("--post-safe-space-popover-x",`${r.popover.x}px`),this.host.style.setProperty("--post-safe-space-popover-y-start",`${r.popover.yStart}px`),this.host.style.setProperty("--post-safe-space-popover-y-end",`${r.popover.yEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-x",`${r.trigger.x}px`),this.host.style.setProperty("--post-safe-space-trigger-y-start",`${r.trigger.yStart}px`),this.host.style.setProperty("--post-safe-space-trigger-y-end",`${r.trigger.yEnd}px`))}render(){return r(s,{key:"be9f32a35f247f5b2cb54599b96e715ce1a5a1f1","data-version":a,popover:"auto"},r("div",{key:"ad2616c15dfec83e1e53ad14cb145aee2d625c9a",part:"post-popovercontainer-content",class:"popover-content"},this.arrow&&r("span",{key:"293ba9d1ba2a7b57297cd4aa716ba1369b2f8988","dynamic-placement":this.dynamicPlacement,class:"arrow",ref:t=>{this.arrowRef=t}}),r("span",{key:"7b9d47b53a4d4a672490eccdc88a7eb0552b5574",part:"post-popovercontainer-border-mask"}),r("slot",{key:"4b4249d6ebe1c247634bbb76b08ec01e73dc7d4b"})))}get host(){return this}static get style(){return'@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{-webkit-border-after:2px solid rgba(0,0,0,0);border-block-end:2px solid rgba(0,0,0,0);-webkit-border-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{-webkit-border-before:2px solid rgba(0,0,0,0);border-block-start:2px solid rgba(0,0,0,0);-webkit-border-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{-webkit-border-after:2px solid rgba(0,0,0,0);border-block-end:2px solid rgba(0,0,0,0);-webkit-border-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{-webkit-border-before:2px solid rgba(0,0,0,0);border-block-start:2px solid rgba(0,0,0,0);-webkit-border-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{-webkit-clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)));clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{-webkit-clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)));clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{-webkit-filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{-webkit-filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{-webkit-filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{-webkit-filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15));filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}'}},[257,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],offset:[2],arrow:[4],safeSpace:[513,"safe-space"],dynamicPlacement:[32],show:[64],hide:[64],toggle:[64]}]);function fe(){"undefined"!=typeof customElements&&["post-popovercontainer"].forEach((t=>{"post-popovercontainer"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),le))}))}le.STATIC_SIDES={top:"bottom",right:"left",bottom:"top",left:"right"},le.PROPERTIES_TO_CLEAR=["--post-safe-space-popover-x","--post-safe-space-popover-y","--post-safe-space-popover-x-start","--post-safe-space-popover-x-end","--post-safe-space-popover-y-start","--post-safe-space-popover-y-end","--post-safe-space-trigger-x","--post-safe-space-trigger-y","--post-safe-space-trigger-x-start","--post-safe-space-trigger-x-end","--post-safe-space-trigger-y-start","--post-safe-space-trigger-y-end"],pe([p(l)],le.prototype,"placement",void 0),pe([c("number")],le.prototype,"edgeGap",void 0),pe([p(["triangle","trapezoid"])],le.prototype,"safeSpace",void 0);export{l as P,le as a,fe as d}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as i}from"@stencil/core/internal/client";import{r as s,c as n,g as a}from"./create-validator-decorator.js";import{T as c}from"./type.js";function u(e,t,r){const o=n({priority:1,blocking:!1,run(o,i){const{value:s,showError:n}=a(o,i);if("number"!=typeof s)return!0;const c=function(e,t){const r="string"==typeof t?e[t]:t;return"number"==typeof r?r:null}(o,e);if(null===c){if("string"==typeof e){const t=typeof o[e];if("number"!==t)return n(`references property "${e}" which must be a number but got ${t}`),!1}return!0}const u=t.include??r.includeDefault;return!!r.compare(s,c,u)\|\|(n("must be "+r.formatExpectation("string"==typeof e?c+"":e+"",u)),!1)}});return function(t,r){"string"==typeof e&&s(t,e,r),o(t,r)}}function l(e,t={}){return u(e,{include:t.includeMin},{includeDefault:!1,compare:(e,t,r)=>r?e>=t:e>t,formatExpectation:(e,t)=>t?`greater than or equal to "${e}"`:`greater than "${e}"`})}var p=function(e,t,r,o){var i,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))\|\|n);return s>3&&n&&Object.defineProperty(t,r,n),n};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.min=0,this.max=100}getEffectiveMin(){return Number.isFinite(this.min)?this.min:0}getEffectiveMax(){return Number.isFinite(this.max)&&this.max>this.getEffectiveMin()?this.max:100}getEffectiveValue(e,t){return void 0===this.value\|\|!Number.isFinite(this.value)\|\|this.value<e\|\|this.value>t?e:this.value}render(){const e=this.getEffectiveMin(),t=this.getEffectiveMax(),i=this.getEffectiveValue(e,t);return r(o,{key:"~~3d48615c3f08904f896eb5ebb7d8bfdff882a89b~~",role:"progressbar","aria-valuenow":i,"aria-valuemin":e,"aria-valuemax":t},r("div",{key:"~~dd8c0d44ba1aeccb3102cb15556517df98b9cf63~~",class:"progress-value",style:{"--post-progressbar-value":(i-e)/(t-e)*100+"%"}}))}get host(){return this}static get style(){return":host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);-webkit-box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));-webkit-transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}"}},[1,"post-progressbar",{min:[2],max:[2],value:[2]}]);p([c("number")],b.prototype,"min",void 0),p([c("number"),l("min")],b.prototype,"max",void 0),p([c("number"),l("min"),function(e,t={}){return u("max",{include:t.includeMax},{includeDefault:!0,compare:(e,t,r)=>r?e<=t:e<t,formatExpectation:(e,t)=>t?`less than or equal to "${e}"`:`less than "${e}"`})}()],b.prototype,"value",void 0);const d=b,f=function(){"undefined"!=typeof customElements&&["post-progressbar"].forEach((e=>{"post-progressbar"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),b))}))};export{d as PostProgressbar,f as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as i}from"@stencil/core/internal/client";import{r as s,c as n,g as a}from"./create-validator-decorator.js";import{T as c}from"./type.js";function u(e,t,r){const o=n({priority:1,blocking:!1,run(o,i){const{value:s,showError:n}=a(o,i);if("number"!=typeof s)return!0;const c=function(e,t){const r="string"==typeof t?e[t]:t;return"number"==typeof r?r:null}(o,e);if(null===c){if("string"==typeof e){const t=typeof o[e];if("number"!==t)return n(`references property "${e}" which must be a number but got ${t}`),!1}return!0}const u=t.include??r.includeDefault;return!!r.compare(s,c,u)\|\|(n("must be "+r.formatExpectation("string"==typeof e?c+"":e+"",u)),!1)}});return function(t,r){"string"==typeof e&&s(t,e,r),o(t,r)}}function l(e,t={}){return u(e,{include:t.includeMin},{includeDefault:!1,compare:(e,t,r)=>r?e>=t:e>t,formatExpectation:(e,t)=>t?`greater than or equal to "${e}"`:`greater than "${e}"`})}var p=function(e,t,r,o){var i,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))\|\|n);return s>3&&n&&Object.defineProperty(t,r,n),n};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.min=0,this.max=100}getEffectiveMin(){return Number.isFinite(this.min)?this.min:0}getEffectiveMax(){return Number.isFinite(this.max)&&this.max>this.getEffectiveMin()?this.max:100}getEffectiveValue(e,t){return void 0===this.value\|\|!Number.isFinite(this.value)\|\|this.value<e\|\|this.value>t?e:this.value}render(){const e=this.getEffectiveMin(),t=this.getEffectiveMax(),i=this.getEffectiveValue(e,t);return r(o,{key:"26bdbb5219393e8b44e2fe5395d8a4cd8aa7e18a",role:"progressbar","aria-valuenow":i,"aria-valuemin":e,"aria-valuemax":t},r("div",{key:"65b81479fac7aa6024556ef6589064f997f4394e",class:"progress-value",style:{"--post-progressbar-value":(i-e)/(t-e)*100+"%"}}))}get host(){return this}static get style(){return":host{display:block;position:relative;height:var(--post-device-sizing-interactive-progressbar-indicator);border-radius:var(--post-device-border-radius-round);-webkit-box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;box-shadow:0px 0px 0px var(--post-device-border-width-alternative1) var(--post-scheme-color-interactive-primary-enabled-stroke) inset;overflow:hidden}.progress-value{position:absolute;inset-block:0;inset-inline-start:0;width:var(--post-progressbar-value, 0);border-radius:var(--post-device-border-radius-round);background-color:var(--post-progressbar-status-color, var(--post-scheme-color-interactive-primary-enabled-bg2));-webkit-transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border:1px solid Highlight}.progress-value{background-color:Highlight}}"}},[1,"post-progressbar",{min:[2],max:[2],value:[2]}]);p([c("number")],b.prototype,"min",void 0),p([c("number"),l("min")],b.prototype,"max",void 0),p([c("number"),l("min"),function(e,t={}){return u("max",{include:t.includeMax},{includeDefault:!0,compare:(e,t,r)=>r?e<=t:e<t,formatExpectation:(e,t)=>t?`less than or equal to "${e}"`:`less than "${e}"`})}()],b.prototype,"value",void 0);const d=b,h=function(){"undefined"!=typeof customElements&&["post-progressbar"].forEach((e=>{"post-progressbar"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),b))}))};export{d as PostProgressbar,h as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as s,createEvent as r,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{v as o}from"./package.js";import{d as n}from"./post-icon2.js";import{R as l}from"./required.js";import{T as h}from"./type.js";var c=function(t,s,r,i){var a,e=arguments.length,o=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,r,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(e<3?a(o):e>3?a(s,r,o):a(s,r))\|\|o);return e>3&&o&&Object.defineProperty(s,r,o),o};const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly\|\|t<0\|\|t>this.stars\|\|(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly\|\|("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(a,{key:"~~c037e21b074c9ebc433e325e49d17dbe06d8db43~~","data-version":o},i("div",{key:"~~f661eac91003680598c38d54dbc5fa3f482b7ad8~~",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:"star-"+t,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"favoritestar",class:"stroke"}),i("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return this}static get style(){return":host{display:inline-block}.rating{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;-webkit-transition:all ease 100ms;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}"}},[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]);c([l(),h("string")],d.prototype,"label",void 0),c([l(),h("number")],d.prototype,"stars",void 0),c([l(),h("number")],d.prototype,"currentRating",void 0);const f=d,p=function(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((t=>{switch(t){case"post-rating":customElements.get(e(t))\|\|customElements.define(e(t),d);break;case"post-icon":customElements.get(e(t))\|\|n()}}))};export{f as PostRating,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as s,createEvent as r,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{v as o}from"./package.js";import{d as n}from"./post-icon2.js";import{R as l}from"./required.js";import{T as h}from"./type.js";var c=function(t,s,r,i){var a,e=arguments.length,o=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,r,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(e<3?a(o):e>3?a(s,r,o):a(s,r))\|\|o);return e>3&&o&&Object.defineProperty(s,r,o),o};const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly\|\|t<0\|\|t>this.stars\|\|(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly\|\|("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(a,{key:"c793abbf5e0d01bb19dc4464ebd75249959a1717","data-version":o},i("div",{key:"357946df40a3d3a85ece2d0ac6ecc761951d9471",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:"star-"+t,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"favoritestar",class:"stroke"}),i("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return this}static get style(){return":host{display:inline-block}.rating{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;-webkit-transition:all ease 100ms;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}"}},[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]);c([l(),h("string")],d.prototype,"label",void 0),c([l(),h("number")],d.prototype,"stars",void 0),c([l(),h("number")],d.prototype,"currentRating",void 0);const f=d,p=function(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((t=>{switch(t){case"post-rating":customElements.get(e(t))\|\|customElements.define(e(t),d);break;case"post-icon":customElements.get(e(t))\|\|n()}}))};export{f as PostRating,p as defineCustomElement}

package/dist/components/post-side-navigation-trigger.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as r}from"./get-root.js";import{R as a}from"./required.js";import{T as h}from"./type.js";import{E as c}from"./event-from.js";var d=function(t,i,s,e){var o,n=arguments.length,r=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(i,s,r):o(i,s))\|\|r);return n>3&&r&&Object.defineProperty(i,s,r),r};const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.toggleSideNavigation=this.toggleSideNavigation.bind(this),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=r(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-side-navigation-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle),this.trigger?.removeEventListener("click",this.toggleSideNavigation)}get sideNavigation(){const t=this.root.getElementById(this.for);return t&&"post-side-navigation"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t\|\|this.trigger&&t.isEqualNode(this.trigger)\|\|(this.trigger&&this.trigger.removeEventListener("click",this.toggleSideNavigation),this.trigger=t,this.trigger.addEventListener("click",this.toggleSideNavigation),this.updateAriaAttributes())}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),this.trigger.setAttribute("aria-expanded","false")}handlePostToggle(t){this.trigger?.setAttribute("aria-expanded",""+t.detail)}async update(){this.updateAriaAttributes()}async toggleSideNavigation(){await(this.sideNavigation?.toggle())}render(){return s(e,{key:"~~f6b6a9681e0894724cdf523cbd8104f3c3c1924d~~","data-version":n},s("slot",{key:"~~cbd61018657553b1aed33bddb3667145548fc653~~"}))}get host(){return this}static get style(){return":host{display:inline-block}@media screen and (min-width: 1024px){:host{display:none}}"}},[257,"post-side-navigation-trigger",{for:[513],update:[64]}]);d([a(),h("string")],l.prototype,"for",void 0),d([c("post-side-navigation",{ignoreNestedComponents:!1})],l.prototype,"handlePostToggle",null);const g=l,p=function(){"undefined"!=typeof customElements&&["post-side-navigation-trigger"].forEach((t=>{"post-side-navigation-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),l))}))};export{g as PostSideNavigationTrigger,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as a}from"./get-root.js";import{R as r}from"./required.js";import{T as h}from"./type.js";import{E as c}from"./event-from.js";var d=function(t,i,s,e){var o,n=arguments.length,a=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(i,s,a):o(i,s))\|\|a);return n>3&&a&&Object.defineProperty(i,s,a),a};const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.toggleSideNavigation=this.toggleSideNavigation.bind(this),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=a(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-side-navigation-trigger must contain a button.")}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle),this.trigger?.removeEventListener("click",this.toggleSideNavigation)}get sideNavigation(){const t=this.root.getElementById(this.for);return t&&"post-side-navigation"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t\|\|this.trigger&&t.isEqualNode(this.trigger)\|\|(this.trigger&&this.trigger.removeEventListener("click",this.toggleSideNavigation),this.trigger=t,this.trigger.addEventListener("click",this.toggleSideNavigation),this.updateAriaAttributes())}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),this.trigger.setAttribute("aria-expanded","false")}handlePostToggle(t){this.trigger?.setAttribute("aria-expanded",""+t.detail)}async update(){this.updateAriaAttributes()}async toggleSideNavigation(){await(this.sideNavigation?.toggle())}render(){return s(e,{key:"2822a6c7246da96de537eff3e3fbf5a2db400547","data-version":n},s("slot",{key:"0bb02d90c7916a4dbfe6dd7fc0f4325509939a80"}))}get host(){return this}static get style(){return":host{display:inline-block}@media screen and (min-width: 1024px){:host{display:none}}"}},[257,"post-side-navigation-trigger",{for:[513],update:[64]}]);d([r(),h("string")],l.prototype,"for",void 0),d([c("post-side-navigation",{ignoreNestedComponents:!1})],l.prototype,"handlePostToggle",null);const g=l,p=function(){"undefined"!=typeof customElements&&["post-side-navigation-trigger"].forEach((t=>{"post-side-navigation-trigger"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),l))}))};export{g as PostSideNavigationTrigger,p as defineCustomElement}