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

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

@@ -1 +1 @@
-import{t,p as e,H as i,c as o,h as n,a as r}from"./index.js";import{v as a}from"./p-B4l5EAoq.js";import{n as s}from"./p-nA1BKco0.js";import{c,g as l}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d}from"./p-C9hMpmsD.js";import{d as h}from"./p-HNUXY1z7.js";const p=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=o(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)}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id||s(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,e,i=!0){i?c(this,t,e):l(this,t,e)}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)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.getControlButtonsWidth(),n=this.hiddenItemsRef.querySelector(".hidden-page-button"),r=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!n)return;const a=n.getBoundingClientRect().width,s=n&&r?this.calculateGap(n,r):0;this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-o-2*s+s)/(a+s)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((t,e)=>t+e.getBoundingClientRect().width),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)||0)+(Number.parseFloat(t.paddingRight)||0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize||0===this.pageSize}clampPageToValidRange(t){return 0===t||this.invalidSize||Number.isNaN(t)||!this.page||this.page<1||Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generatePages(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t||t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const e=this.maxVisiblePages,i=this.page||1;if(t<=e)return void(this.items=this.buildAllPages(t));if(e<=4)return void(this.items=this.generateSmallPagination(i,t));const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);this.items=this.buildPaginationItems(o,n,t)}emitPageChange(t){this.page=t,this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1||this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t||this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return n("li",{class:"pagination-item pagination-ellipsis",key:t,"aria-hidden":"true"},n("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return n("li",{class:"pagination-item",key:"page-"+t},n("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},n("span",{"aria-hidden":"true"},t)))}renderItem(t,e){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+e):this.renderPageButton(t.page)}renderControlButton(t,e,i,o){return n("li",{class:"pagination-item pagination-control"},n("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+(e?"prev-button":"next-button"),"aria-label":i,onClick:o,onKeyDown:t=>this.handleKeyDown(t,o),tabIndex:0},n("post-icon",{name:t,"aria-hidden":"true"}),n("span",{class:"visually-hidden"},i)))}renderHiddenItems(t,e,i){return[!e&&n("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},n("post-icon",{name:"chevronleftwide","aria-hidden":"true"})),n("button",{class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},n("span",{"aria-hidden":"true"},t)),n("span",{class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),!i&&n("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},n("post-icon",{name:"chevronrightwide","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const e=this.page<=1,i=this.page>=t;return n(r,{slot:"post-pagination","data-version":a},n("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},n("ul",{class:"pagination-list",role:"list"},!e&&this.renderControlButton("chevronleftwide",!0,this.textPrevious,(()=>this.handlePrevious())),this.items.map(((t,e)=>this.renderItem(t,e))),!i&&this.renderControlButton("chevronrightwide",!1,this.textNext,(()=>this.handleNext()))),n("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t,e,i))))}get host(){return this}static get watchers(){return{page:[{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}]}}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{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}]}]);function v(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((e=>{switch(e){case"post-pagination":customElements.get(t(e))||customElements.define(t(e),p);break;case"post-icon":customElements.get(t(e))||h()}}))}v();const g=p,b=v;export{g as PostPagination,b as defineCustomElement}
+import{t,p as e,H as i,c as o,h as n,a as r}from"./index.js";import{v as a}from"./p-DW7sbg9f.js";import{n as s}from"./p-nA1BKco0.js";import{c,g as l}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d}from"./p-C9hMpmsD.js";import{d as h}from"./p-B_RL4AOE.js";const p=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=o(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)}handlePropsChange(){this.updatePagesWithValidation()}componentWillLoad(){this.paginationId="pagination-"+(this.host.id||s(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,e,i=!0){i?c(this,t,e):l(this,t,e)}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)}scheduleMeasurement(){this.loaded&&(this.measurementTimeoutId=globalThis.setTimeout((()=>{this.navRef?.clientWidth>0&&this.hiddenItemsRef?this.measureAndCalculateVisiblePages():this.scheduleMeasurement()}),50))}handleResizeInternal(){this.loaded&&window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.measureAndCalculateVisiblePages())}calculateGap(t,e){const i=t.getBoundingClientRect();return e.getBoundingClientRect().left-i.right}measureAndCalculateVisiblePages(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;const t=this.getTotalPages();if(t<=1)return;const e=this.getPaginationPadding(),i=this.getAvailableWidth()-e,o=this.getControlButtonsWidth(),n=this.hiddenItemsRef.querySelector(".hidden-page-button"),r=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!n)return;const a=n.getBoundingClientRect().width,s=n&&r?this.calculateGap(n,r):0;this.maxVisiblePages=Math.max(3,Math.min(Math.floor((i-o-2*s+s)/(a+s)),t)),this.updatePagesWithValidation()}getControlButtonsWidth(){return this.hiddenItemsRef?Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button")).reduce(((t,e)=>t+e.getBoundingClientRect().width),0):0}getPaginationPadding(){if(!this.navRef)return 0;const t=globalThis.getComputedStyle(this.navRef);return(Number.parseFloat(t.paddingLeft)||0)+(Number.parseFloat(t.paddingRight)||0)}getAvailableWidth(){return this.navRef?this.host.parentElement?.clientWidth??window.innerWidth:0}get invalidSize(){return 0===this.collectionSize||0===this.pageSize}clampPageToValidRange(t){return 0===t||this.invalidSize||Number.isNaN(t)||!this.page||this.page<1||Number.isNaN(this.page)?1:this.page>t?t:this.page}updatePagesWithValidation(){const t=this.getTotalPages();this.page=this.clampPageToValidRange(t),this.generatePages(t)}getTotalPages(){return this.invalidSize?1:Math.ceil(this.collectionSize/this.pageSize)}sectionForGap(t){return t<=1?"none":2===t?"page":"ellipsis"}getSections(t,e,i){const o=t-1,n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}}computeTotalItems(t,e,i){const{leftSection:o,rightSection:n}=this.getSections(t,e,i);return 2+("none"===o?0:1)+("none"===n?0:1)+Math.max(0,e-t+1)}buildAllPages(t){const e=[];for(let i=1;i<=t;i++)e.push({type:"page",page:i});return e}adjustForGapTwo(t,e,i,o){const n={startPage:t,endPage:e};return 2==i-e&&(n.endPage=i-1,n.startPage=Math.max(2,n.endPage-o+1)),2==n.startPage-1&&(n.startPage=2,n.endPage=Math.min(i-1,n.startPage+o-1)),n}ensureMiddleSlots(t,e,i,o){const n={startPage:t,endPage:e},r=e-t+1;return r<o&&e<i-1&&(n.endPage=Math.min(i-1,t+o-1)),r<o&&t>2&&(n.startPage=Math.max(2,e-o+1)),n}trimExcessItems(t,e,i,o,n){const r={startPage:t,endPage:e};let a=this.computeTotalItems(r.startPage,r.endPage,i);for(;a>o;){if(r.endPage-n>=n-r.startPage&&r.endPage>r.startPage)r.endPage=Math.max(r.startPage-1,r.endPage-1);else{if(!(r.startPage<r.endPage))break;r.startPage=Math.min(r.endPage+1,r.startPage+1)}const t=this.computeTotalItems(r.startPage,r.endPage,i);if(t===a)break;a=t}return r}expandToFillSlots(t,e,i,o){const n={startPage:t,endPage:e};let r=this.computeTotalItems(n.startPage,n.endPage,i);for(;r<o;){const t=n.endPage<i-1;if(n.startPage>2)n.startPage=Math.max(2,n.startPage-1);else{if(!t)break;n.endPage=Math.min(i-1,n.endPage+1)}const e=this.computeTotalItems(n.startPage,n.endPage,i);if(e===r)break;r=e}return n}balanceTotalItems(t,e,i,o,n){const r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)}calculatePageRange(t,e,i){const o=Math.max(0,i-2-2);if(o<=0)return{startPage:2,endPage:1};let n=t-Math.floor(o/2),r=n+o-1;n<2&&(n=2,r=n+o-1),r>e-1&&(r=e-1,n=r-o+1),n=Math.max(2,n),r=Math.min(e-1,r);const a=this.adjustForGapTwo(n,r,e,o),s=this.ensureMiddleSlots(a.startPage,a.endPage,e,o);return this.balanceTotalItems(s.startPage,s.endPage,e,i,t)}buildPaginationItems(t,e,i){const o=[],n=t<=e;if(o.push({type:"page",page:1}),n){const{leftSection:n,rightSection:r}=this.getSections(t,e,i);"page"===n?o.push({type:"page",page:2}):"ellipsis"===n&&o.push({type:"ellipsis"});for(let i=t;i<=e;i++)o.push({type:"page",page:i});return"page"===r?o.push({type:"page",page:i-1}):"ellipsis"===r&&o.push({type:"ellipsis"}),o.push({type:"page",page:i}),o}}generateSmallPagination(t,e){return 1===t||t===e?[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]:[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]}generatePages(t){const e=this.maxVisiblePages,i=this.page||1;if(t<=e)return void(this.items=this.buildAllPages(t));if(e<=4)return void(this.items=this.generateSmallPagination(i,t));const{startPage:o,endPage:n}=this.calculatePageRange(i,t,e);this.items=this.buildPaginationItems(o,n,t)}emitPageChange(t){this.page=t,this.postChange.emit(t)}handlePageClick(t){t!==this.page&&this.emitPageChange(t)}handlePrevious(){this.page<=1||this.emitPageChange(this.page-1)}handleNext(){const t=this.getTotalPages();this.page>=t||this.emitPageChange(this.page+1)}handleKeyDown(t,e){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}buildPageLabel(t){const e=this.getTotalPages();return 1===t?`${this.textFirst}, ${this.textPage} ${t}`:t===e?`${this.textLast}, ${this.textPage} ${t}`:`${this.textPage} ${t}`}renderEllipsis(t){return n("li",{class:"pagination-item pagination-ellipsis",key:t,"aria-hidden":"true"},n("span",{class:"pagination-ellipsis-content"},"..."))}renderPageButton(t){const e=t===this.page;return n("li",{class:"pagination-item",key:"page-"+t},n("button",{type:"button",class:{"pagination-link":!0,"pagination-link-active":e},"aria-label":this.buildPageLabel(t),"aria-current":e?"page":void 0,onClick:()=>this.handlePageClick(t),onKeyDown:e=>this.handleKeyDown(e,(()=>this.handlePageClick(t))),tabIndex:0},n("span",{"aria-hidden":"true"},t)))}renderItem(t,e){return"ellipsis"===t.type?this.renderEllipsis("ellipsis-"+e):this.renderPageButton(t.page)}renderControlButton(t,e,i,o){return n("li",{class:"pagination-item pagination-control"},n("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary "+(e?"prev-button":"next-button"),"aria-label":i,onClick:o,onKeyDown:t=>this.handleKeyDown(t,o),tabIndex:0},n("post-icon",{name:t,"aria-hidden":"true"}),n("span",{class:"visually-hidden"},i)))}renderHiddenItems(t,e,i){return[!e&&n("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},n("post-icon",{name:"chevronleftwide","aria-hidden":"true"})),n("button",{class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:!0},n("span",{"aria-hidden":"true"},t)),n("span",{class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},"..."),!i&&n("button",{class:"pagination-link pagination-control-button hidden-control-button",disabled:!0},n("post-icon",{name:"chevronrightwide","aria-hidden":"true"}))]}render(){const t=this.getTotalPages();if(t<=1)return null;const e=this.page<=1,i=this.page>=t;return n(r,{slot:"post-pagination","data-version":a},n("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:t=>this.navRef=t},n("ul",{class:"pagination-list",role:"list"},!e&&this.renderControlButton("chevronleftwide",!0,this.textPrevious,(()=>this.handlePrevious())),this.items.map(((t,e)=>this.renderItem(t,e))),!i&&this.renderControlButton("chevronrightwide",!1,this.textNext,(()=>this.handleNext()))),n("div",{class:"hidden-items","aria-hidden":"true",ref:t=>this.hiddenItemsRef=t},this.renderHiddenItems(t,e,i))))}get host(){return this}static get watchers(){return{page:[{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}]}}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-pagination",{page:[1026],pageSize:[514,"page-size"],collectionSize:[514,"collection-size"],label:[513],textPrevious:[513,"text-previous"],textNext:[513,"text-next"],textPage:[513,"text-page"],textFirst:[513,"text-first"],textLast:[513,"text-last"],paginationId:[32],maxVisiblePages:[32],items:[32]},void 0,{page:[{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}]}]);function v(){"undefined"!=typeof customElements&&["post-pagination","post-icon"].forEach((e=>{switch(e){case"post-pagination":customElements.get(t(e))||customElements.define(t(e),p);break;case"post-icon":customElements.get(t(e))||h()}}))}v();const g=p,b=v;export{g as PostPagination,b as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as s,H as o,h as e,a as i}from"./index.js";import{v as r}from"./p-B4l5EAoq.js";import{i as h}from"./p-PuHMz_9_.js";import{g as n}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const p=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 e(i,{key:"52d004cbdcb7be0b7df6c10f70f5b3bdbeb89a27","data-version":r},e("slot",{key:"5eabc986947a00ed1fad3ce3f8103e615f709d9f",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 a(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((s=>{"post-popover-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),p))}))}a();const c=p,d=a;export{c as PostPopoverTrigger,d as defineCustomElement}
+import{t,p as s,H as e,h as i,a as o}from"./index.js";import{v as r}from"./p-DW7sbg9f.js";import{i as h}from"./p-PuHMz_9_.js";import{g as n}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const p=s(class extends e{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(o,{key:"e9cf2ac9db54388c4a8743489f7b6712a99fefcd","data-version":r},i("slot",{key:"eecc2384629001fd05ff1a62b691d3be01ebc0d4",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 a(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((s=>{"post-popover-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),p))}))}a();const c=p,d=a;export{c as PostPopoverTrigger,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as e,H as o,h as s,a}from"./index.js";import{d as i,a as r}from"./p-BbOp03Tv.js";import{v as c}from"./p-B4l5EAoq.js";import{d as p,c as n}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{a as d}from"./p-DsaGKkkf.js";import{d as l}from"./p-DAIxJysJ.js";import{d as m}from"./p-HNUXY1z7.js";const h=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0}validatePlacement(){p(this,"placement",r)}validateTextClose(){n(this,"textClose","string")}componentDidLoad(){this.validatePlacement(),this.validateTextClose()}async show(t){await this.popoverRef.show(t),this.focusFirstEl()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&this.focusFirstEl()}focusFirstEl(){const t=d(this.host)[0];t&&t.focus()}render(){return s(a,{key:"859812ad40c54e61ea90625d0170cc0336d5eba3","data-version":c},s("post-popovercontainer",{key:"47cdd1e48d4bf937d74c90fbb7f8d7ab73af1593",arrow:this.arrow,placement:this.placement,ref:t=>this.popoverRef=t},s("div",{key:"ec5e72c7d463de0a92220d9a4e7be7fd6f6669a7",class:"popover-container"},s("div",{key:"4934817369aa06236011af0e34763bd890ac3b4b",class:"popover-content"},s("slot",{key:"b3f56b3c9e5642cc210b18bd5a5abc4b4daf36e0"})),s("post-closebutton",{key:"354e2d16c3e4ba475a0cd030539da4a915950b1c",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:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display: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 b(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((e=>{switch(e){case"post-popover":customElements.get(t(e))||customElements.define(t(e),h);break;case"post-closebutton":customElements.get(t(e))||l();break;case"post-icon":customElements.get(t(e))||m();break;case"post-popovercontainer":customElements.get(t(e))||i()}}))}b();const v=h,f=b;export{v as PostPopover,f as defineCustomElement}
+import{t,p as e,H as o,h as s,a}from"./index.js";import{d as i,a as r}from"./p-Dmnnz3fB.js";import{v as p}from"./p-DW7sbg9f.js";import{d as n,c}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{a as d}from"./p-DsaGKkkf.js";import{d as l}from"./p-DSSN7xW4.js";import{d as m}from"./p-B_RL4AOE.js";const f=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0}validatePlacement(){n(this,"placement",r)}validateTextClose(){c(this,"textClose","string")}componentDidLoad(){this.validatePlacement(),this.validateTextClose()}async show(t){await this.popoverRef.show(t),this.focusFirstEl()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&this.focusFirstEl()}focusFirstEl(){const t=d(this.host)[0];t&&t.focus()}render(){return s(a,{key:"09e88f4db9dfc6ed370649d014f51ddbc0862231","data-version":p},s("post-popovercontainer",{key:"9a3326e81e8d0d580fb7afe1e9b37faa30e24559",arrow:this.arrow,placement:this.placement,ref:t=>this.popoverRef=t},s("div",{key:"a1c4398621bdabe564b382a588c4b0c25500d32f",class:"popover-container"},s("div",{key:"01d695a07369d0f4fb0ee04ffdfd5abb30db3fef",class:"popover-content"},s("slot",{key:"14edd33928d9f404c2b44df4d1a9f874af2b4fb5"})),s("post-closebutton",{key:"7951a656d27ffff55e2b394732ba31c243d39009",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:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display: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 h(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((e=>{switch(e){case"post-popover":customElements.get(t(e))||customElements.define(t(e),f);break;case"post-closebutton":customElements.get(t(e))||l();break;case"post-icon":customElements.get(t(e))||m();break;case"post-popovercontainer":customElements.get(t(e))||i()}}))}h();const b=f,v=h;export{b as PostPopover,v as defineCustomElement}

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

@@ -1 +1 @@
-import{P as o,d as p}from"./p-BbOp03Tv.js";const s=o,r=p;export{s as PostPopovercontainer,r as defineCustomElement}
+import{P as o,d as s}from"./p-Dmnnz3fB.js";const m=o,n=s;export{m as PostPopovercontainer,n 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-B4l5EAoq.js";import{c as n}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d as l}from"./p-HNUXY1z7.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:"a78438daf5ca5a5aba08717eebaeb207a2e0893b","data-version":o},i("div",{key:"3f153cf57e7003ae379a7f7f2b641a577bcbba2b",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,p=c;export{d as PostRating,p 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-DW7sbg9f.js";import{c as n}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d as l}from"./p-B_RL4AOE.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:"7daf53685c00e611e289c1ce8eb4cb6491c2025b","data-version":o},i("div",{key:"d14774efb201b5f27b9c5f1557726d4683a7b34f",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,g=c;export{d as PostRating,g as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as i,h as o,a as r}from"./index.js";import{v as c}from"./p-B4l5EAoq.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"0919891d67f961e1ee2c8a7fb556d232ed34ed94","data-version":c,role:"listitem"},o("span",{key:"862705599a537267080fbf054e06353c65888bba",class:"stepper-item-content"},o("span",{key:"96c62cc07fd460402d4e49a36fad70c80eb52f78",class:"step-hidden-label visually-hidden"}),o("span",{key:"6cce8bef3684d50f8dbb72f48b1ca3b0bbcd57ca",class:"label"},o("slot",{key:"9ec06d2716870180309bbfde83a04953e7abb011"}))))}static get style(){return':host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::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}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after{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)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{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-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{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)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.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}'}},[257,"post-stepper-item"]);function a(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((t=>{"post-stepper-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}a();const n=s,p=a;export{n as PostStepperItem,p as defineCustomElement}
+import{t as e,p as t,H as i,h as o,a as r}from"./index.js";import{v as c}from"./p-DW7sbg9f.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"f41ae27d8de89912b3aa34d9c89f5ec69f3df301","data-version":c,role:"listitem"},o("span",{key:"00a0dd2eb3fb020e49c5782245e1f3e72c77e780",class:"stepper-item-content"},o("span",{key:"bc9932083d295b92db24ddd22cb18a755db5ad11",class:"step-hidden-label visually-hidden"}),o("span",{key:"efe2d809c82c1d7de9e0cdf4e52b924943afa0bf",class:"label"},o("slot",{key:"47aceca3fc331ef91da60674dbc2af5ea7e76ec8"}))))}static get style(){return':host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::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}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after{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)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{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-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{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)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.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}'}},[257,"post-stepper-item"]);function a(){"undefined"!=typeof customElements&&["post-stepper-item"].forEach((t=>{"post-stepper-item"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}a();const n=s,p=a;export{n as PostStepperItem,p 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}from"./index.js";import{v as n}from"./p-B4l5EAoq.js";import{c as r,f as d}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.currentIndex=-1}validateTextCurrentStep(){r(this,"textCurrentStep","string")}validateTextCompletedStep(){r(this,"textCompletedStep","string")}validateTextStepNumber(){d(this,"textStepNumber",/\{number\}/),this.updateActiveStepNumber()}validateCurrentIndex(){r(this,"currentIndex","number"),this.stepItems&&(this.updateSteps(),this.checkIndexes())}validateSelectedIndex(){void 0===this.selectedIndex?this.selectedIndex=this.currentIndex:(r(this,"selectedIndex","number"),this.checkIndexes()),this.updateSteps()}componentDidLoad(){this.validateTextCompletedStep(),this.validateTextCurrentStep(),this.validateTextStepNumber(),setTimeout((()=>{this.validateCurrentIndex(),this.validateSelectedIndex()}))}checkIndexes(){this.selectedIndex>this.currentIndex&&console.error("The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.")}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replaceAll("{number}",""+(this.selectedIndex+1)),this.stepItems&&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.selectedIndex===t&&(this.mobileActiveStepName=e.innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-selected",this.selectedIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t),e.classList.toggle("stepper-item-after-current",t===this.currentIndex+1);const i=e.shadowRoot?.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t&&(e=this.textCompletedStep+": "),this.selectedIndex===t&&(e=`${e}${this.textCurrentStep}: `),i.textContent=e}this.selectedIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.selectedIndex>=this.stepItems.length||this.selectedIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return s(a,{key:"f8f513d23199842eae3ceb797f4095c41ff5a93a","data-version":n},s("ol",{key:"66c92375a36df75b7fcc63ae07489f9ac7f1afeb"},s("slot",{key:"fd4de4f5ab0753515485a03f6c8c14561c7151e7",onSlotchange:()=>this.updateSteps()})),s("div",{key:"e155529119929bee34b15fc6085a69a99756766a",class:"active-step","aria-hidden":"true"},s("span",{key:"61ea3968a0210582dae79ee8be325b347876ca06",class:"active-step-label"},this.mobileActiveStepLabel),s("span",{key:"bd84fbdde9aa9c2796a9b99977f00272b77124b3",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex: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)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@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"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}]}]);function l(){"undefined"!=typeof customElements&&["post-stepper"].forEach((t=>{"post-stepper"===t&&(customElements.get(e(t))||customElements.define(e(t),p))}))}l();const c=p,o=l;export{c as PostStepper,o as defineCustomElement}
+import{t as e,p as t,H as i,h as s,a as n}from"./index.js";import{v as r}from"./p-DW7sbg9f.js";import{c as a,f as d}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const p=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(){d(this,"textStepNumber",/\{number\}/),this.updateActiveStepNumber()}validateCurrentIndex(){a(this,"currentIndex","number"),this.stepItems&&(this.updateSteps(),this.checkIndexes())}validateSelectedIndex(){void 0===this.selectedIndex?this.selectedIndex=this.currentIndex:(a(this,"selectedIndex","number"),this.checkIndexes()),this.updateSteps()}componentDidLoad(){this.validateTextCompletedStep(),this.validateTextCurrentStep(),this.validateTextStepNumber(),setTimeout((()=>{this.validateCurrentIndex(),this.validateSelectedIndex()}))}checkIndexes(){this.selectedIndex>this.currentIndex&&console.error("The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.")}updateActiveStepNumber(){this.textStepNumber&&(this.mobileActiveStepLabel=this.textStepNumber.replaceAll("{number}",""+(this.selectedIndex+1)),this.stepItems&&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.selectedIndex===t&&(this.mobileActiveStepName=e.innerHTML),e.classList.toggle("stepper-item-completed",this.currentIndex>t),e.classList.toggle("stepper-item-current",this.currentIndex===t),e.classList.toggle("stepper-item-selected",this.selectedIndex===t),e.classList.toggle("stepper-item-inactive",this.currentIndex<t),e.classList.toggle("stepper-item-after-current",t===this.currentIndex+1);const i=e.shadowRoot?.querySelector(".step-hidden-label");if(i){let e="";this.currentIndex>t&&(e=this.textCompletedStep+": "),this.selectedIndex===t&&(e=`${e}${this.textCurrentStep}: `),i.textContent=e}this.selectedIndex===t?(e.setAttribute("aria-current","step"),e.setAttribute("aria-live","polite")):(e.removeAttribute("aria-current"),e.removeAttribute("aria-live"))})),this.updateMobileActiveStepVisibility())}updateMobileActiveStepVisibility(){(this.selectedIndex>=this.stepItems.length||this.selectedIndex<0)&&(this.mobileActiveStepLabel="",this.mobileActiveStepName="")}render(){return s(n,{key:"8d6184e49608c81446eb3aa880df8a4535b9b959","data-version":r},s("ol",{key:"7340f39e1c7f8b903cb5f5e9c2cd536f54f0d60c"},s("slot",{key:"6a120449b6224f4a53c68bfedf08ef753d011b8b",onSlotchange:()=>this.updateSteps()})),s("div",{key:"9b4f91edd4bc7496a6c8c8976687323edf67d78e",class:"active-step","aria-hidden":"true"},s("span",{key:"70ad722fa40e413cf4ceadb3af8575dcffc33b81",class:"active-step-label"},this.mobileActiveStepLabel),s("span",{key:"02ea637605b7dfeb423daf7efb64b2abd572cea8",innerHTML:this.mobileActiveStepName})))}get host(){return this}static get watchers(){return{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex: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)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@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"],selectedIndex:[2,"selected-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},void 0,{textCurrentStep:[{validateTextCurrentStep:0}],textCompletedStep:[{validateTextCompletedStep:0}],textStepNumber:[{validateTextStepNumber:0}],currentIndex:[{validateCurrentIndex:0}],selectedIndex:[{validateSelectedIndex:0}]}]);function c(){"undefined"!=typeof customElements&&["post-stepper"].forEach((t=>{"post-stepper"===t&&(customElements.get(e(t))||customElements.define(e(t),p))}))}c();const l=p,o=c;export{l as PostStepper,o 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-B4l5EAoq.js";import{c}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{n as s}from"./p-nA1BKco0.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:"9b84cb5ecacec33119cff40c9012659997716991",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:"e10db265b7bfd406f074f6144240eda593d4f6d2"}))}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-DW7sbg9f.js";import{c}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{n as s}from"./p-nA1BKco0.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:"ad908beacdffc7d6ce2eb0cab7a7a2868e876a34",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:"d8208d5c9b78f31351ad6c32677b8c693ec449f6"}))}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 s,H as e,h as o,a}from"./index.js";import{v as r}from"./p-B4l5EAoq.js";import{n}from"./p-nA1BKco0.js";import{c as i}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const p=s(class extends e{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:"54aa43b74f51d8e68423a5fd268ce02652f4d85a","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels"},o("slot",{key:"ac6c05d411546d8aa226a969b1b0e5bcce664b62"}))}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((s=>{"post-tab-panel"===s&&(customElements.get(t(s))||customElements.define(t(s),p))}))}l();const c=p,d=l;export{c as PostTabPanel,d as defineCustomElement}
+import{t,p as s,H as e,h as o,a}from"./index.js";import{v as r}from"./p-DW7sbg9f.js";import{n}from"./p-nA1BKco0.js";import{c as i}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";const c=s(class extends e{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:"d80c058e686d94347bfcb266f35f73247fc6db5a","data-version":r,id:this.panelId,role:"tabpanel",slot:"panels"},o("slot",{key:"dc226cf7fe57939fd53a8f1cc68c9eaf766d5c1e"}))}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 p(){"undefined"!=typeof customElements&&["post-tab-panel"].forEach((s=>{"post-tab-panel"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))}p();const f=c,l=p;export{f as PostTabPanel,l 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-B4l5EAoq.js";import{f as h}from"./p-D5knoiyy.js";import{c as r}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.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=>null!==t.querySelector("a")||"true"===t.dataset.navigationMode));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.at(-1),e&&(e.focus(),this.show(e.name))}render(){return a(n,{key:"383093508d7c7ff8871ded0bcbe5fb88f8211ffa","data-version":o},a("div",{key:"e54724f5c4427c1ee76bc29bcf24bc26e9589898",class:"tabs-wrapper",part:"post-tabs"},a(this.isNavigationMode?"nav":"div",{key:"f053c146995de984d42844e0f3e2159e77ef5ec4",class:"tabs",role:this.isNavigationMode?void 0:"tablist","aria-label":this.isNavigationMode?this.label:void 0},a("slot",{key:"6f5165c9e3109a0e04b5e0717cc29770490de49b",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}}))),!this.isNavigationMode&&a("div",{key:"9f49ba439d84a56b5c71004e361eb856d2fb9476",class:"tab-content",part:"post-tabs-content"},a("slot",{key:"837899fd44e5e36c782fb1f3242e4765a1301f71",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 d=l,b=c;export{d as PostTabs,b 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-DW7sbg9f.js";import{f as h}from"./p-D5knoiyy.js";import{c as r}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.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=>null!==t.querySelector("a")||"true"===t.dataset.navigationMode));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.at(-1),e&&(e.focus(),this.show(e.name))}render(){return a(n,{key:"4eb78778cb1a98e78714b5b8d69d15eaa68170c6","data-version":o},a("div",{key:"203c1529d44e676d40dd4f87593bcce07901079f",class:"tabs-wrapper",part:"post-tabs"},a(this.isNavigationMode?"nav":"div",{key:"70f132a96d11fdcc0f0e9bab5053cc3a188b5b04",class:"tabs",role:this.isNavigationMode?void 0:"tablist","aria-label":this.isNavigationMode?this.label:void 0},a("slot",{key:"24e2b06bf1b884d83d6c915d4c54029856f2a0ec",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}}))),!this.isNavigationMode&&a("div",{key:"bd6530a08d31258fa028761f44f0db4dc12541ec",class:"tab-content",part:"post-tabs-content"},a("slot",{key:"df50010f2b6cfbd77bc435bedbff1677415869e5",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 d=l,b=c;export{d as PostTabs,b as defineCustomElement}

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

@@ -1 +1 @@
-import{P as o,d as s}from"./p-B4tq6hiA.js";const t=o,p=s;export{t as PostTogglebutton,p as defineCustomElement}
+import{P as o,d as s}from"./p-B076QoO3.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{g as r}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{v as h}from"./p-B4l5EAoq.js";import{i as n}from"./p-PuHMz_9_.js";const a=["pointerenter","pointerleave","focusin","focusout","long-press"];(async()=>{await import("./p-BNgqqRsB.js")})();const l=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(){r(this,"for","string")}get tooltip(){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){n(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(){a.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){a.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=globalThis.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:"98dbfc68d831d6be2ab130ab6e944ad63568bf0a","data-version":h},e("slot",{key:"07d8aa731160e32dfdaccc078504112c0c4a8195",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 c(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((s=>{"post-tooltip-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}c();const p=l,d=c;export{p as PostTooltipTrigger,d as defineCustomElement}
+import{t,p as s,H as i,h as e,a as o}from"./index.js";import{g as r}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{v as h}from"./p-DW7sbg9f.js";import{i as n}from"./p-PuHMz_9_.js";const a=["pointerenter","pointerleave","focusin","focusout","long-press"];(async()=>{await import("./p-BNgqqRsB.js")})();const l=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(){r(this,"for","string")}get tooltip(){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){n(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(){a.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){a.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=globalThis.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:"7121e61cb791f41af5f41b5e2586b0a0399a4e05","data-version":h},e("slot",{key:"5de58a569a3bfedb44330c7b66150e58afdfea9b",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 c(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((s=>{"post-tooltip-trigger"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}c();const p=l,d=c;export{p as PostTooltipTrigger,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as o,h as s,a as r}from"./index.js";import{v as a}from"./p-B4l5EAoq.js";import{d as i}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d as p,a as n}from"./p-BbOp03Tv.js";const c=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){i(this,"placement",n)}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(e){this.open||await this.popoverRef.show(e)}async hide(){this.popoverRef.hide()}async toggle(e,t){this.popoverRef.toggle(e,t)}handleBeforeToggle(e){this.open=e.detail.willOpen}render(){return s(r,{key:"7bc70df782aa0edfe3e8b61b0f860ffd556c5c8a","data-version":a},s("post-popovercontainer",{key:"d53b74cd387df90c194eaf698e6c1db49e805ca0",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,onPostBeforeToggle:e=>this.handleBeforeToggle(e),ref:e=>this.popoverRef=e},s("slot",{key:"dede2265988174a1947a8d27d4be42bfc7be818a"})))}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{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1);padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);width:inherit;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 d(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((t=>{switch(t){case"post-tooltip":customElements.get(e(t))||customElements.define(e(t),c);break;case"post-popovercontainer":customElements.get(e(t))||p()}}))}d();const l=c,h=d;export{l as PostTooltip,h as defineCustomElement}
+import{t as e,p as t,H as o,h as s,a as r}from"./index.js";import{v as a}from"./p-DW7sbg9f.js";import{d as i}from"./p-B2BDAeHI.js";import"./p-CJcRbvrI.js";import{d as p,a as n}from"./p-Dmnnz3fB.js";const c=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}validatePlacement(){i(this,"placement",n)}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(e){this.open||await this.popoverRef.show(e)}async hide(){this.popoverRef.hide()}async toggle(e,t){this.popoverRef.toggle(e,t)}handleBeforeToggle(e){this.open=e.detail.willOpen}render(){return s(r,{key:"4822f0831a0ce3e74e7eeb181f562b2e4624efc8","data-version":a},s("post-popovercontainer",{key:"ba403db39900c4fddc6ab7dca4be73c17b2e60bf",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,onPostBeforeToggle:e=>this.handleBeforeToggle(e),ref:e=>this.popoverRef=e},s("slot",{key:"205a693e6e0c2ed41c7c8b5a2dd8ae214f20e199"})))}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{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1);padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);width:inherit;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 d(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((t=>{switch(t){case"post-tooltip":customElements.get(e(t))||customElements.define(e(t),c);break;case"post-popovercontainer":customElements.get(e(t))||p()}}))}d();const l=c,h=d;export{l as PostTooltip,h as defineCustomElement}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-12T15:20:43",
+  "timestamp": "2026-05-19T08:30:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.3",
@@ -2015,6 +2015,10 @@
       "readme": "# post-footer\n",
       "docs": "",
       "docsTags": [
+        {
+          "name": "slot",
+          "text": "prefooter - Slot for the pre-footer."
+        },
         {
           "name": "slot",
           "text": "grid-{1|2|3|4}-title - Slot for the accordion headers (mobile)."
@@ -2099,6 +2103,10 @@
           "name": "meta",
           "docs": "Slot for the meta links."
         },
+        {
+          "name": "prefooter",
+          "docs": "Slot for the pre-footer."
+        },
         {
           "name": "socialmedia",
           "docs": "Slot for the social media links."

package/dist/esm/package-DW7sbg9f.js

@@ -0,0 +1,3 @@
+const version = "10.0.0-next.70";
+
+export { version as v };

package/dist/esm/post-accordion_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { h as checkRequiredAndOneOf, d as checkEmptyOrOneOf } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 import { E as EventFrom } from './event-from-rEfV4v4a.js';

package/dist/esm/post-autocomplete.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 import { d as debounce } from './debounce-C9hMpmsD.js';

package/dist/esm/post-avatar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { c as checkRequiredAndType, b as checkEmptyOrType, g as checkEmptyOrPattern } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 

package/dist/esm/post-back-to-top.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
 import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 import './utils-CoDiS_Ik.js';

package/dist/esm/post-banner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { f as fade } from './fade-DsgPYmAa.js';
 import { d as checkEmptyOrOneOf } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';

package/dist/esm/post-breadcrumb-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 

package/dist/esm/post-breadcrumbs.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DmAi35UF.js';
-import { v as version } from './package-B4l5EAoq.js';
+import { v as version } from './package-DW7sbg9f.js';
 import { a as checkRequiredAndUrl, c as checkRequiredAndType } from './index-D9bU2pIE.js';
 import './index-CJcRbvrI.js';
 import { d as debounce } from './debounce-C9hMpmsD.js';