@swisspost/design-system-components 10.0.0-next.59 → 10.0.0-next.60

package/dist/components/react/post-megadropdown-trigger.js

@@ -1 +1 @@
-import{p as t,H as o,h as e,a as r,t as i}from"./index.js";import{v as n}from"./p-DzmpoNOx.js";import{I as a}from"./p-FxUVQ4Tx.js";import{c as s}from"./p-D6ZeuFSR.js";import{E as c}from"./p-rEfV4v4a.js";import{d}from"./p-B7Pfex_I.js";const p=t(class extends o{validateFor(){s(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1,this.onMegadropdownToggled=this.onMegadropdownToggled.bind(this)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.cloneSlottedButton()}componentDidLoad(){this.validateFor(),a&&document.addEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}disconnectedCallback(){document.removeEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}get megadropdown(){const t=document.getElementById(this.for);return"post-megadropdown"!==t?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):t}onClick(){this.megadropdown?.toggle()}onKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.megadropdown&&(t.preventDefault(),this.megadropdown.toggle())}onMegadropdownToggled(t){if(t.target.id===this.for){const o=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=t.detail.isVisible,!o||this.isMegadropdownExpanded||!t.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}render(){return e(r,{key:"e2fccf83b9957d929e8014bcaae51511ddbb3e8f","data-version":n},e("button",{key:"1b796d6f5e3be99db7037dce808a42a7ca82cff7",ref:t=>this.interactiveButton=t,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},e("span",{key:"4de2cc323cfb9d7288ca950ba20c9072cf4b9a38"},e("span",{key:"64829988553f7086a8d79e15a3282d2e577bc6ba"},e("slot",{key:"8e59c15428d9a201ef38419db3f502be82458462"})),e("span",{key:"323e643fc73b41b4dfb6ae813a3132b99e671ae6","aria-hidden":"true",innerHTML:this.slottedContent})),e("post-icon",{key:"8a48e81632b6e290f6176a006e5adf5cf871ef45",name:"chevrondown"})))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return'button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}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}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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){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){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){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;height:100%}button::before{content:"";background-color:#050400;position:absolute;inset-inline:0;inset-block-end:0;height:var(--post-nav-item-border-width)}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button:hover::before{background-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button{outline-offset:calc(       -2px - var(--post-device-border-width-focus)     ) !important}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem}button::before{content:unset}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},void 0,{for:[{validateFor:0}]}]);function l(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((t=>{switch(t){case"post-megadropdown-trigger":customElements.get(i(t))||customElements.define(i(t),p);break;case"post-icon":customElements.get(i(t))||d()}}))}(function(t,o,e,r){var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,e,r);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);n>3&&a&&Object.defineProperty(o,e,a)})([c("post-megadropdown",{ignoreNestedComponents:!1})],p.prototype,"onMegadropdownToggled",null),l();const b=p,u=l;export{b as PostMegadropdownTrigger,u as defineCustomElement}
+import{p as t,H as o,h as e,a as r,t as i}from"./index.js";import{v as n}from"./p-BzBcOfzl.js";import{I as a}from"./p-FxUVQ4Tx.js";import{c as s}from"./p-D6ZeuFSR.js";import{E as c}from"./p-rEfV4v4a.js";import{d}from"./p-CILij1jX.js";const l=t(class extends o{validateFor(){s(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1,this.onMegadropdownToggled=this.onMegadropdownToggled.bind(this)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.cloneSlottedButton()}componentDidLoad(){this.validateFor(),a&&document.addEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}disconnectedCallback(){document.removeEventListener("postToggleMegadropdown",this.onMegadropdownToggled)}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}get megadropdown(){const t=document.getElementById(this.for);return"post-megadropdown"!==t?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):t}onClick(){this.megadropdown?.toggle()}onKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.megadropdown&&(t.preventDefault(),this.megadropdown.toggle())}onMegadropdownToggled(t){if(t.target.id===this.for){const o=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=t.detail.isVisible,!o||this.isMegadropdownExpanded||!t.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}render(){return e(r,{key:"e2fccf83b9957d929e8014bcaae51511ddbb3e8f","data-version":n},e("button",{key:"1b796d6f5e3be99db7037dce808a42a7ca82cff7",ref:t=>this.interactiveButton=t,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},e("span",{key:"4de2cc323cfb9d7288ca950ba20c9072cf4b9a38"},e("span",{key:"64829988553f7086a8d79e15a3282d2e577bc6ba"},e("slot",{key:"8e59c15428d9a201ef38419db3f502be82458462"})),e("span",{key:"323e643fc73b41b4dfb6ae813a3132b99e671ae6","aria-hidden":"true",innerHTML:this.slottedContent})),e("post-icon",{key:"8a48e81632b6e290f6176a006e5adf5cf871ef45",name:"chevrondown"})))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return'button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}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}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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){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){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){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;height:100%}button::before{content:"";background-color:#050400;position:absolute;inset-inline:0;inset-block-end:0;height:var(--post-nav-item-border-width)}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button:hover::before{background-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button{outline-offset:calc(       -2px - var(--post-device-border-width-focus)     ) !important}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem}button::before{content:unset}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},void 0,{for:[{validateFor:0}]}]);function p(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((t=>{switch(t){case"post-megadropdown-trigger":customElements.get(i(t))||customElements.define(i(t),l);break;case"post-icon":customElements.get(i(t))||d()}}))}(function(t,o,e,r){var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,e,r);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);n>3&&a&&Object.defineProperty(o,e,a)})([c("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null),p();const b=l,u=p;export{b as PostMegadropdownTrigger,u as defineCustomElement}

package/dist/components/react/post-megadropdown.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,a as o,t as n}from"./index.js";import{g as a}from"./p-CJ13r5fi.js";import{v as r}from"./p-DzmpoNOx.js";import{c,g as d}from"./p-D6ZeuFSR.js";import{r as h}from"./p-CoDiS_Ik.js";import{f as l}from"./p-BVCjnh6Q.js";import{d as p}from"./p-BedNtdrk.js";import{d as b}from"./p-B7Pfex_I.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};const m=t(class t extends e{validateTextClose(){c(this,"textClose","string")}validateTextBack(){c(this,"textBack","string")}get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown"),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=d.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange.bind(this))}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.validateTextClose(),this.validateTextBack(),this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}t.activeDropdown&&t.activeDropdown!==this&&t.activeDropdown.forceClose(),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0});try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1}createAnimation(t){return"desktop"===this.device?l(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const s={...u,...i},{translate:o}=s,n=[{transform:`translateX(${o}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:s,easing:o,fill:n}={...u,...i};return t.animate(e,{duration:s,easing:h(o),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}breakpointChange(t){this.device=t.detail,this.cancelAnimation()}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...a(this.host),...a(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t[t.length-1]}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(!t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return s(o,{key:"02194ee3593dd471e2fc3aadb1d69041d613ce0a",version:r},s("div",{key:"77ab3faeb3705ac0d97ab0d72cc3fbf12c19badc",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},s("div",{key:"5d8b3ef651c3eb19f08e3ccd6c9356e01463a2e0",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&s("p",{key:"e99a5751ea896f3ab55dc9bf58635f7b2fef2a1c",class:"megadropdown-title"},this.megadropdownTitle),s("div",{key:"a0a1bfa04de139d48c825df8fdb24f93e031ea66",class:"megadropdown-content"},s("slot",{key:"68e44ce30fec1efed2855490b5d9af56ba41e004"})),"desktop"===this.device?s("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button"},this.textClose):s("button",{onClick:()=>this.hide(!0),class:"back-button"},s("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get watchers(){return{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}}static get style(){return"*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;background-color:#fafafa;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:2rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-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}.back-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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-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){.back-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){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]},void 0,{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}]);function g(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),m);break;case"post-closebutton":customElements.get(n(t))||p();break;case"post-icon":customElements.get(n(t))||b()}}))}m.activeDropdown=null,g();const f=m,v=g;export{f as PostMegadropdown,v as defineCustomElement}
+import{p as t,H as e,c as i,h as s,a as o,t as n}from"./index.js";import{g as a}from"./p-CJ13r5fi.js";import{v as r}from"./p-BzBcOfzl.js";import{c,g as d}from"./p-D6ZeuFSR.js";import{r as h}from"./p-CoDiS_Ik.js";import{f as l}from"./p-BVCjnh6Q.js";import{d as p}from"./p-BexjFgWq.js";import{d as b}from"./p-CILij1jX.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};const m=t(class t extends e{validateTextClose(){c(this,"textClose","string")}validateTextBack(){c(this,"textBack","string")}get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown"),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=d.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange.bind(this))}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.validateTextClose(),this.validateTextBack(),this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}t.activeDropdown&&t.activeDropdown!==this&&t.activeDropdown.forceClose(),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0});try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1}createAnimation(t){return"desktop"===this.device?l(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const s={...u,...i},{translate:o}=s,n=[{transform:`translateX(${o}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:s,easing:o,fill:n}={...u,...i};return t.animate(e,{duration:s,easing:h(o),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}breakpointChange(t){this.device=t.detail,this.cancelAnimation()}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...a(this.host),...a(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t[t.length-1]}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(!t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return s(o,{key:"02194ee3593dd471e2fc3aadb1d69041d613ce0a",version:r},s("div",{key:"77ab3faeb3705ac0d97ab0d72cc3fbf12c19badc",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},s("div",{key:"5d8b3ef651c3eb19f08e3ccd6c9356e01463a2e0",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&s("p",{key:"e99a5751ea896f3ab55dc9bf58635f7b2fef2a1c",class:"megadropdown-title"},this.megadropdownTitle),s("div",{key:"a0a1bfa04de139d48c825df8fdb24f93e031ea66",class:"megadropdown-content"},s("slot",{key:"68e44ce30fec1efed2855490b5d9af56ba41e004"})),"desktop"===this.device?s("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):s("button",{onClick:()=>this.hide(!0),class:"back-button"},s("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get watchers(){return{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}}static get style(){return"*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;background-color:#fafafa;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-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}.back-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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-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){.back-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){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]},void 0,{textClose:[{validateTextClose:0}],textBack:[{validateTextBack:0}]}]);function g(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),m);break;case"post-closebutton":customElements.get(n(t))||p();break;case"post-icon":customElements.get(n(t))||b()}}))}m.activeDropdown=null,g();const f=m,v=g;export{f as PostMegadropdown,v as defineCustomElement}

package/dist/components/react/post-menu-item.js

@@ -1 +1 @@
-import{P as o,d as s}from"./p-CBPQwhIE.js";const p=o,r=s;export{p as PostMenuItem,r as defineCustomElement}
+import{P as o,d as r}from"./p-BX_nFrcn.js";const s=o,n=r;export{s as PostMenuItem,n as defineCustomElement}

package/dist/components/react/post-menu-trigger.js

@@ -1 +1 @@
-import{P as o,d as s}from"./p-Bo4Ni2Xq.js";const p=o,r=s;export{p as PostMenuTrigger,r as defineCustomElement}
+import{P as o,d as s}from"./p-Djm_fenS.js";const m=o,p=s;export{m as PostMenuTrigger,p as defineCustomElement}

package/dist/components/react/post-menu.js

@@ -1 +1 @@
-import{P as o,d as p}from"./p-CoS8dKpi.js";const s=o,r=p;export{s as PostMenu,r as defineCustomElement}
+import{P as s,d as o}from"./p-BhcKbsKY.js";const p=s,r=o;export{p as PostMenu,r as defineCustomElement}

package/dist/components/react/post-pagination.js

@@ -1 +1 @@
-import{t,p as i,H as e,c as n,h as a,a as s}from"./index.js";import{v as o}from"./p-DzmpoNOx.js";import{n as l}from"./p-BLchVpF6.js";import{c as r,f as h}from"./p-D6ZeuFSR.js";import{d}from"./p-C9hMpmsD.js";import{d as p}from"./p-B7Pfex_I.js";const g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=n(this,"postChange"),this.items=[],this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=d(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}validatePage(){this.validateProp("page","number",!1)}validatePageSize(){this.validateProp("pageSize","number",!0)}validateCollectionSize(){this.validateProp("collectionSize","number",!0)}validateLabel(){this.validateProp("label","string",!0)}validateTextPrevious(){this.validateProp("textPrevious","string",!0)}validateTextNext(){this.validateProp("textNext","string",!0)}validateTextPage(){this.validateProp("textPage","string",!0)}validateTextFirst(){this.validateProp("textFirst","string",!0)}validateTextLast(){this.validateProp("textLast","string",!0)}validateDisabled(){this.validateProp("disabled","boolean",!1)}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id||l(6)),null==this.page&&(this.page=1)}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.runAllValidations(),this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}validateProp(t,i,e=!0){e?r(this,t,i):h(this,t,i)}runAllValidations(){this.validateProp("page","number",!1),this.validateProp("pageSize","number",!0),this.validateProp("collectionSize","number",!0),this.validateProp("label","string",!0),this.validateProp("textPrevious","string",!0),this.validateProp("textNext","string",!0),this.validateProp("textPage","string",!0),this.validateProp("textFirst","string",!0),this.validateProp("textLast","string",!0),this.validateProp("disabled","boolean",!1)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=window.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,i){const e=t.getBoundingClientRect();return i.getBoundingClientRect().left-e.right}measureAndCalculateVisiblePages(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const i=this.getPaginationPadding(),e=this.getAvailableWidth()-i,n=this.getControlButtonsWidth(),a=this.hiddenItemsRef.querySelector(".hidden-page-button"),s=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!a)return;const o=a.getBoundingClientRect().width,l=a&&s?this.calculateGap(a,s):0;this.maxVisiblePages=Math.max(3,Math.min(Math.floor((e-n-2*l+l)/(o+l)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((t,i)=>t+i.getBoundingClientRect().width),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=window.getComputedStyle(this.navRef);return(parseFloat(t.paddingLeft)||0)+(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||isNaN(t)||!this.page||this.page<1||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,i,e){const n=t-1,a=e-i;return{leftSection:this.sectionForGap(n),rightSection:this.sectionForGap(a),leftGap:n,rightGap:a}}computeTotalItems(t,i,e){const{leftSection:n,rightSection:a}=this.getSections(t,i,e);return 2+("none"===n?0:1)+("none"===a?0:1)+Math.max(0,i-t+1)}buildAllPages(t){const i=[];for(let e=1;e<=t;e++)i.push({type:"page",page:e});return i}adjustForGapTwo(t,i,e,n){const a={startPage:t,endPage:i};return 2==e-i&&(a.endPage=e-1,a.startPage=Math.max(2,a.endPage-n+1)),2==a.startPage-1&&(a.startPage=2,a.endPage=Math.min(e-1,a.startPage+n-1)),a}ensureMiddleSlots(t,i,e,n){const a={startPage:t,endPage:i},s=i-t+1;return s<n&&i<e-1&&(a.endPage=Math.min(e-1,t+n-1)),s<n&&t>2&&(a.startPage=Math.max(2,i-n+1)),a}trimExcessItems(t,i,e,n,a){const s={startPage:t,endPage:i};let o=this.computeTotalItems(s.startPage,s.endPage,e);for(;o>n;){if(s.endPage-a>=a-s.startPage&&s.endPage>s.startPage)s.endPage=Math.max(s.startPage-1,s.endPage-1);else{if(!(s.startPage<s.endPage))break;s.startPage=Math.min(s.endPage+1,s.startPage+1)}const t=this.computeTotalItems(s.startPage,s.endPage,e);if(t===o)break;o=t}return s}expandToFillSlots(t,i,e,n){const a={startPage:t,endPage:i};let s=this.computeTotalItems(a.startPage,a.endPage,e);for(;s<n;){const t=a.endPage<e-1;if(a.startPage>2)a.startPage=Math.max(2,a.startPage-1);else{if(!t)break;a.endPage=Math.min(e-1,a.endPage+1)}const i=this.computeTotalItems(a.startPage,a.endPage,e);if(i===s)break;s=i}return a}balanceTotalItems(t,i,e,n,a){const s=this.trimExcessItems(t,i,e,n,a);return this.expandToFillSlots(s.startPage,s.endPage,e,n)}calculatePageRange(t,i,e){const n=Math.max(0,e-2-2);if(n<=0)return{startPage:2,endPage:1};let a=t-Math.floor(n/2),s=a+n-1;a<2&&(a=2,s=a+n-1),s>i-1&&(s=i-1,a=s-n+1),a=Math.max(2,a),s=Math.min(i-1,s);const o=this.adjustForGapTwo(a,s,i,n),l=this.ensureMiddleSlots(o.startPage,o.endPage,i,n);return this.balanceTotalItems(l.startPage,l.endPage,i,e,t)}buildPaginationItems(t,i,e){const n=[],a=t<=i;if(n.push({type:"page",page:1}),a){const{leftSection:a,rightSection:s}=this.getSections(t,i,e);"page"===a?n.push({type:"page",page:2}):"ellipsis"===a&&n.push({type:"ellipsis"});for(let e=t;e<=i;e++)n.push({type:"page",page:e});return"page"===s?n.push({type:"page",page:e-1}):"ellipsis"===s&&n.push({type:"ellipsis"}),n.push({type:"page",page:e}),n}}generateSmallPagination(t,i){return 1===t||t===i?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:i}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const i=this.maxVisiblePages,e=this.page||1;if(t<=i)return void(this.items=this.buildAllPages(t));if(i<=4)return void(this.items=this.generateSmallPagination(e,t));const{startPage:n,endPage:a}=this.calculatePageRange(e,t,i);this.items=this.buildPaginationItems(n,a,t)}emitPageChange(t){this.page=t,this.postChange.emit(t)}handlePageClick(t){this.disabled||t===this.page||this.emitPageChange(t)}handlePrevious(){this.disabled||this.page<=1||this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.disabled||this.page>=t||this.emitPageChange(this.page+1)}handleKeyDown(t,i){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),i())}buildPageLabel(t){const i=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===i?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return a("li",{class:"pagination-item pagination-ellipsis",key:t},a("span",{class:"pagination-ellipsis-content","aria-hidden":"true"},"..."))}renderPageButton(t){const i=t===this.page;return a("li",{class:"pagination-item",key:"page-"+t},a("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":i},"aria-label":this.buildPageLabel(t),"aria-current":i?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:i=>this.handleKeyDown(i,(()=>this.handlePageClick(t))),disabled:!!this.disabled||void 0,tabIndex:this.disabled?-1:0},a("span",{"aria-hidden":"true"},t)))}renderItem(t,i){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+i):this.renderPageButton(t.page)}renderControlButton(t,i,e,n,s=!1){return a("li",{class:"pagination-item pagination-control"},a("button",{type:"button",class:{"pagination-link":!0,"pagination-control-button":!0,"pagination-link-disabled":e},"aria-label":i,onClick:n,onKeyDown:t=>this.handleKeyDown(t,n),disabled:e,tabIndex:e?-1:0},a("post-icon",{name:t,class:s?"pagination-icon-rotated":void 0,"aria-hidden":"true"}),a("span",{class:"visually-hidden"},i)))}renderHiddenItems(t){return[a("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},a("post-icon",{name:"chevronleft","aria-hidden":"true"})),a("button",{class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},a("span",{"aria-hidden":"true"},t)),a("span",{class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),a("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},a("post-icon",{name:"chevronleft",class:"pagination-icon-rotated","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const i=this.disabled||this.page>=t;return a(s,{slot:"post-pagination","data-version":o},a("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},a("ul",{class:"pagination-list",role:"list"},this.renderControlButton("chevronleft",this.textPrevious,this.disabled||this.page<=1,(()=>this.handlePrevious())),this.items.map(((t,i)=>this.renderItem(t,i))),this.renderControlButton("chevronleft",this.textNext,i,(()=>this.handleNext()),!0)),a("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t))))}get host(){return this}static get watchers(){return{page:[{validatePage:0},{handlePropsChange:0}],pageSize:[{validatePageSize:0},{handlePropsChange:0}],collectionSize:[{validateCollectionSize:0},{handlePropsChange:0}],label:[{validateLabel:0}],textPrevious:[{validateTextPrevious:0}],textNext:[{validateTextNext:0}],textPage:[{validateTextPage:0}],textFirst:[{validateTextFirst:0}],textLast:[{validateTextLast:0}],disabled:[{validateDisabled:0}]}}static get style(){return".pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:8px;overflow:hidden}.pagination-list{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;padding:0;margin:0;font-size:14px;font-weight:700;color:#050400;text-decoration:none;background-color:rgba(0,0,0,0);border:1px solid #ccc;border-radius:100%;cursor:pointer;appearance:none;outline:none}.pagination-link:hover:not(:disabled):not(.pagination-link-disabled){color:#504f4b;background-color:#f5f5f5;border:2px solid #504f4b}.pagination-link:active:not(:disabled):not(.pagination-link-disabled):not(.pagination-link-active){color:#504f4b;background-color:#f5f5f5;border:2px solid #504f4b}.pagination-link:focus-visible{z-index:1;outline:2px solid #050400;outline-offset:2px}.pagination-link:focus:not(:focus-visible){outline:none}.pagination-link.pagination-link-active{font-weight:700;color:#fff;background-color:#050400;border-color:#050400;cursor:default}.pagination-link.pagination-link-active:hover:not(:disabled):not(.pagination-link-disabled){background-color:#504f4b;border-color:#504f4b;color:#fff}.pagination-link:disabled,.pagination-link.pagination-link-disabled{color:#6b6b6b;background-color:#f0f0f0;border-color:#ccc;opacity:.6;cursor:default}@media (min-width: 600px){.pagination-link{width:40px;height:40px;min-width:40px;font-size:16px}}@media (min-width: 1024px){.pagination-link{width:48px;height:48px;min-width:48px;font-size:20px}}.pagination-control-button post-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 600px){.pagination-control-button post-icon{width:18px;height:18px}}@media (min-width: 1024px){.pagination-control-button post-icon{width:20px;height:20px}}.pagination-control-button:active:not(:disabled):not(.pagination-link-disabled){background-color:#f5f5f5;border:2px solid #504f4b}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#050400;user-select:none}@media (min-width: 600px){.pagination-ellipsis-content{width:40px;height:40px}}@media (min-width: 1024px){.pagination-ellipsis-content{width:48px;height:48px}}.hidden-items{position:absolute;display:flex;gap:4px;height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.pagination-icon-rotated{display:inline-block;transform:rotate(180deg)}.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"],disabled:[4],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{validatePage:0},{handlePropsChange:0}],pageSize:[{validatePageSize:0},{handlePropsChange:0}],collectionSize:[{validateCollectionSize:0},{handlePropsChange:0}],label:[{validateLabel:0}],textPrevious:[{validateTextPrevious:0}],textNext:[{validateTextNext:0}],textPage:[{validateTextPage:0}],textFirst:[{validateTextFirst:0}],textLast:[{validateTextLast:0}],disabled:[{validateDisabled:0}]}]);function c(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((i=>{switch(i){case"post-pagination":customElements.get(t(i))||customElements.define(t(i),g);break;case"post-icon":customElements.get(t(i))||p()}}))}c();const u=g,x=c;export{u as PostPagination,x as defineCustomElement}
+import{t,p as i,H as e,c as n,h as a,a as s}from"./index.js";import{v as o}from"./p-BzBcOfzl.js";import{n as l}from"./p-BLchVpF6.js";import{c as r,f as h}from"./p-D6ZeuFSR.js";import{d}from"./p-C9hMpmsD.js";import{d as p}from"./p-CILij1jX.js";const g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=n(this,"postChange"),this.items=[],this.lastWindowWidth=window.innerWidth,this.loaded=!1,this.debouncedResize=d(this.handleResizeInternal.bind(this),150),this.measurementTimeoutId=null}validatePage(){this.validateProp("page","number",!1)}validatePageSize(){this.validateProp("pageSize","number",!0)}validateCollectionSize(){this.validateProp("collectionSize","number",!0)}validateLabel(){this.validateProp("label","string",!0)}validateTextPrevious(){this.validateProp("textPrevious","string",!0)}validateTextNext(){this.validateProp("textNext","string",!0)}validateTextPage(){this.validateProp("textPage","string",!0)}validateTextFirst(){this.validateProp("textFirst","string",!0)}validateTextLast(){this.validateProp("textLast","string",!0)}validateDisabled(){this.validateProp("disabled","boolean",!1)}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id||l(6)),null==this.page&&(this.page=1)}connectedCallback(){window.addEventListener("resize",this.debouncedResize)}componentDidLoad(){this.loaded=!0,this.runAllValidations(),this.scheduleMeasurement()}disconnectedCallback(){this.loaded=!1,window.removeEventListener("resize",this.debouncedResize),null!==this.measurementTimeoutId&&(clearTimeout(this.measurementTimeoutId),this.measurementTimeoutId=null)}validateProp(t,i,e=!0){e?r(this,t,i):h(this,t,i)}runAllValidations(){this.validateProp("page","number",!1),this.validateProp("pageSize","number",!0),this.validateProp("collectionSize","number",!0),this.validateProp("label","string",!0),this.validateProp("textPrevious","string",!0),this.validateProp("textNext","string",!0),this.validateProp("textPage","string",!0),this.validateProp("textFirst","string",!0),this.validateProp("textLast","string",!0),this.validateProp("disabled","boolean",!1)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=window.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,i){const e=t.getBoundingClientRect();return i.getBoundingClientRect().left-e.right}measureAndCalculateVisiblePages(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const i=this.getPaginationPadding(),e=this.getAvailableWidth()-i,n=this.getControlButtonsWidth(),a=this.hiddenItemsRef.querySelector(".hidden-page-button"),s=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!a)return;const o=a.getBoundingClientRect().width,l=a&&s?this.calculateGap(a,s):0;this.maxVisiblePages=Math.max(3,Math.min(Math.floor((e-n-2*l+l)/(o+l)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((t,i)=>t+i.getBoundingClientRect().width),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=window.getComputedStyle(this.navRef);return(parseFloat(t.paddingLeft)||0)+(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||isNaN(t)||!this.page||this.page<1||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,i,e){const n=t-1,a=e-i;return{leftSection:this.sectionForGap(n),rightSection:this.sectionForGap(a),leftGap:n,rightGap:a}}computeTotalItems(t,i,e){const{leftSection:n,rightSection:a}=this.getSections(t,i,e);return 2+("none"===n?0:1)+("none"===a?0:1)+Math.max(0,i-t+1)}buildAllPages(t){const i=[];for(let e=1;e<=t;e++)i.push({type:"page",page:e});return i}adjustForGapTwo(t,i,e,n){const a={startPage:t,endPage:i};return 2==e-i&&(a.endPage=e-1,a.startPage=Math.max(2,a.endPage-n+1)),2==a.startPage-1&&(a.startPage=2,a.endPage=Math.min(e-1,a.startPage+n-1)),a}ensureMiddleSlots(t,i,e,n){const a={startPage:t,endPage:i},s=i-t+1;return s<n&&i<e-1&&(a.endPage=Math.min(e-1,t+n-1)),s<n&&t>2&&(a.startPage=Math.max(2,i-n+1)),a}trimExcessItems(t,i,e,n,a){const s={startPage:t,endPage:i};let o=this.computeTotalItems(s.startPage,s.endPage,e);for(;o>n;){if(s.endPage-a>=a-s.startPage&&s.endPage>s.startPage)s.endPage=Math.max(s.startPage-1,s.endPage-1);else{if(!(s.startPage<s.endPage))break;s.startPage=Math.min(s.endPage+1,s.startPage+1)}const t=this.computeTotalItems(s.startPage,s.endPage,e);if(t===o)break;o=t}return s}expandToFillSlots(t,i,e,n){const a={startPage:t,endPage:i};let s=this.computeTotalItems(a.startPage,a.endPage,e);for(;s<n;){const t=a.endPage<e-1;if(a.startPage>2)a.startPage=Math.max(2,a.startPage-1);else{if(!t)break;a.endPage=Math.min(e-1,a.endPage+1)}const i=this.computeTotalItems(a.startPage,a.endPage,e);if(i===s)break;s=i}return a}balanceTotalItems(t,i,e,n,a){const s=this.trimExcessItems(t,i,e,n,a);return this.expandToFillSlots(s.startPage,s.endPage,e,n)}calculatePageRange(t,i,e){const n=Math.max(0,e-2-2);if(n<=0)return{startPage:2,endPage:1};let a=t-Math.floor(n/2),s=a+n-1;a<2&&(a=2,s=a+n-1),s>i-1&&(s=i-1,a=s-n+1),a=Math.max(2,a),s=Math.min(i-1,s);const o=this.adjustForGapTwo(a,s,i,n),l=this.ensureMiddleSlots(o.startPage,o.endPage,i,n);return this.balanceTotalItems(l.startPage,l.endPage,i,e,t)}buildPaginationItems(t,i,e){const n=[],a=t<=i;if(n.push({type:"page",page:1}),a){const{leftSection:a,rightSection:s}=this.getSections(t,i,e);"page"===a?n.push({type:"page",page:2}):"ellipsis"===a&&n.push({type:"ellipsis"});for(let e=t;e<=i;e++)n.push({type:"page",page:e});return"page"===s?n.push({type:"page",page:e-1}):"ellipsis"===s&&n.push({type:"ellipsis"}),n.push({type:"page",page:e}),n}}generateSmallPagination(t,i){return 1===t||t===i?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:i}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const i=this.maxVisiblePages,e=this.page||1;if(t<=i)return void(this.items=this.buildAllPages(t));if(i<=4)return void(this.items=this.generateSmallPagination(e,t));const{startPage:n,endPage:a}=this.calculatePageRange(e,t,i);this.items=this.buildPaginationItems(n,a,t)}emitPageChange(t){this.page=t,this.postChange.emit(t)}handlePageClick(t){this.disabled||t===this.page||this.emitPageChange(t)}handlePrevious(){this.disabled||this.page<=1||this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.disabled||this.page>=t||this.emitPageChange(this.page+1)}handleKeyDown(t,i){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),i())}buildPageLabel(t){const i=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===i?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return a("li",{class:"pagination-item pagination-ellipsis",key:t},a("span",{class:"pagination-ellipsis-content","aria-hidden":"true"},"..."))}renderPageButton(t){const i=t===this.page;return a("li",{class:"pagination-item",key:"page-"+t},a("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":i},"aria-label":this.buildPageLabel(t),"aria-current":i?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:i=>this.handleKeyDown(i,(()=>this.handlePageClick(t))),disabled:!!this.disabled||void 0,tabIndex:this.disabled?-1:0},a("span",{"aria-hidden":"true"},t)))}renderItem(t,i){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+i):this.renderPageButton(t.page)}renderControlButton(t,i,e,n,s=!1){return a("li",{class:"pagination-item pagination-control"},a("button",{type:"button",class:{"pagination-link":!0,"pagination-control-button":!0,"pagination-link-disabled":e},"aria-label":i,onClick:n,onKeyDown:t=>this.handleKeyDown(t,n),disabled:e,tabIndex:e?-1:0},a("post-icon",{name:t,class:s?"pagination-icon-rotated":void 0,"aria-hidden":"true"}),a("span",{class:"visually-hidden"},i)))}renderHiddenItems(t){return[a("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},a("post-icon",{name:"chevronleft","aria-hidden":"true"})),a("button",{class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},a("span",{"aria-hidden":"true"},t)),a("span",{class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),a("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},a("post-icon",{name:"chevronleft",class:"pagination-icon-rotated","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const i=this.disabled||this.page>=t;return a(s,{slot:"post-pagination","data-version":o},a("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},a("ul",{class:"pagination-list",role:"list"},this.renderControlButton("chevronleft",this.textPrevious,this.disabled||this.page<=1,(()=>this.handlePrevious())),this.items.map(((t,i)=>this.renderItem(t,i))),this.renderControlButton("chevronleft",this.textNext,i,(()=>this.handleNext()),!0)),a("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t))))}get host(){return this}static get watchers(){return{page:[{validatePage:0},{handlePropsChange:0}],pageSize:[{validatePageSize:0},{handlePropsChange:0}],collectionSize:[{validateCollectionSize:0},{handlePropsChange:0}],label:[{validateLabel:0}],textPrevious:[{validateTextPrevious:0}],textNext:[{validateTextNext:0}],textPage:[{validateTextPage:0}],textFirst:[{validateTextFirst:0}],textLast:[{validateTextLast:0}],disabled:[{validateDisabled:0}]}}static get style(){return".pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:8px;overflow:hidden}.pagination-list{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;padding:0;margin:0;font-size:14px;font-weight:700;color:#050400;text-decoration:none;background-color:rgba(0,0,0,0);border:1px solid #ccc;border-radius:100%;cursor:pointer;appearance:none;outline:none}.pagination-link:hover:not(:disabled):not(.pagination-link-disabled){color:#504f4b;background-color:#f5f5f5;border:2px solid #504f4b}.pagination-link:active:not(:disabled):not(.pagination-link-disabled):not(.pagination-link-active){color:#504f4b;background-color:#f5f5f5;border:2px solid #504f4b}.pagination-link:focus-visible{z-index:1;outline:2px solid #050400;outline-offset:2px}.pagination-link:focus:not(:focus-visible){outline:none}.pagination-link.pagination-link-active{font-weight:700;color:#fff;background-color:#050400;border-color:#050400;cursor:default}.pagination-link.pagination-link-active:hover:not(:disabled):not(.pagination-link-disabled){background-color:#504f4b;border-color:#504f4b;color:#fff}.pagination-link:disabled,.pagination-link.pagination-link-disabled{color:#6b6b6b;background-color:#f0f0f0;border-color:#ccc;opacity:.6;cursor:default}@media (min-width: 600px){.pagination-link{width:40px;height:40px;min-width:40px;font-size:16px}}@media (min-width: 1024px){.pagination-link{width:48px;height:48px;min-width:48px;font-size:20px}}.pagination-control-button post-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 600px){.pagination-control-button post-icon{width:18px;height:18px}}@media (min-width: 1024px){.pagination-control-button post-icon{width:20px;height:20px}}.pagination-control-button:active:not(:disabled):not(.pagination-link-disabled){background-color:#f5f5f5;border:2px solid #504f4b}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#050400;user-select:none}@media (min-width: 600px){.pagination-ellipsis-content{width:40px;height:40px}}@media (min-width: 1024px){.pagination-ellipsis-content{width:48px;height:48px}}.hidden-items{position:absolute;display:flex;gap:4px;height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.pagination-icon-rotated{display:inline-block;transform:rotate(180deg)}.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"],disabled:[4],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{validatePage:0},{handlePropsChange:0}],pageSize:[{validatePageSize:0},{handlePropsChange:0}],collectionSize:[{validateCollectionSize:0},{handlePropsChange:0}],label:[{validateLabel:0}],textPrevious:[{validateTextPrevious:0}],textNext:[{validateTextNext:0}],textPage:[{validateTextPage:0}],textFirst:[{validateTextFirst:0}],textLast:[{validateTextLast:0}],disabled:[{validateDisabled:0}]}]);function c(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((i=>{switch(i){case"post-pagination":customElements.get(t(i))||customElements.define(t(i),g);break;case"post-icon":customElements.get(t(i))||p()}}))}c();const u=g,x=c;export{u as PostPagination,x as defineCustomElement}

package/dist/components/react/post-popover-trigger.js

@@ -1 +1 @@
-import{t,p as s,H as o,h as i,a as e}from"./index.js";import{v as r}from"./p-DzmpoNOx.js";import{i as h}from"./p-HygIVKXC.js";import{f as n}from"./p-D6ZeuFSR.js";const a=s(class extends o{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}validateFor(){n(this,"for","string")}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?(h(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.validateFor(),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 i(e,{key:"8552f66f45c0cf3f772cb96b4974a447a4a2cf19","data-version":r},i("slot",{key:"06824853f828cc65ba7a7a2b7ae8b762f6b1eaee",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}],for:[{validateFor:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}],for:[{validateFor:0}]}]);function p(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((s=>{"post-popover-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),a))}))}p();const c=a,l=p;export{c as PostPopoverTrigger,l as defineCustomElement}
+import{t,p as s,H as i,h as o,a as e}from"./index.js";import{v as r}from"./p-BzBcOfzl.js";import{i as h}from"./p-HygIVKXC.js";import{f as n}from"./p-D6ZeuFSR.js";const a=s(class extends i{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}validateFor(){n(this,"for","string")}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?(h(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.validateFor(),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 o(e,{key:"8552f66f45c0cf3f772cb96b4974a447a4a2cf19","data-version":r},o("slot",{key:"06824853f828cc65ba7a7a2b7ae8b762f6b1eaee",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}],for:[{validateFor:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}],for:[{validateFor:0}]}]);function p(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((s=>{"post-popover-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),a))}))}p();const c=a,l=p;export{c as PostPopoverTrigger,l as defineCustomElement}

package/dist/components/react/post-popover.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,h as s,a}from"./index.js";import{d as i,a as c}from"./p-C6KbCbAw.js";import{v as r}from"./p-DzmpoNOx.js";import{a as p}from"./p-CJ13r5fi.js";import{d as n,c as d}from"./p-D6ZeuFSR.js";import{d as l}from"./p-BedNtdrk.js";import{d as m}from"./p-B7Pfex_I.js";const h=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0}validatePlacement(){n(this,"placement",c)}validateTextClose(){d(this,"textClose","string")}componentDidLoad(){this.validatePlacement(),this.validateTextClose()}async show(e){await this.popoverRef.show(e),this.focusFirstEl()}async hide(){this.popoverRef.hide()}async toggle(e,t){await this.popoverRef.toggle(e,t)&&this.focusFirstEl()}focusFirstEl(){const e=p(this.host)[0];e&&e.focus()}render(){return s(a,{key:"d015a324a7c9fe1c3508ccd3e434435d92d74f85","data-version":r},s("post-popovercontainer",{key:"01c575c2b9370d512858e9c71a402ee08843d052",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},s("div",{key:"4be3ccad4885493091a9572c6bf95ea137ad66f9",class:"popover-container"},s("div",{key:"3b9e69e7e84f7acdb2a14cb27e11d10d4aa2900b",class:"popover-content"},s("slot",{key:"de871fc377dfdc17f64f9bb40e5421e00a103ce0"})),s("post-closebutton",{key:"d73a44affc7e09a3452988f63f16cc4eea83aa66",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}],textClose:[{validateTextClose:0}]}}static get style(){return"*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{validatePlacement:0}],textClose:[{validateTextClose:0}]}]);function f(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(e(t))||customElements.define(e(t),h);break;case"post-closebutton":customElements.get(e(t))||l();break;case"post-icon":customElements.get(e(t))||m();break;case"post-popovercontainer":customElements.get(e(t))||i()}}))}f();const v=h,b=f;export{v as PostPopover,b as defineCustomElement}
+import{t as e,p as t,H as o,h as s,a}from"./index.js";import{d as i,a as c}from"./p-aSO__sH6.js";import{v as r}from"./p-BzBcOfzl.js";import{a as p}from"./p-CJ13r5fi.js";import{d as n,c as d}from"./p-D6ZeuFSR.js";import{d as l}from"./p-BexjFgWq.js";import{d as m}from"./p-CILij1jX.js";const h=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0}validatePlacement(){n(this,"placement",c)}validateTextClose(){d(this,"textClose","string")}componentDidLoad(){this.validatePlacement(),this.validateTextClose()}async show(e){await this.popoverRef.show(e),this.focusFirstEl()}async hide(){this.popoverRef.hide()}async toggle(e,t){await this.popoverRef.toggle(e,t)&&this.focusFirstEl()}focusFirstEl(){const e=p(this.host)[0];e&&e.focus()}render(){return s(a,{key:"d015a324a7c9fe1c3508ccd3e434435d92d74f85","data-version":r},s("post-popovercontainer",{key:"01c575c2b9370d512858e9c71a402ee08843d052",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},s("div",{key:"4be3ccad4885493091a9572c6bf95ea137ad66f9",class:"popover-container"},s("div",{key:"3b9e69e7e84f7acdb2a14cb27e11d10d4aa2900b",class:"popover-content"},s("slot",{key:"de871fc377dfdc17f64f9bb40e5421e00a103ce0"})),s("post-closebutton",{key:"d73a44affc7e09a3452988f63f16cc4eea83aa66",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}],textClose:[{validateTextClose:0}]}}static get style(){return"*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{validatePlacement:0}],textClose:[{validateTextClose:0}]}]);function f(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(e(t))||customElements.define(e(t),h);break;case"post-closebutton":customElements.get(e(t))||l();break;case"post-icon":customElements.get(e(t))||m();break;case"post-popovercontainer":customElements.get(e(t))||i()}}))}f();const v=h,u=f;export{v as PostPopover,u as defineCustomElement}

package/dist/components/react/post-popovercontainer.js

@@ -1 +1 @@
-import{P as o,d as s}from"./p-C6KbCbAw.js";const p=o,r=s;export{p as PostPopovercontainer,r as defineCustomElement}
+import{P as s,d as o}from"./p-aSO__sH6.js";const a=s,p=o;export{a as PostPopovercontainer,p as defineCustomElement}

package/dist/components/react/post-rating.js

@@ -1 +1 @@
-import{t,p as s,H as a,c as r,h as i,a as e}from"./index.js";import{v as o}from"./p-DzmpoNOx.js";import{c as n}from"./p-D6ZeuFSR.js";import{d as l}from"./p-B7Pfex_I.js";const h=s(class extends a{validateLabel(){n(this,"label","string")}validateStars(){n(this,"stars","number")}validateCurrentRating(){n(this,"currentRating","number")}componentWillLoad(){this.validateLabel(),this.validateStars(),this.validateCurrentRating()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput"),this.postChange=r(this,"postChange"),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(e,{key:"dcad32c132b9c85084effc694117d8f08c2c8bb2","data-version":o},i("div",{key:"dd0f5a56ff7e9b0d35b2642a9150a3999870b661",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 watchers(){return{label:[{validateLabel:0}],stars:[{validateStars:0}],currentRating:[{validateCurrentRating:0}]}}static get style(){return":host{display:inline-block}.rating{display:flex;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%;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]},void 0,{label:[{validateLabel:0}],stars:[{validateStars:0}],currentRating:[{validateCurrentRating:0}]}]);function c(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((s=>{switch(s){case"post-rating":customElements.get(t(s))||customElements.define(t(s),h);break;case"post-icon":customElements.get(t(s))||l()}}))}c();const d=h,u=c;export{d as PostRating,u as defineCustomElement}
+import{t,p as s,H as a,c as r,h as i,a as e}from"./index.js";import{v as o}from"./p-BzBcOfzl.js";import{c as n}from"./p-D6ZeuFSR.js";import{d as l}from"./p-CILij1jX.js";const h=s(class extends a{validateLabel(){n(this,"label","string")}validateStars(){n(this,"stars","number")}validateCurrentRating(){n(this,"currentRating","number")}componentWillLoad(){this.validateLabel(),this.validateStars(),this.validateCurrentRating()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postInput=r(this,"postInput"),this.postChange=r(this,"postChange"),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(e,{key:"dcad32c132b9c85084effc694117d8f08c2c8bb2","data-version":o},i("div",{key:"dd0f5a56ff7e9b0d35b2642a9150a3999870b661",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 watchers(){return{label:[{validateLabel:0}],stars:[{validateStars:0}],currentRating:[{validateCurrentRating:0}]}}static get style(){return":host{display:inline-block}.rating{display:flex;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%;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]},void 0,{label:[{validateLabel:0}],stars:[{validateStars:0}],currentRating:[{validateCurrentRating:0}]}]);function c(){"undefined"!=typeof customElements&&["post-rating","post-icon"].forEach((s=>{switch(s){case"post-rating":customElements.get(t(s))||customElements.define(t(s),h);break;case"post-icon":customElements.get(t(s))||l()}}))}c();const d=h,u=c;export{d as PostRating,u as defineCustomElement}

package/dist/components/react/post-stepper-item.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,h as r,a as o}from"./index.js";import{v as p}from"./p-DzmpoNOx.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r(o,{key:"aa99547793b72179f4dfb0db5b60b356dc8f51f0","data-version":p,role:"listitem"},r("span",{key:"3eb13dcd3ab69364679f04d22d91c9abca7f1ea0",class:"stepper-item-content"},r("span",{key:"14e72486bd101809c3ff804ae625a218925d93ba",class:"step-hidden-label visually-hidden"}),r("span",{key:"1969a71424a8fbc452c65d9c38717ad60bddc612",class:"label"},r("slot",{key:"d0d634132895b9d3f27594d1baaae76963f1bd04"}))))}static get style(){return'post-stepper-item{grid-row:1;position:relative;padding-inline-start:0}post-stepper-item:not(:first-child){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}post-stepper-item:not(:last-child){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}post-stepper-item::before,post-stepper-item::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}post-stepper-item:not(:first-child,:last-child)::before{inset-inline-end:50%}post-stepper-item:not(:first-child,:last-child)::after{inset-inline-start:50%}post-stepper-item.stepper-item-current:not(:last-child)::after,post-stepper-item.stepper-item-current:first-child::before,post-stepper-item.stepper-item-current+*:last-child::after,post-stepper-item.stepper-item-current+*::before{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-stepper-item.stepper-item-current:not(:first-child)::before,post-stepper-item.stepper-item-current:last-child::after,post-stepper-item.stepper-item-completed::after,post-stepper-item.stepper-item-completed::before,post-stepper-item.stepper-item-completed+*::before{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content{margin-inline:auto;text-align:center}post-stepper-item:last-child>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}.stepper-item-completed>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.stepper-item-current>.stepper-item-content{font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.stepper-item-current>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content::before{margin-inline:auto}post-stepper-item:last-child>.stepper-item-content::before{margin-inline-start:auto}.stepper-item-completed>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-stroke3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}.stepper-item-inactive>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:var(--post-device-border-width-default);z-index:1;background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);mask-image:var(--post-icon-success-solid);background-color:currentColor;width:calc(   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );height:calc(   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );color:var(--post-scheme-color-interactive-primary-selected-bg2)}:root{--post-icon-success-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9Imktc3VjY2Vzcy1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik03Ljk5LS4wOUMzLjU4LS4wOSAwIDMuNDkgMCA3LjkxczMuNTggOCA3Ljk5IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04bTMuMzIgNi4xTDcuNTIgMTEuMiA0LjYzIDguNDRhLjc0Ni43NDYgMCAwIDEtLjAyLTEuMDZjLjI5LS4zLjc2LS4zMSAxLjA2LS4wMmwxLjY1IDEuNTggMi43OC0zLjgxYS43NTEuNzUxIDAgMSAxIDEuMjIuODhaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMS45OSAwQzUuMzYgMCAwIDUuMzggMCAxMnM1LjM3IDEyIDEyIDEyIDEyLTUuMzcgMTItMTJTMTguNjIgMCAxMS45OSAwbTQuNzcgOC44Ni01LjUxIDcuNTYtNC4xMy0zLjk1Yy0uMzUtLjMzLS4zNi0uODktLjAzLTEuMjRzLjg5LS4zNiAxLjI0LS4wM2wyLjY5IDIuNTcgNC4zMy01Ljk0Yy4yOC0uMzkuODMtLjQ4IDEuMjItLjE5LjM5LjI4LjQ4LjgzLjE5IDEuMjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE1Ljk5IDBjLTguODQgMC0xNiA3LjE2LTE2IDE2czcuMTYgMTYgMTYgMTYgMTYtNy4xNiAxNi0xNi03LjE2LTE2LTE2LTE2bTYuNzkgMTEuMjItNy45MSAxMC44NS01Ljg1LTUuNThhLjk5Ni45OTYgMCAwIDEtLjAzLTEuNDEuOTk2Ljk5NiAwIDAgMSAxLjQxLS4wM2w0LjE5IDQuMDEgNi41Ny05LjAxYy4zMi0uNDUuOTUtLjU0IDEuNC0uMjIuNDUuMzMuNTQuOTUuMjIgMS40WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuOTktLjA2Yy0xMS4wNSAwLTIwIDguOTYtMjAgMjBzOC45NSAyMCAyMCAyMCAyMC04Ljk1IDIwLTIwLTguOTYtMjAtMjAtMjBtOC4zOCAxMy45Ni05LjgxIDEzLjQ1LTcuMjEtNi44OGMtLjQ1LS40My0uNDctMS4xNC0uMDQtMS41OXMxLjE0LS40NyAxLjU5LS4wNGw1LjM1IDUuMTEgOC4yOS0xMS4zOGMuMzctLjUgMS4wNy0uNjEgMS41Ny0uMjUuNS4zNy42MSAxLjA3LjI1IDEuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik0yMy45OS0uMDFjLTEzLjI2IDAtMjQgMTAuNzQtMjQgMjRzMTAuNzUgMjQgMjQgMjQgMjQtMTAuNzUgMjQtMjQtMTAuNzUtMjQtMjQtMjRtOS45OCAxNi42OC0xMS43IDE2LjA1LTguNTYtOC4xOGExLjI1IDEuMjUgMCAwIDEtLjA0LTEuNzdjLjQ4LS41IDEuMjctLjUyIDEuNzctLjA0bDYuNSA2LjIxTDMxLjk2IDE1LjJjLjQxLS41NiAxLjE5LS42OCAxLjc1LS4yN3MuNjggMS4xOS4yNyAxLjc1WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMzEuOTggMGMtMTcuNjcgMC0zMiAxNC4zMi0zMiAzMnMxNC4zMyAzMiAzMiAzMiAzMi0xNC4zMyAzMi0zMi0xNC4zMi0zMi0zMi0zMm0xMy4wNyAyMi4wOC0xNS40IDIxLjEzLTExLjE4LTEwLjY4Yy0uNTUtLjUyLS41Ny0xLjM5LS4wNC0xLjk0LjUyLS41NSAxLjQtLjU3IDEuOTQtLjA0bDguOTEgOC41MSAxMy41NS0xOC41OWExLjM3NSAxLjM3NSAwIDAgMSAyLjIyIDEuNjJaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLXN1Y2Nlc3Mtc29saWQiLz48L2c+PC9zdmc+")}post-stepper-item:first-child>.stepper-item-content::after{inset-inline-start:var(--post-device-border-width-default)}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content::after{inset-inline-start:calc(50% - (   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) )/2)}post-stepper-item:last-child>.stepper-item-content::after{inset-inline-end:var(--post-device-border-width-default)}.stepper-item-completed>.stepper-item-content::after{content:""}@media screen and (max-width: 779.98px){post-stepper-item{flex-grow:1;margin-inline:0;padding:0 !important}post-stepper-item::before{content:unset}post-stepper-item::after{inset-inline-start:0 !important}post-stepper-item:last-child{flex:0 0 32px}post-stepper-item:last-child::after{content:unset}post-stepper-item .stepper-item-content{margin-inline:0 !important}post-stepper-item .stepper-item-content>span{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-stepper-item::before,post-stepper-item::after{background-color:CanvasText !important}post-stepper-item.stepper-item-current:not(:first-child)::before,post-stepper-item.stepper-item-current:last-child::after,post-stepper-item.stepper-item-completed::after,post-stepper-item.stepper-item-completed::before,post-stepper-item.stepper-item-completed+*::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}.stepper-item-current>.stepper-item-content::before{background-color:Canvas;color:CanvasText}.stepper-item-completed>.stepper-item-content::before,.stepper-item-inactive>.stepper-item-content::before{border-color:Canvas;background-color:CanvasText}.stepper-item-inactive>.stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[260,"post-stepper-item"]);function c(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((t=>{"post-stepper-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}c();const a=s,n=c;export{a as PostStepperItem,n as defineCustomElement}
+import{t as e,p as t,H as i,h as r,a as o}from"./index.js";import{v as p}from"./p-BzBcOfzl.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r(o,{key:"aa99547793b72179f4dfb0db5b60b356dc8f51f0","data-version":p,role:"listitem"},r("span",{key:"3eb13dcd3ab69364679f04d22d91c9abca7f1ea0",class:"stepper-item-content"},r("span",{key:"14e72486bd101809c3ff804ae625a218925d93ba",class:"step-hidden-label visually-hidden"}),r("span",{key:"1969a71424a8fbc452c65d9c38717ad60bddc612",class:"label"},r("slot",{key:"d0d634132895b9d3f27594d1baaae76963f1bd04"}))))}static get style(){return'post-stepper-item{grid-row:1;position:relative;padding-inline-start:0}post-stepper-item:not(:first-child){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}post-stepper-item:not(:last-child){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}post-stepper-item::before,post-stepper-item::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}post-stepper-item:not(:first-child,:last-child)::before{inset-inline-end:50%}post-stepper-item:not(:first-child,:last-child)::after{inset-inline-start:50%}post-stepper-item.stepper-item-current:not(:last-child)::after,post-stepper-item.stepper-item-current:first-child::before,post-stepper-item.stepper-item-current+*:last-child::after,post-stepper-item.stepper-item-current+*::before{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-stepper-item.stepper-item-current:not(:first-child)::before,post-stepper-item.stepper-item-current:last-child::after,post-stepper-item.stepper-item-completed::after,post-stepper-item.stepper-item-completed::before,post-stepper-item.stepper-item-completed+*::before{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content{margin-inline:auto;text-align:center}post-stepper-item:last-child>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}.stepper-item-completed>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.stepper-item-current>.stepper-item-content{font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.stepper-item-current>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content::before{margin-inline:auto}post-stepper-item:last-child>.stepper-item-content::before{margin-inline-start:auto}.stepper-item-completed>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-stroke3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}.stepper-item-inactive>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:var(--post-device-border-width-default);z-index:1;background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);mask-image:var(--post-icon-success-solid);background-color:currentColor;width:calc(   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );height:calc(   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );color:var(--post-scheme-color-interactive-primary-selected-bg2)}:root{--post-icon-success-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9Imktc3VjY2Vzcy1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik03Ljk5LS4wOUMzLjU4LS4wOSAwIDMuNDkgMCA3LjkxczMuNTggOCA3Ljk5IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04bTMuMzIgNi4xTDcuNTIgMTEuMiA0LjYzIDguNDRhLjc0Ni43NDYgMCAwIDEtLjAyLTEuMDZjLjI5LS4zLjc2LS4zMSAxLjA2LS4wMmwxLjY1IDEuNTggMi43OC0zLjgxYS43NTEuNzUxIDAgMSAxIDEuMjIuODhaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMS45OSAwQzUuMzYgMCAwIDUuMzggMCAxMnM1LjM3IDEyIDEyIDEyIDEyLTUuMzcgMTItMTJTMTguNjIgMCAxMS45OSAwbTQuNzcgOC44Ni01LjUxIDcuNTYtNC4xMy0zLjk1Yy0uMzUtLjMzLS4zNi0uODktLjAzLTEuMjRzLjg5LS4zNiAxLjI0LS4wM2wyLjY5IDIuNTcgNC4zMy01Ljk0Yy4yOC0uMzkuODMtLjQ4IDEuMjItLjE5LjM5LjI4LjQ4LjgzLjE5IDEuMjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE1Ljk5IDBjLTguODQgMC0xNiA3LjE2LTE2IDE2czcuMTYgMTYgMTYgMTYgMTYtNy4xNiAxNi0xNi03LjE2LTE2LTE2LTE2bTYuNzkgMTEuMjItNy45MSAxMC44NS01Ljg1LTUuNThhLjk5Ni45OTYgMCAwIDEtLjAzLTEuNDEuOTk2Ljk5NiAwIDAgMSAxLjQxLS4wM2w0LjE5IDQuMDEgNi41Ny05LjAxYy4zMi0uNDUuOTUtLjU0IDEuNC0uMjIuNDUuMzMuNTQuOTUuMjIgMS40WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuOTktLjA2Yy0xMS4wNSAwLTIwIDguOTYtMjAgMjBzOC45NSAyMCAyMCAyMCAyMC04Ljk1IDIwLTIwLTguOTYtMjAtMjAtMjBtOC4zOCAxMy45Ni05LjgxIDEzLjQ1LTcuMjEtNi44OGMtLjQ1LS40My0uNDctMS4xNC0uMDQtMS41OXMxLjE0LS40NyAxLjU5LS4wNGw1LjM1IDUuMTEgOC4yOS0xMS4zOGMuMzctLjUgMS4wNy0uNjEgMS41Ny0uMjUuNS4zNy42MSAxLjA3LjI1IDEuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik0yMy45OS0uMDFjLTEzLjI2IDAtMjQgMTAuNzQtMjQgMjRzMTAuNzUgMjQgMjQgMjQgMjQtMTAuNzUgMjQtMjQtMTAuNzUtMjQtMjQtMjRtOS45OCAxNi42OC0xMS43IDE2LjA1LTguNTYtOC4xOGExLjI1IDEuMjUgMCAwIDEtLjA0LTEuNzdjLjQ4LS41IDEuMjctLjUyIDEuNzctLjA0bDYuNSA2LjIxTDMxLjk2IDE1LjJjLjQxLS41NiAxLjE5LS42OCAxLjc1LS4yN3MuNjggMS4xOS4yNyAxLjc1WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMzEuOTggMGMtMTcuNjcgMC0zMiAxNC4zMi0zMiAzMnMxNC4zMyAzMiAzMiAzMiAzMi0xNC4zMyAzMi0zMi0xNC4zMi0zMi0zMi0zMm0xMy4wNyAyMi4wOC0xNS40IDIxLjEzLTExLjE4LTEwLjY4Yy0uNTUtLjUyLS41Ny0xLjM5LS4wNC0xLjk0LjUyLS41NSAxLjQtLjU3IDEuOTQtLjA0bDguOTEgOC41MSAxMy41NS0xOC41OWExLjM3NSAxLjM3NSAwIDAgMSAyLjIyIDEuNjJaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLXN1Y2Nlc3Mtc29saWQiLz48L2c+PC9zdmc+")}post-stepper-item:first-child>.stepper-item-content::after{inset-inline-start:var(--post-device-border-width-default)}post-stepper-item:not(:first-child,:last-child)>.stepper-item-content::after{inset-inline-start:calc(50% - (   var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) )/2)}post-stepper-item:last-child>.stepper-item-content::after{inset-inline-end:var(--post-device-border-width-default)}.stepper-item-completed>.stepper-item-content::after{content:""}@media screen and (max-width: 779.98px){post-stepper-item{flex-grow:1;margin-inline:0;padding:0 !important}post-stepper-item::before{content:unset}post-stepper-item::after{inset-inline-start:0 !important}post-stepper-item:last-child{flex:0 0 32px}post-stepper-item:last-child::after{content:unset}post-stepper-item .stepper-item-content{margin-inline:0 !important}post-stepper-item .stepper-item-content>span{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-stepper-item::before,post-stepper-item::after{background-color:CanvasText !important}post-stepper-item.stepper-item-current:not(:first-child)::before,post-stepper-item.stepper-item-current:last-child::after,post-stepper-item.stepper-item-completed::after,post-stepper-item.stepper-item-completed::before,post-stepper-item.stepper-item-completed+*::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}.stepper-item-current>.stepper-item-content::before{background-color:Canvas;color:CanvasText}.stepper-item-completed>.stepper-item-content::before,.stepper-item-inactive>.stepper-item-content::before{border-color:Canvas;background-color:CanvasText}.stepper-item-inactive>.stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[260,"post-stepper-item"]);function c(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((t=>{"post-stepper-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}c();const a=s,n=c;export{a as PostStepperItem,n as defineCustomElement}

package/dist/components/react/post-stepper.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,h as s,a as r}from"./index.js";import{v as n}from"./p-DzmpoNOx.js";import{c as a,h as p}from"./p-D6ZeuFSR.js";const d=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.currentIndex=-1}validateTextCurrentStep(){a(this,"textCurrentStep","string")}validateTextCompletedStep(){a(this,"textCompletedStep","string")}validateTextStepNumber(){p(this,"textStepNumber",/#number\b/),this.updateActiveStepNumber()}validateCurrentIndex(){a(this,"currentIndex","number"),this.updateSteps()}connectedCallback(){this.stepItems=document.querySelectorAll(null)}componentDidLoad(){this.validateTextCompletedStep(),this.validateTextCurrentStep(),this.validateTextStepNumber(),setTimeout((()=>{this.validateCurrentIndex()}))}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replace(/#number/g,""+(this.currentIndex+1)),this.updateMobileActiveStepVisibility())}updateSteps(){this.stepItems=this.host.querySelectorAll("post-stepper-item"),!this.stepItems||this.stepItems.length<3?console.error("The post-stepper component should have at least three steps."):(this.updateActiveStepNumber(),this.stepItems.forEach(((e,t)=>{this.currentIndex===t&&(this.mobileActiveStepName=e.querySelector(".label").innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t);const i=e.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t?e=this.textCompletedStep+":":this.currentIndex===t&&(e=this.textCurrentStep+":"),i.textContent=e}this.currentIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.currentIndex>=this.stepItems.length||this.currentIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return s(r,{key:"505b58d089a7362a9f4dd64af787dc9ae5778b0e","data-version":n},s("ol",{key:"1d865b0f80f388076cfba5fd14fc9e9185d8f014"},s("slot",{key:"9e499edc98031d016fc8c00c7db6b9c01562b13c",onSlotchange:()=>this.updateSteps()})),s("div",{key:"ed9b9f6ac8e7fd6056010de024862d4408ccca08",class:"active-step","aria-hidden":"true"},this.mobileActiveStepLabel,s("span",{key:"8e93faf8031b116b52d02e6a594ce09b23520ba9",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}]}}static get style(){return"ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media screen and (min-width: 780px){.active-step{display:none}}"}},[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}]}]);function o(){"undefined"!=typeof customElements&&["post-stepper"].forEach((t=>{"post-stepper"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}o();const l=d,c=o;export{l as PostStepper,c as defineCustomElement}
+import{t as e,p as t,H as i,h as s,a as r}from"./index.js";import{v as n}from"./p-BzBcOfzl.js";import{c as a,h as p}from"./p-D6ZeuFSR.js";const d=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.currentIndex=-1}validateTextCurrentStep(){a(this,"textCurrentStep","string")}validateTextCompletedStep(){a(this,"textCompletedStep","string")}validateTextStepNumber(){p(this,"textStepNumber",/#number\b/),this.updateActiveStepNumber()}validateCurrentIndex(){a(this,"currentIndex","number"),this.updateSteps()}connectedCallback(){this.stepItems=document.querySelectorAll(null)}componentDidLoad(){this.validateTextCompletedStep(),this.validateTextCurrentStep(),this.validateTextStepNumber(),setTimeout((()=>{this.validateCurrentIndex()}))}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replace(/#number/g,""+(this.currentIndex+1)),this.updateMobileActiveStepVisibility())}updateSteps(){this.stepItems=this.host.querySelectorAll("post-stepper-item"),!this.stepItems||this.stepItems.length<3?console.error("The post-stepper component should have at least three steps."):(this.updateActiveStepNumber(),this.stepItems.forEach(((e,t)=>{this.currentIndex===t&&(this.mobileActiveStepName=e.querySelector(".label").innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t);const i=e.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t?e=this.textCompletedStep+":":this.currentIndex===t&&(e=this.textCurrentStep+":"),i.textContent=e}this.currentIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.currentIndex>=this.stepItems.length||this.currentIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return s(r,{key:"505b58d089a7362a9f4dd64af787dc9ae5778b0e","data-version":n},s("ol",{key:"1d865b0f80f388076cfba5fd14fc9e9185d8f014"},s("slot",{key:"9e499edc98031d016fc8c00c7db6b9c01562b13c",onSlotchange:()=>this.updateSteps()})),s("div",{key:"ed9b9f6ac8e7fd6056010de024862d4408ccca08",class:"active-step","aria-hidden":"true"},this.mobileActiveStepLabel,s("span",{key:"8e93faf8031b116b52d02e6a594ce09b23520ba9",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}]}}static get style(){return"ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media screen and (min-width: 780px){.active-step{display:none}}"}},[257,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}]}]);function o(){"undefined"!=typeof customElements&&["post-stepper"].forEach((t=>{"post-stepper"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}o();const l=d,c=o;export{l as PostStepper,c as defineCustomElement}

package/dist/components/react/post-tab-item.js

@@ -1 +1 @@
-import{t,p as e,H as o,h as i,a}from"./index.js";import{v as r}from"./p-DzmpoNOx.js";import{c as s}from"./p-D6ZeuFSR.js";import{n as c}from"./p-BLchVpF6.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.checkNavigationMode.bind(this)),this.isNavigationMode=!1}validateName(){s(this,"name","string")}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.tabId="tab-"+(this.host.id||c(6)),this.checkNavigationMode()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkNavigationMode(){const t=null!==this.host.querySelector("a");this.isNavigationMode=t}render(){return i(a,{key:"54d2e054aa341fac3a915eeed3aec3658d524037",id:this.tabId,role:this.isNavigationMode?void 0:"tab","data-version":r,"data-navigation-mode":""+this.isNavigationMode,"aria-selected":this.isNavigationMode?void 0:"false",tabindex:this.isNavigationMode?void 0:"-1",class:this.isNavigationMode?"nav-item":"tab-title"},i("slot",{key:"b01d7396a36514d3ba423a3d391eaaffd30b1e38"}))}get host(){return this}static get watchers(){return{name:[{validateName:0}]}}static get style(){return'.tab-title,.nav-item a{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}.tab-title:hover,.nav-item a:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title:focus-visible,.nav-item a:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title:focus-visible::after,.nav-item a:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:focus-visible,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title,.nav-item a{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title:hover,.tab-title:focus,.tab-title:focus-within,.tab-title:focus-visible,.nav-item a:hover,.nav-item a:focus,.nav-item a:focus-within,.nav-item a:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}}.nav-item{display:inline-block;position:relative;box-sizing:border-box;cursor:default}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}.nav-item:focus::after,.nav-item:focus-visible::after{display:none}.nav-item a{color:inherit;text-decoration:none;display:block;width:100%;height:100%;box-sizing:border-box;position:relative;outline:none;cursor:pointer;border-radius:0}.nav-item a:focus{outline:none}.nav-item a:active{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.nav-item a:focus-visible{outline:none !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}.tab-title.active,.nav-item.active a{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title.active::before,.nav-item.active a::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title.active,.nav-item.active a{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title.active::before,.nav-item.active a::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}'}},[257,"post-tab-item",{name:[513],tabId:[32],isNavigationMode:[32]},void 0,{name:[{validateName:0}]}]);function b(){"undefined"!=typeof customElements&&["post-tab-item"].forEach((e=>{"post-tab-item"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}b();const l=n,d=b;export{l as PostTabItem,d as defineCustomElement}
+import{t,p as e,H as o,h as i,a}from"./index.js";import{v as r}from"./p-BzBcOfzl.js";import{c}from"./p-D6ZeuFSR.js";import{n as s}from"./p-BLchVpF6.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.mutationObserver=new MutationObserver(this.checkNavigationMode.bind(this)),this.isNavigationMode=!1}validateName(){c(this,"name","string")}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,subtree:!0})}componentWillLoad(){this.tabId="tab-"+(this.host.id||s(6)),this.checkNavigationMode()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkNavigationMode(){const t=null!==this.host.querySelector("a");this.isNavigationMode=t}render(){return i(a,{key:"54d2e054aa341fac3a915eeed3aec3658d524037",id:this.tabId,role:this.isNavigationMode?void 0:"tab","data-version":r,"data-navigation-mode":""+this.isNavigationMode,"aria-selected":this.isNavigationMode?void 0:"false",tabindex:this.isNavigationMode?void 0:"-1",class:this.isNavigationMode?"nav-item":"tab-title"},i("slot",{key:"b01d7396a36514d3ba423a3d391eaaffd30b1e38"}))}get host(){return this}static get watchers(){return{name:[{validateName:0}]}}static get style(){return'.tab-title,.nav-item a{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}.tab-title:hover,.nav-item a:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title:focus-visible,.nav-item a:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title:focus-visible::after,.nav-item a:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:focus-visible,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title,.nav-item a{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title:hover,.tab-title:focus,.tab-title:focus-within,.tab-title:focus-visible,.nav-item a:hover,.nav-item a:focus,.nav-item a:focus-within,.nav-item a:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}}.nav-item{display:inline-block;position:relative;box-sizing:border-box;cursor:default}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}.nav-item:focus::after,.nav-item:focus-visible::after{display:none}.nav-item a{color:inherit;text-decoration:none;display:block;width:100%;height:100%;box-sizing:border-box;position:relative;outline:none;cursor:pointer;border-radius:0}.nav-item a:focus{outline:none}.nav-item a:active{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.nav-item a:focus-visible{outline:none !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}.tab-title.active,.nav-item.active a{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title.active::before,.nav-item.active a::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title.active,.nav-item.active a{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title.active::before,.nav-item.active a::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}'}},[257,"post-tab-item",{name:[513],tabId:[32],isNavigationMode:[32]},void 0,{name:[{validateName:0}]}]);function b(){"undefined"!=typeof customElements&&["post-tab-item"].forEach((e=>{"post-tab-item"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}b();const l=n,d=b;export{l as PostTabItem,d as defineCustomElement}

package/dist/components/react/post-tab-panel.js

@@ -1 +1 @@
-import{t,p as e,H as s,h as o,a}from"./index.js";import{v as r}from"./p-DzmpoNOx.js";import{n}from"./p-BLchVpF6.js";import{c as i}from"./p-D6ZeuFSR.js";const p=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}validateFor(){i(this,"for","string")}componentWillLoad(){this.validateFor(),this.panelId="panel-"+(this.host.id||n(6))}render(){return o(a,{key:"b6a274839ef5643f0a666b19a2a91effa5238e5f","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels"},o("slot",{key:"4b3d45f03517586145d92596106b158ebfacb37d"}))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return":host{display:none}"}},[257,"post-tab-panel",{for:[513],panelId:[32]},void 0,{for:[{validateFor:0}]}]);function l(){"undefined"!=typeof customElements&&["post-tab-panel"].forEach((e=>{"post-tab-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}l();const f=p,d=l;export{f as PostTabPanel,d as defineCustomElement}
+import{t,p as e,H as s,h as o,a}from"./index.js";import{v as r}from"./p-BzBcOfzl.js";import{n}from"./p-BLchVpF6.js";import{c as i}from"./p-D6ZeuFSR.js";const p=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}validateFor(){i(this,"for","string")}componentWillLoad(){this.validateFor(),this.panelId="panel-"+(this.host.id||n(6))}render(){return o(a,{key:"b6a274839ef5643f0a666b19a2a91effa5238e5f","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels"},o("slot",{key:"4b3d45f03517586145d92596106b158ebfacb37d"}))}get host(){return this}static get watchers(){return{for:[{validateFor:0}]}}static get style(){return":host{display:none}"}},[257,"post-tab-panel",{for:[513],panelId:[32]},void 0,{for:[{validateFor:0}]}]);function l(){"undefined"!=typeof customElements&&["post-tab-panel"].forEach((e=>{"post-tab-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}l();const f=p,c=l;export{f as PostTabPanel,c as defineCustomElement}

package/dist/components/react/post-tabs.js

@@ -1 +1 @@
-import{t,p as s,H as i,c as e,h as a,a as n}from"./index.js";import{v as o}from"./p-DzmpoNOx.js";import{f as h}from"./p-D5knoiyy.js";import{c as r}from"./p-D6ZeuFSR.js";const l=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=e(this,"postChange"),this.isLoaded=!1,this.isNavigationMode=!1,this.fullWidth=!1}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isNavigationMode&&r(this,"label","string")}componentWillRender(){this.detectMode()}componentDidLoad(){if(this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.setupContentObserver(),this.validateLabel(),this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver.disconnect()}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-navigation-mode","aria-current"]})}handleContentChange(t){const s=this.shouldRedetectMode(t);this.hasAriaCurrentChanged(t)&&this.isNavigationMode&&this.updateActiveNavigationTab(),s&&this.handleModeChange()}shouldRedetectMode(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-navigation-mode"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActiveNavigationTab(){const t=this.findActiveNavigationTab();t&&t!==this.currentActiveTab&&this.activateTab(t)}handleModeChange(){const t=this.isNavigationMode;this.detectMode(),t!==this.isNavigationMode&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectMode(){const t=this.tabs.some((t=>{const s=null!==t.querySelector("a"),i="true"===t.getAttribute("data-navigation-mode");return s||i}));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both navigation mode (anchor elements) and panel mode (post-tab-panel elements) at the same time.");this.isNavigationMode=t}findActiveNavigationTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){if(t===this.currentActiveTab?.name)return;const s=this.currentActiveTab,i=this.host.querySelector(`post-tab-item[name=${t}]`);this.activateTab(i),this.showing&&(this.showing.finish(),this.showing=null),!s||this.showing||this.hiding||this.hidePanel(s.name),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.currentActiveTab.name)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await function(t){return"function"==typeof t.componentOnReady?t.componentOnReady():new Promise((s=>function(t){return"function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t)}((()=>{s(t)}))))}(t),this.isNavigationMode)return;if(t.getAttribute("aria-controls"))return;const s=this.getPanel(t.name);s&&(t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.name))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.currentActiveTab.classList.remove("active"),this.isNavigationMode||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),t.classList.add("active"),this.isNavigationMode||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=h(s,"out"),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=h(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,s){const i=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===s?this.tabs[i+1]||this.tabs[0]:this.tabs[i-1]||this.tabs[this.tabs.length-1],e&&(e.focus(),this.show(e.name))}render(){return a(n,{key:"bef0e61f2032e02b5a849e7f0773245ed6fcd962","data-version":o},a("div",{key:"bd28c00a618ba6b064e6cdc5c58a7e5f26ee3ff2",class:"tabs-wrapper",part:"post-tabs"},a(this.isNavigationMode?"nav":"div",{key:"b21620a33bb6b8199b5981b895e2fdc6d9481a8c",class:"tabs",role:this.isNavigationMode?void 0:"tablist","aria-label":this.isNavigationMode?this.label:void 0},a("slot",{key:"cfb5da69c1ea883bed0d3245469603f8fc1ea2a6",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}}))),!this.isNavigationMode&&a("div",{key:"c6600e8b02925b3bbec606e99907314e58c9c612",class:"tab-content",part:"post-tabs-content"},a("slot",{key:"0ceec3c506ec787bd7c7624282fbb52b80b0cf71",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return'.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}'}},[257,"post-tabs",{activeTab:[1,"active-tab"],fullWidth:[516,"full-width"],label:[513],isNavigationMode:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);function c(){"undefined"!=typeof customElements&&["post-tabs"].forEach((s=>{"post-tabs"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}c();const b=l,d=c;export{b as PostTabs,d as defineCustomElement}
+import{t,p as s,H as i,c as e,h as a,a as n}from"./index.js";import{v as o}from"./p-BzBcOfzl.js";import{f as h}from"./p-D5knoiyy.js";import{c as r}from"./p-D6ZeuFSR.js";const l=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=e(this,"postChange"),this.isLoaded=!1,this.isNavigationMode=!1,this.fullWidth=!1}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isNavigationMode&&r(this,"label","string")}componentWillRender(){this.detectMode()}componentDidLoad(){if(this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.setupContentObserver(),this.validateLabel(),this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver.disconnect()}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-navigation-mode","aria-current"]})}handleContentChange(t){const s=this.shouldRedetectMode(t);this.hasAriaCurrentChanged(t)&&this.isNavigationMode&&this.updateActiveNavigationTab(),s&&this.handleModeChange()}shouldRedetectMode(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-navigation-mode"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActiveNavigationTab(){const t=this.findActiveNavigationTab();t&&t!==this.currentActiveTab&&this.activateTab(t)}handleModeChange(){const t=this.isNavigationMode;this.detectMode(),t!==this.isNavigationMode&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isNavigationMode){const t=this.findActiveNavigationTab();t&&this.activateTab(t)}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectMode(){const t=this.tabs.some((t=>{const s=null!==t.querySelector("a"),i="true"===t.getAttribute("data-navigation-mode");return s||i}));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both navigation mode (anchor elements) and panel mode (post-tab-panel elements) at the same time.");this.isNavigationMode=t}findActiveNavigationTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){if(t===this.currentActiveTab?.name)return;const s=this.currentActiveTab,i=this.host.querySelector(`post-tab-item[name=${t}]`);this.activateTab(i),this.showing&&(this.showing.finish(),this.showing=null),!s||this.showing||this.hiding||this.hidePanel(s.name),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.currentActiveTab.name)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await function(t){return"function"==typeof t.componentOnReady?t.componentOnReady():new Promise((s=>function(t){return"function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t)}((()=>{s(t)}))))}(t),this.isNavigationMode)return;if(t.getAttribute("aria-controls"))return;const s=this.getPanel(t.name);s&&(t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.name))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.currentActiveTab.classList.remove("active"),this.isNavigationMode||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),t.classList.add("active"),this.isNavigationMode||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=h(s,"out"),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=h(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,s){const i=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===s?this.tabs[i+1]||this.tabs[0]:this.tabs[i-1]||this.tabs[this.tabs.length-1],e&&(e.focus(),this.show(e.name))}render(){return a(n,{key:"bef0e61f2032e02b5a849e7f0773245ed6fcd962","data-version":o},a("div",{key:"bd28c00a618ba6b064e6cdc5c58a7e5f26ee3ff2",class:"tabs-wrapper",part:"post-tabs"},a(this.isNavigationMode?"nav":"div",{key:"b21620a33bb6b8199b5981b895e2fdc6d9481a8c",class:"tabs",role:this.isNavigationMode?void 0:"tablist","aria-label":this.isNavigationMode?this.label:void 0},a("slot",{key:"cfb5da69c1ea883bed0d3245469603f8fc1ea2a6",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}}))),!this.isNavigationMode&&a("div",{key:"c6600e8b02925b3bbec606e99907314e58c9c612",class:"tab-content",part:"post-tabs-content"},a("slot",{key:"0ceec3c506ec787bd7c7624282fbb52b80b0cf71",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return'.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}:host([full-width=true]) .tabs-wrapper{margin-inline:calc(-1*var(--post-container-offset))}:host([full-width=true]) .tabs-wrapper .tabs{padding-inline:var(--post-container-offset)}'}},[257,"post-tabs",{activeTab:[1,"active-tab"],fullWidth:[516,"full-width"],label:[513],isNavigationMode:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);function c(){"undefined"!=typeof customElements&&["post-tabs"].forEach((s=>{"post-tabs"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}c();const b=l,d=c;export{b as PostTabs,d as defineCustomElement}

package/dist/components/react/post-togglebutton.js

@@ -1 +1 @@
-import{P as o,d as s}from"./p-CS0PEJyh.js";const p=o,r=s;export{p as PostTogglebutton,r as defineCustomElement}
+import{P as o,d as s}from"./p-D-kVF35b.js";const p=o,r=s;export{p as PostTogglebutton,r as defineCustomElement}

package/dist/components/react/post-tooltip-trigger.js

@@ -1 +1 @@
-import{t,p as s,H as i,h as e,a as o}from"./index.js";import{I as r}from"./p-FxUVQ4Tx.js";import{f as n}from"./p-D6ZeuFSR.js";import{v as h}from"./p-DzmpoNOx.js";import{i as a}from"./p-HygIVKXC.js";const l=["pointerenter","pointerleave","focusin","focusout","long-press"];r&&(async()=>{await import("./p-C_2k3G1c.js")})();const c=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}validateControlFor(){n(this,"for","string")}get tooltip(){if(!r)return null;const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const s=t.split(" ").filter((t=>t!==this.for)).join(" ");s?this.trigger.setAttribute("aria-describedby",s):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){a(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){l.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){l.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const s=t.relatedTarget;this.tooltip&&s&&this.tooltip.contains(s)||s===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=window.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return e(o,{key:"4f6165e23284794b677748c495401ed7c110d134","data-version":h},e("slot",{key:"87a8d412ed0e3fb145853aebb9426dfe13677853",onSlotchange:()=>this.handleSlotChange()}))}get host(){return this}static get watchers(){return{for:[{validateControlFor:0}]}}static get style(){return"post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}"}},[257,"post-tooltip-trigger",{for:[513],delay:[2]},void 0,{for:[{validateControlFor:0}]}]);function p(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((s=>{"post-tooltip-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))}p();const d=c,u=p;export{d as PostTooltipTrigger,u as defineCustomElement}
+import{t,p as s,H as i,h as e,a as o}from"./index.js";import{I as r}from"./p-FxUVQ4Tx.js";import{f as n}from"./p-D6ZeuFSR.js";import{v as h}from"./p-BzBcOfzl.js";import{i as a}from"./p-HygIVKXC.js";const l=["pointerenter","pointerleave","focusin","focusout","long-press"];r&&(async()=>{await import("./p-C_2k3G1c.js")})();const c=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}validateControlFor(){n(this,"for","string")}get tooltip(){if(!r)return null;const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const s=t.split(" ").filter((t=>t!==this.for)).join(" ");s?this.trigger.setAttribute("aria-describedby",s):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){a(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){l.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){l.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const s=t.relatedTarget;this.tooltip&&s&&this.tooltip.contains(s)||s===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=window.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return e(o,{key:"4f6165e23284794b677748c495401ed7c110d134","data-version":h},e("slot",{key:"87a8d412ed0e3fb145853aebb9426dfe13677853",onSlotchange:()=>this.handleSlotChange()}))}get host(){return this}static get watchers(){return{for:[{validateControlFor:0}]}}static get style(){return"post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}"}},[257,"post-tooltip-trigger",{for:[513],delay:[2]},void 0,{for:[{validateControlFor:0}]}]);function p(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((s=>{"post-tooltip-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))}p();const d=c,u=p;export{d as PostTooltipTrigger,u as defineCustomElement}

package/dist/components/react/post-tooltip.js

@@ -1 +1 @@
-import{t,p as e,H as o,h as s,a}from"./index.js";import{v as i}from"./p-DzmpoNOx.js";import{d as n}from"./p-D6ZeuFSR.js";import{d as r,a as p}from"./p-C6KbCbAw.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){n(this,"placement",p)}componentWillLoad(){this.validatePlacement()}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(t){this.open||await this.popoverRef.show(t)}async hide(){this.popoverRef.hide()}async toggle(t,e){this.popoverRef.toggle(t,e)}handleBeforeToggle(t){this.open=t.detail.willOpen}render(){return s(a,{key:"5de53c10c2556ddb974a65ba06e27ccc99311762","data-version":i},s("post-popovercontainer",{key:"ae3a26fc69d983884eb5aee2b024e74d91983c73",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,onPostBeforeToggle:t=>this.handleBeforeToggle(t),ref:t=>this.popoverRef=t},s("slot",{key:"1fd537504554e094894f8549de5c29c515322866"})))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}]}}static get style(){return':host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer>div{color:var(--post-current-fg);background-color:var(--post-current-bg);padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:var(--post-tooltip-max-width, 280px);width:inherit;min-height:32px;word-wrap:break-word;white-space:normal}'}},[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{validatePlacement:0}]}]);function l(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((e=>{switch(e){case"post-tooltip":customElements.get(t(e))||customElements.define(t(e),c);break;case"post-popovercontainer":customElements.get(t(e))||r()}}))}l();const d=c,h=l;export{d as PostTooltip,h as defineCustomElement}
+import{t,p as e,H as o,h as s,a}from"./index.js";import{v as i}from"./p-BzBcOfzl.js";import{d as n}from"./p-D6ZeuFSR.js";import{d as r,a as p}from"./p-aSO__sH6.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){n(this,"placement",p)}componentWillLoad(){this.validatePlacement()}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(t){this.open||await this.popoverRef.show(t)}async hide(){this.popoverRef.hide()}async toggle(t,e){this.popoverRef.toggle(t,e)}handleBeforeToggle(t){this.open=t.detail.willOpen}render(){return s(a,{key:"5de53c10c2556ddb974a65ba06e27ccc99311762","data-version":i},s("post-popovercontainer",{key:"ae3a26fc69d983884eb5aee2b024e74d91983c73",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,onPostBeforeToggle:t=>this.handleBeforeToggle(t),ref:t=>this.popoverRef=t},s("slot",{key:"1fd537504554e094894f8549de5c29c515322866"})))}get host(){return this}static get watchers(){return{placement:[{validatePlacement:0}]}}static get style(){return':host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer>div{color:var(--post-current-fg);background-color:var(--post-current-bg);padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:var(--post-tooltip-max-width, 280px);width:inherit;min-height:32px;word-wrap:break-word;white-space:normal}'}},[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{validatePlacement:0}]}]);function l(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((e=>{switch(e){case"post-tooltip":customElements.get(t(e))||customElements.define(t(e),c);break;case"post-popovercontainer":customElements.get(t(e))||r()}}))}l();const d=c,h=l;export{d as PostTooltip,h as defineCustomElement}