@swisspost/internet-header 10.6.0 → 10.8.0

package/dist/esm-es5/post-megadropdown.entry.js

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++){e=arguments[i];for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{c(o.next(t))}catch(t){r(t)}}function a(t){try{c(o["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,a)}c((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{o=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __setFunctionName=this&&this.__setFunctionName||function(t,e,i){if(typeof e==="symbol")e=e.description?"[".concat(e.description,"]"):"";return Object.defineProperty(t,"name",{configurable:true,value:i?"".concat(i," ",e):e})};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,n=e.length,r;o<n;o++){if(r||!(o in e)){if(!r)r=Array.prototype.slice.call(e,0,o);r[o]=e[o]}}return t.concat(r||Array.prototype.slice.call(e))};var _a;import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{f as fadeSlide}from"./fade-slide-CvOvauo9.js";import{b as breakpoint}from"./breakpoints-I1j7a0bW.js";import{a as getFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{v as version}from"./package-T8T3po4z.js";import{r as resolveEasing}from"./utils-CoDiS_Ik.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import"./get-root-08F-DB-d.js";import"./create-validator-decorator--a-qkYfP.js";var defaultOptions={translate:100,duration:500,easing:"ease",fill:"none"};function animateSlide(t,e,i){var o=__assign(__assign({},defaultOptions),i),n=o.duration,r=o.easing,s=o.fill;return t.animate(e,{duration:n,easing:resolveEasing(r),fill:s})}function slide(t,e,i){if(i===void 0){i={}}var o=__assign(__assign({},defaultOptions),i);var n=o.translate;var r=[{transform:"translateX(".concat(n,"%)")},{transform:"translateX(0)"}];var s=e==="in"?r:__spreadArray([],r,true).reverse();return animateSlide(t,s,i)}var postMegadropdownCss=function(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:24px;padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:24px;padding-block-end:24px}}.megadropdown-title{margin-block:0 16px;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button{border-width:1px !important;-webkit-transition:none;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:32px;margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:24px;margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)if(s=t[a])r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r};var PostMegadropdown=(_a=function(){function t(t){var e=this;registerInstance(this,t);this.postToggleMegadropdown=createEvent(this,"postToggleMegadropdown");this.currentAnimation=null;this.isAnimating=false;this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"};this.device=breakpoint.get("device");this.isVisible=false;this.trigger=false;this.animationClass=null;this.breakpointChange=function(t){e.device=t.detail;e.cancelAnimation()};this.handleClickOutside=function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,o;return __generator(this,(function(n){switch(n.label){case 0:if(this.device!=="desktop")return[2];e=t.target;if(this.host.contains(e)){return[2]}if(this.megadropdownTrigger.contains(e)){return[2]}if(e instanceof HTMLElement){i=e.closest("post-megadropdown-trigger");if(i){o=i.getAttribute("for");if(o!==this.host.id){return[2]}}}return[4,this.hide(false)];case 1:n.sent();return[2]}}))}))};this.keyboardHandler=this.keyboardHandler.bind(this);this.handleTabOutside=this.handleTabOutside.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this)}Object.defineProperty(t.prototype,"megadropdownTrigger",{get:function(){var t=this.host.getAttribute("id");return t?document.querySelector('post-megadropdown-trigger[for="'.concat(t,'"]')):null},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)};t.prototype.componentDidRender=function(){this.getFocusableElements()};t.prototype.componentDidLoad=function(){this.checkInitialAriaCurrent();this.setupObserver();this.handleAriaCurrentChange([])};t.prototype.disconnectedCallback=function(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange);if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;this.removeListeners();if(this.defaultSlotObserver){this.defaultSlotObserver.disconnect()}};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAnimating){return[2,this.isVisible?this.show():this.hide()]}return[2,this.isVisible?this.hide():this.show()]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(o){switch(o.label){case 0:if(this.device!=="desktop"){t=this.megadropdownTrigger;if(t)this.megadropdownTitle=t.innerHTML}e=false;if(PostMegadropdown.activeDropdown&&PostMegadropdown.activeDropdown!==this){PostMegadropdown.activeDropdown.forceClose();e=true}this.cancelAnimation();this.isVisible=true;PostMegadropdown.activeDropdown=this;this.postToggleMegadropdown.emit({isVisible:true});if(!e)return[3,1];this.focusFirst();this.addListeners();return[3,4];case 1:o.trys.push([1,3,,4]);return[4,this.animate("in")];case 2:o.sent();this.focusFirst();this.addListeners();return[3,4];case 3:i=o.sent();this.removeListeners();this.isVisible=false;if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;this.postToggleMegadropdown.emit({isVisible:false,focusParent:true});return[3,4];case 4:return[2]}}))}))};t.prototype.hide=function(){return __awaiter(this,arguments,void 0,(function(t,e){var i;if(t===void 0){t=true}if(e===void 0){e=false}return __generator(this,(function(o){switch(o.label){case 0:if(e){this.forceClose();return[2]}this.postToggleMegadropdown.emit({isVisible:false,focusParent:t});o.label=1;case 1:o.trys.push([1,3,,4]);return[4,this.animate("out")];case 2:o.sent();this.isVisible=false;this.removeListeners();if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;return[3,4];case 3:i=o.sent();PostMegadropdown.activeDropdown=this;this.addListeners();this.isVisible=true;this.postToggleMegadropdown.emit({isVisible:true,focusParent:false});return[3,4];case 4:return[2]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.firstFocusableEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.forceClose=function(){this.removeListeners();this.postToggleMegadropdown.emit({isVisible:false,focusParent:false});this.isVisible=false;if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null};t.prototype.createAnimation=function(t){if(this.device==="desktop"){return fadeSlide(this.animatedContainer,t,this.fsAnimationOptions)}return slide(this.animatedContainer,t,{translate:100,duration:350,easing:t==="in"?"ease-in":"ease-out"})};t.prototype.animate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.cancelAnimation();this.currentAnimation=this.createAnimation(t);this.isAnimating=true;return[4,this.currentAnimation.finished];case 1:e.sent();this.isAnimating=false;this.currentAnimation=null;return[2]}}))}))};t.prototype.cancelAnimation=function(){var t;(t=this.currentAnimation)===null||t===void 0?void 0:t.cancel();this.currentAnimation=null};t.prototype.addListeners=function(){this.host.addEventListener("keydown",this.keyboardHandler);document.addEventListener("keyup",this.handleTabOutside);document.addEventListener("mousedown",this.handleClickOutside)};t.prototype.removeListeners=function(){this.host.removeEventListener("keydown",this.keyboardHandler);document.removeEventListener("keyup",this.handleTabOutside);document.removeEventListener("mousedown",this.handleClickOutside)};t.prototype.getFocusableElements=function(){var t=__spreadArray(__spreadArray([],getFocusableChildren(this.host),true),getFocusableChildren(this.host.shadowRoot),true);this.firstFocusableEl=t[0];this.lastFocusableEl=t.at(-1)};t.prototype.keyboardHandler=function(t){if(t.key!=="Tab"||this.device==="desktop")return;var e=this.host.shadowRoot.activeElement||document.activeElement;if(t.shiftKey&&e===this.firstFocusableEl){t.preventDefault();this.lastFocusableEl.focus()}else if(!t.shiftKey&&e===this.lastFocusableEl){t.preventDefault();this.firstFocusableEl.focus()}};t.prototype.handleTabOutside=function(t){if(t.key==="Tab"&&this.device==="desktop"){if(this.isVisible&&!this.host.contains(t.target)){this.hide(false)}}};t.prototype.setupObserver=function(){var t={subtree:true,attributes:true,attributeFilter:["aria-current"]};this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this));this.defaultSlotObserver.observe(this.host,t)};t.prototype.setTriggerActive=function(t){var e=this.megadropdownTrigger;if(e)e.setAttribute("active",t.toString())};t.prototype.handleAriaCurrentChange=function(t){if(t.length===0)return;var e=t.some((function(t){return t.target instanceof HTMLElement&&t.target.getAttribute("aria-current")==="page"}));this.setTriggerActive(e)};t.prototype.checkInitialAriaCurrent=function(){var t=this.host.querySelector('[aria-current="page"]');if(t)this.setTriggerActive(true)};t.prototype.render=function(){var t=this;var e=this.isVisible?{}:{display:"none"};return h(Host,{key:"c0854fff62bf5e8de1597e46051aea5f300ee686",version:version},h("div",{key:"1f4f66b74d7129481d76f1eec15a924b2c37718c",ref:function(e){return t.animatedContainer=e},class:"megadropdown",style:e},h("div",{key:"af743442fe3ad6211cddccddf5d0803de9f501b5",class:"section"},this.device!=="desktop"&&this.megadropdownTitle&&h("p",{key:"35a03b2ee32498aa157140d4e6916cbf66655e5c",class:"megadropdown-title"},this.megadropdownTitle),h("div",{key:"6c4efb52e7bb04c4f40d5b3f739ca69771c48602",class:"megadropdown-content"},h("slot",{key:"2b3200495cf23fe049734de9de9a5a1f4c9b09f3"})),this.device==="desktop"?h("post-closebutton",{onClick:function(){return t.hide(true)},class:"close-button",size:"small",placement:"manual"},this.textClose):h("button",{onClick:function(){return t.hide(true)},class:"back-button"},h("post-icon",{name:"arrowleft"}),this.textBack))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}(),__setFunctionName(_a,"PostMegadropdown"),function(){_a.activeDropdown=null}(),_a);__decorate([Required(),Type("string")],PostMegadropdown.prototype,"textClose",void 0);__decorate([Required(),Type("string")],PostMegadropdown.prototype,"textBack",void 0);PostMegadropdown.style=postMegadropdownCss();export{PostMegadropdown as post_megadropdown};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++){e=arguments[i];for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{c(o.next(t))}catch(t){r(t)}}function a(t){try{c(o["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):n(t.value).then(s,a)}c((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{o=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __setFunctionName=this&&this.__setFunctionName||function(t,e,i){if(typeof e==="symbol")e=e.description?"[".concat(e.description,"]"):"";return Object.defineProperty(t,"name",{configurable:true,value:i?"".concat(i," ",e):e})};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,n=e.length,r;o<n;o++){if(r||!(o in e)){if(!r)r=Array.prototype.slice.call(e,0,o);r[o]=e[o]}}return t.concat(r||Array.prototype.slice.call(e))};var _a;import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{f as fadeSlide}from"./fade-slide-CvOvauo9.js";import{b as breakpoint}from"./breakpoints-I1j7a0bW.js";import{a as getFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{v as version}from"./package-BdiQsTQm.js";import{r as resolveEasing}from"./utils-CoDiS_Ik.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import"./get-root-08F-DB-d.js";import"./create-validator-decorator--a-qkYfP.js";var defaultOptions={translate:100,duration:500,easing:"ease",fill:"none"};function animateSlide(t,e,i){var o=__assign(__assign({},defaultOptions),i),n=o.duration,r=o.easing,s=o.fill;return t.animate(e,{duration:n,easing:resolveEasing(r),fill:s})}function slide(t,e,i){if(i===void 0){i={}}var o=__assign(__assign({},defaultOptions),i);var n=o.translate;var r=[{transform:"translateX(".concat(n,"%)")},{transform:"translateX(0)"}];var s=e==="in"?r:__spreadArray([],r,true).reverse();return animateSlide(t,s,i)}var postMegadropdownCss=function(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:24px;padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:max(24px, env(safe-area-inset-bottom, 0px));padding-block-end:max(24px, env(safe-area-inset-bottom, 0px))}}.megadropdown-title{margin-block:0 16px;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-radius:calc(var(--post-device-sizing-interactive-button-height-4) / 2);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:focus-visible{outline-color:Highlight !important}}.back-button.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button.pretend-focus{outline-color:Highlight !important}}.back-button:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button{border-width:1px !important;-webkit-transition:none;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);-ms-flex-negative:0;flex-shrink:0}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:32px;margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:24px;margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)if(s=t[a])r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r};var PostMegadropdown=(_a=function(){function t(t){var e=this;registerInstance(this,t);this.postToggleMegadropdown=createEvent(this,"postToggleMegadropdown");this.currentAnimation=null;this.animationDirection=null;this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"};this.device=breakpoint.get("device");this.isVisible=false;this.trigger=false;this.animationClass=null;this.breakpointChange=function(t){e.device=t.detail;e.cancelAnimation()};this.handleClickOutside=function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,o;var n;return __generator(this,(function(r){switch(r.label){case 0:if(this.device!=="desktop")return[2];e=t.target;if(this.host.contains(e)){return[2]}if((n=this.megadropdownTrigger)===null||n===void 0?void 0:n.contains(e)){return[2]}if(e instanceof HTMLElement){i=e.closest("post-megadropdown-trigger");if(i){o=i.getAttribute("for");if(o!==this.host.id){return[2]}}}return[4,this.hide(false)];case 1:r.sent();return[2]}}))}))};this.keyboardHandler=this.keyboardHandler.bind(this);this.handleTabOutside=this.handleTabOutside.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this)}Object.defineProperty(t.prototype,"megadropdownTrigger",{get:function(){var t=this.host.getAttribute("id");return t?document.querySelector('post-megadropdown-trigger[for="'.concat(t,'"]')):null},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)};t.prototype.componentDidRender=function(){this.getFocusableElements()};t.prototype.componentDidLoad=function(){this.checkInitialAriaCurrent();this.setupObserver();this.handleAriaCurrentChange([])};t.prototype.disconnectedCallback=function(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange);if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;this.removeListeners();if(this.defaultSlotObserver){this.defaultSlotObserver.disconnect()}};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationDirection){return[2,this.animationDirection==="in"?this.hide():this.show()]}return[2,this.isVisible?this.hide():this.show()]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(o){switch(o.label){case 0:if(this.device!=="desktop"){t=this.megadropdownTrigger;if(t)this.megadropdownTitle=t.innerHTML}e=false;if(PostMegadropdown.activeDropdown&&PostMegadropdown.activeDropdown!==this){PostMegadropdown.activeDropdown.forceClose();e=true}this.cancelAnimation();this.isVisible=true;PostMegadropdown.activeDropdown=this;this.postToggleMegadropdown.emit({isVisible:true});if(!e)return[3,1];this.focusFirst();this.addListeners();return[3,4];case 1:o.trys.push([1,3,,4]);return[4,this.animate("in")];case 2:o.sent();this.focusFirst();this.addListeners();return[3,4];case 3:i=o.sent();this.removeListeners();this.isVisible=false;if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;this.postToggleMegadropdown.emit({isVisible:false,focusParent:true});return[3,4];case 4:return[2]}}))}))};t.prototype.hide=function(){return __awaiter(this,arguments,void 0,(function(t,e){var i;if(t===void 0){t=true}if(e===void 0){e=false}return __generator(this,(function(o){switch(o.label){case 0:if(e){this.forceClose();return[2]}if(!this.isVisible||this.animationDirection==="out")return[2];this.postToggleMegadropdown.emit({isVisible:false,focusParent:t});o.label=1;case 1:o.trys.push([1,3,,4]);return[4,this.animate("out")];case 2:o.sent();this.isVisible=false;this.removeListeners();if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null;return[3,4];case 3:i=o.sent();PostMegadropdown.activeDropdown=this;this.addListeners();this.isVisible=true;this.postToggleMegadropdown.emit({isVisible:true,focusParent:false});return[3,4];case 4:return[2]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.firstFocusableEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.forceClose=function(){this.removeListeners();this.postToggleMegadropdown.emit({isVisible:false,focusParent:false});this.isVisible=false;if(PostMegadropdown.activeDropdown===this)PostMegadropdown.activeDropdown=null};t.prototype.createAnimation=function(t){var e=t==="out"?"forwards":"none";if(this.device==="desktop"){return fadeSlide(this.animatedContainer,t,__assign(__assign({},this.fsAnimationOptions),{fill:e}))}return slide(this.animatedContainer,t,{translate:100,duration:350,easing:t==="in"?"ease-in":"ease-out",fill:e})};t.prototype.animate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.cancelAnimation();this.currentAnimation=this.createAnimation(t);this.animationDirection=t;e.label=1;case 1:e.trys.push([1,,3,4]);return[4,this.currentAnimation.finished];case 2:e.sent();return[3,4];case 3:if(this.animationDirection===t)this.animationDirection=null;return[7];case 4:if(t==="in")this.currentAnimation=null;return[2]}}))}))};t.prototype.cancelAnimation=function(){var t;(t=this.currentAnimation)===null||t===void 0?void 0:t.cancel();this.currentAnimation=null};t.prototype.addListeners=function(){this.host.addEventListener("keydown",this.keyboardHandler);document.addEventListener("keyup",this.handleTabOutside);document.addEventListener("mousedown",this.handleClickOutside)};t.prototype.removeListeners=function(){this.host.removeEventListener("keydown",this.keyboardHandler);document.removeEventListener("keyup",this.handleTabOutside);document.removeEventListener("mousedown",this.handleClickOutside)};t.prototype.getFocusableElements=function(){var t=__spreadArray(__spreadArray([],getFocusableChildren(this.host),true),getFocusableChildren(this.host.shadowRoot),true);this.firstFocusableEl=t[0];this.lastFocusableEl=t.at(-1)};t.prototype.keyboardHandler=function(t){if(t.key!=="Tab"||this.device==="desktop")return;var e=this.host.shadowRoot.activeElement||document.activeElement;if(t.shiftKey&&e===this.firstFocusableEl){t.preventDefault();this.lastFocusableEl.focus()}else if(!t.shiftKey&&e===this.lastFocusableEl){t.preventDefault();this.firstFocusableEl.focus()}};t.prototype.handleTabOutside=function(t){var e;if(t.key!=="Tab"||this.device!=="desktop"||!this.isVisible)return;var i=t.target;if(this.host.contains(i))return;if((e=this.megadropdownTrigger)===null||e===void 0?void 0:e.contains(i))return;this.hide(false)};t.prototype.setupObserver=function(){var t={subtree:true,attributes:true,attributeFilter:["aria-current"]};this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this));this.defaultSlotObserver.observe(this.host,t)};t.prototype.setTriggerActive=function(t){var e=this.megadropdownTrigger;if(e)e.setAttribute("active",t.toString())};t.prototype.handleAriaCurrentChange=function(t){if(t.length===0)return;var e=t.some((function(t){return t.target instanceof HTMLElement&&t.target.getAttribute("aria-current")==="page"}));this.setTriggerActive(e)};t.prototype.checkInitialAriaCurrent=function(){var t=this.host.querySelector('[aria-current="page"]');if(t)this.setTriggerActive(true)};t.prototype.render=function(){var t=this;var e=this.isVisible?{}:{display:"none"};return h(Host,{key:"8b9fe023f42390243b55d4efcf58e57d7bae8982",version:version},h("div",{key:"5840742453a8d44dd16f09f368958ac0f734ece7",ref:function(e){return t.animatedContainer=e},class:"megadropdown",style:e},h("div",{key:"76332b6f916948ab11411b3dfd5fe97ca6522847",class:"section"},this.device!=="desktop"&&this.megadropdownTitle&&h("p",{key:"3e7cf05cbd7a134ebb417fd5e83f2052874f6c38",class:"megadropdown-title"},this.megadropdownTitle),h("div",{key:"76f902df0e84fb68556ffc6735e5188b1c1babf8",class:"megadropdown-content"},h("slot",{key:"6b69815d2b418395b246dc2681a0597c47f59034"})),this.device==="desktop"?h("post-closebutton",{onClick:function(){return t.hide(true)},class:"close-button",size:"small",placement:"manual"},this.textClose):h("button",{onClick:function(){return t.hide(true)},class:"back-button"},h("post-icon",{name:"arrowleft"}),this.textBack))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}(),__setFunctionName(_a,"PostMegadropdown"),function(){_a.activeDropdown=null}(),_a);__decorate([Required(),Type("string")],PostMegadropdown.prototype,"textClose",void 0);__decorate([Required(),Type("string")],PostMegadropdown.prototype,"textBack",void 0);PostMegadropdown.style=postMegadropdownCss();export{PostMegadropdown as post_megadropdown};

package/dist/esm-es5/post-menu-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";var postMenuItemCss=function(){return"post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}post-menu-item button post-icon,post-menu-item a post-icon{width:16px;height:16px;margin-block:4px}@media screen and (min-width: 780px){post-menu-item button post-icon,post-menu-item a post-icon{width:24px;height:24px;margin:0}}"};var PostMenuItem=function(){function e(e){registerInstance(this,e)}e.prototype.connectedCallback=function(){this.host.dataset.version=version};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PostMenuItem.style=postMenuItemCss();export{PostMenuItem as post_menu_item};
+import{r as registerInstance,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";var postMenuItemCss=function(){return'post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline:none !important}post-menu-item button.pretend-focus,post-menu-item a.pretend-focus{outline:none !important}post-menu-item button:has(:focus-visible),post-menu-item a:has(:focus-visible){outline:none !important}@supports not selector(:has(:focus-visible)){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus),post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}post-menu-item button::after,post-menu-item a::after{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:calc(var(--post-device-border-radius-focus) - var(--post-device-spacing-padding-44))}post-menu-item button::after,post-menu-item a::after{outline-offset:var(--post-device-spacing-padding-44) !important;outline:#050400 none var(--post-device-border-width-focus) !important}post-menu-item button:focus-visible::after,post-menu-item a:focus-visible::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:focus-visible::after,post-menu-item a:focus-visible::after{outline-color:Highlight !important}}post-menu-item button.pretend-focus::after,post-menu-item a.pretend-focus::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button.pretend-focus::after,post-menu-item a.pretend-focus::after{outline-color:Highlight !important}}post-menu-item button:has(:focus-visible)::after,post-menu-item a:has(:focus-visible)::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:has(:focus-visible)::after,post-menu-item a:has(:focus-visible)::after{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:Highlight !important}}}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}post-menu-item button:hover:focus-visible::after,post-menu-item a:hover:focus-visible::after{outline-color:#fff !important}post-menu-item button:hover.pretend-focus::after,post-menu-item a:hover.pretend-focus::after{outline-color:#fff !important}post-menu-item button:hover:has(:focus-visible)::after,post-menu-item a:hover:has(:focus-visible)::after{outline-color:#fff !important}@supports not selector(:has(:focus-visible)){post-menu-item button:hover:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:hover:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:#fff !important}}post-menu-item button post-icon,post-menu-item a post-icon{width:16px;height:16px;margin-block:4px}@media screen and (min-width: 780px){post-menu-item button post-icon,post-menu-item a post-icon{width:24px;height:24px;margin:0}}'};var PostMenuItem=function(){function t(t){registerInstance(this,t)}t.prototype.connectedCallback=function(){this.host.dataset.version=version};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PostMenuItem.style=postMenuItemCss();export{PostMenuItem as post_menu_item};

package/dist/esm-es5/post-menu_2.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{c(r.next(t))}catch(t){o(t)}}function a(t){try{c(r["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):i(t.value).then(s,a)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,n){if(n||arguments.length===2)for(var r=0,i=e.length,o;r<i;r++){if(o||!(r in e)){if(!o)o=Array.prototype.slice.call(e,0,r);o[r]=e[r]}}return t.concat(o||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";import{g as getRoot}from"./get-root-08F-DB-d.js";import{a as getFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{O as OneOf}from"./one-of-w2eXPAzD.js";import{P as PLACEMENT_TYPES}from"./placement-DRiVosES.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import{E as EventFrom}from"./event-from-BEcxHjuM.js";import"./create-validator-decorator--a-qkYfP.js";var postMenuCss=function(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:8px}::slotted([slot=header]){margin-top:-8px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:12px 16px}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:8px 16px}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"};var __decorate$1=undefined&&undefined.__decorate||function(t,e,n,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)if(s=t[a])o=(i<3?s(o):i>3?s(e,n,o):s(e,n))||o;return i>3&&o&&Object.defineProperty(e,n,o),o};var PostMenu=function(){function t(t){var e=this;registerInstance(this,t);this.toggleMenu=createEvent(this,"toggleMenu");this.lastFocusedElement=null;this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"};this.placement="bottom";this.isVisible=false;this.handleKeyDown=function(t){t.stopPropagation();if(t.key===e.KEYCODES.ESCAPE){e.toggle(e.host);return}if(Object.values(e.KEYCODES).includes(t.key)){e.controlKeyDownHandler(t)}};this.handleClick=function(t){var n=t.target;if(["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(n.tagName)){e.toggle(e.host)}}}t.prototype.connectedCallback=function(){this.root=getRoot(this.host);this.host.addEventListener("keydown",this.handleKeyDown);this.host.addEventListener("click",this.handleClick)};t.prototype.disconnectedCallback=function(){this.host.removeEventListener("keydown",this.handleKeyDown);this.host.removeEventListener("click",this.handleClick)};t.prototype.toggle=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.toggle(t)];case 1:e.sent();return[3,3];case 2:console.error("toggle: popoverRef is null or undefined");e.label=3;case 3:return[2]}}))}))};t.prototype.show=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.show(t)];case 1:e.sent();return[3,3];case 2:console.error("show: popoverRef is null or undefined");e.label=3;case 3:return[2]}}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.hide()];case 1:t.sent();return[3,3];case 2:console.error("hide: popoverRef is null or undefined");t.label=3;case 3:return[2]}}))}))};t.prototype.handlePostShown=function(t){if(t.detail.first){this.host.setAttribute("role","menu");var e=this.getSlottedItems();for(var n=0,r=e;n<r.length;n++){var i=r[n];i.setAttribute("role","menuitem")}if(this.label)this.host.setAttribute("aria-label",this.label)}};t.prototype.handlePostBeforeToggle=function(t){var e=this;var n;this.isVisible=t.detail.willOpen;this.toggleMenu.emit(this.isVisible);if(this.isVisible){this.lastFocusedElement=(n=this.root)===null||n===void 0?void 0:n.activeElement;if(this.wasFocusVisible(this.lastFocusedElement)){requestAnimationFrame((function(){var t=e.getSlottedItems();if(t.length>0){t[0].focus()}}))}}else if(this.lastFocusedElement){this.lastFocusedElement.focus()}};t.prototype.wasFocusVisible=function(t){if(!t)return false;try{return t.matches(":focus-visible")}catch(t){return true}};t.prototype.controlKeyDownHandler=function(t){var e=this.getSlottedItems();if(e.length===0){return}var n=e.findIndex((function(t){return t===getRoot(t).activeElement}));switch(t.key){case this.KEYCODES.UP:t.preventDefault();n=(n-1+e.length)%e.length;break;case this.KEYCODES.DOWN:t.preventDefault();n=(n+1)%e.length;break;case this.KEYCODES.HOME:t.preventDefault();n=0;break;case this.KEYCODES.END:t.preventDefault();n=e.length-1;break;case this.KEYCODES.SPACE:this.toggle(this.host);return;case this.KEYCODES.TAB:this.toggle(this.host);break}if(e[n]){e[n].focus()}};t.prototype.getSlottedItems=function(){var t=this.host.shadowRoot.querySelectorAll("slot");var e=[];t.forEach((function(t){return e.push.apply(e,t.assignedElements())}));return e.flatMap((function(t){return t instanceof HTMLSlotElement?t.assignedElements():t})).flatMap((function(t){return __spreadArray(__spreadArray([],getFocusableChildren(t),true),t.shadowRoot?getFocusableChildren(t.shadowRoot):[],true)}))};t.prototype.render=function(){var t=this;return h(Host,{key:"22441c2bef0402f10e77b96b8a5d48a0648615f7","data-version":version},h("post-popovercontainer",{key:"8b37fe55d58a3a486e947266348b55408999a8bb",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:function(e){return t.popoverRef=e}},h("div",{key:"2679eb9c4a95585b8aaf74e29f026c84b10aa6f3",part:"post-menu"},h("slot",{key:"0da58a1bde1bdb4c1f8b7b19ca8cbde14d7946fc",name:"header"}),h("slot",{key:"801f7bc59d4d3267728b9adf0750dbea76a7652c"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate$1([OneOf(PLACEMENT_TYPES)],PostMenu.prototype,"placement",void 0);__decorate$1([Required(),Type("string")],PostMenu.prototype,"label",void 0);__decorate$1([EventFrom("post-popovercontainer")],PostMenu.prototype,"handlePostShown",null);__decorate$1([EventFrom("post-popovercontainer")],PostMenu.prototype,"handlePostBeforeToggle",null);PostMenu.style=postMenuCss();var postMenuTriggerCss=function(){return":host{display:inline-block}"};var __decorate=undefined&&undefined.__decorate||function(t,e,n,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)if(s=t[a])o=(i<3?s(o):i>3?s(e,n,o):s(e,n))||o;return i>3&&o&&Object.defineProperty(e,n,o),o};var PostMenuTrigger=function(){function t(t){registerInstance(this,t);this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}t.prototype.connectedCallback=function(){this.root=getRoot(this.host)};t.prototype.componentDidLoad=function(){this.setAriaAttributes();if(this.root){this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}};t.prototype.disconnectedCallback=function(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)};t.prototype.updateAriaExpanded=function(t){var e=t.target;if(e.localName==="post-menu"&&e.id===this.for){this.slottedButton.setAttribute("aria-expanded",t.detail.toString())}};t.prototype.setAriaAttributes=function(){var t=this.host.querySelectorAll("button");if(t.length!==1){console.warn("The post-menu-trigger should contain exactly one button (".concat(t.length," found)."));return}this.slottedButton=t.item(0);this.slottedButton.setAttribute("type","button");this.slottedButton.setAttribute("aria-haspopup","menu");this.slottedButton.setAttribute("aria-expanded","false");this.slottedButton.addEventListener("click",this.handleToggle.bind(this));this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))};t.prototype.handleKeyDown=function(t){if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();this.handleToggle()}};t.prototype.handleToggle=function(){var t=this.getMenu();if(t)t.toggle(this.host)};t.prototype.getMenu=function(){var t=this.root.getElementById(this.for);if(t&&t.localName==="post-menu")return t;console.warn("No post-menu found with ID: ".concat(this.for));return null};t.prototype.render=function(){return h(Host,{key:"f75522d28e9a45c80846a191cff3ea2eb51b5bde","data-version":version},h("slot",{key:"bc70e3ddc8dc372611c00a4cda52cd35ede02a3f"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Required(),Type("string")],PostMenuTrigger.prototype,"for",void 0);PostMenuTrigger.style=postMenuTriggerCss();export{PostMenu as post_menu,PostMenuTrigger as post_menu_trigger};
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{c(i.next(e))}catch(e){o(e)}}function a(e){try{c(i["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):r(e.value).then(s,a)}c((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(i=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];r=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var i=0,r=t.length,o;i<r;i++){if(o||!(i in t)){if(!o)o=Array.prototype.slice.call(t,0,i);o[i]=t[i]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";import{g as getRoot}from"./get-root-08F-DB-d.js";import{i as isFocusVisible}from"./is-focus-visible-BWwWKRO5.js";import{a as getFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{O as OneOf}from"./one-of-w2eXPAzD.js";import{P as PLACEMENT_TYPES}from"./placement-DRiVosES.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import{E as EventFrom}from"./event-from-BEcxHjuM.js";import"./create-validator-decorator--a-qkYfP.js";var postMenuCss=function(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:8px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}::slotted([slot=header]){margin-top:-8px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:12px 16px}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:8px 16px}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"};var __decorate$1=undefined&&undefined.__decorate||function(e,t,n,i){var r=arguments.length,o=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)if(s=e[a])o=(r<3?s(o):r>3?s(t,n,o):s(t,n))||o;return r>3&&o&&Object.defineProperty(t,n,o),o};var PostMenu=function(){function e(e){var t=this;registerInstance(this,e);this.toggleMenu=createEvent(this,"toggleMenu");this.lastFocusedElement=null;this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"};this.placement="bottom";this.isVisible=false;this.handleKeyDown=function(e){e.stopPropagation();if(e.key===t.KEYCODES.ESCAPE){t.toggle(t.host);return}if(Object.values(t.KEYCODES).includes(e.key)){t.controlKeyDownHandler(e)}};this.handleClick=function(e){var n=e.target;if(["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(n.tagName)){t.toggle(t.host)}}}e.prototype.connectedCallback=function(){this.root=getRoot(this.host);this.host.addEventListener("keydown",this.handleKeyDown);this.host.addEventListener("click",this.handleClick)};e.prototype.disconnectedCallback=function(){this.host.removeEventListener("keydown",this.handleKeyDown);this.host.removeEventListener("click",this.handleClick)};e.prototype.toggle=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.toggle(e)];case 1:t.sent();return[3,3];case 2:console.error("toggle: popoverRef is null or undefined");t.label=3;case 3:return[2]}}))}))};e.prototype.show=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.show(e)];case 1:t.sent();return[3,3];case 2:console.error("show: popoverRef is null or undefined");t.label=3;case 3:return[2]}}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.popoverRef)return[3,2];return[4,this.popoverRef.hide()];case 1:e.sent();return[3,3];case 2:console.error("hide: popoverRef is null or undefined");e.label=3;case 3:return[2]}}))}))};e.prototype.handlePostShown=function(e){if(e.detail.first){this.host.setAttribute("role","menu");var t=this.getSlottedItems();for(var n=0,i=t;n<i.length;n++){var r=i[n];r.setAttribute("role","menuitem")}if(this.label)this.host.setAttribute("aria-label",this.label)}};e.prototype.handlePostBeforeToggle=function(e){var t=this;var n;this.isVisible=e.detail.willOpen;this.toggleMenu.emit(this.isVisible);if(this.isVisible){this.lastFocusedElement=(n=this.root)===null||n===void 0?void 0:n.activeElement;if(isFocusVisible(this.lastFocusedElement)){requestAnimationFrame((function(){var e=t.getSlottedItems();if(e.length>0){e[0].focus()}}))}}else if(this.lastFocusedElement){this.lastFocusedElement.focus()}};e.prototype.controlKeyDownHandler=function(e){var t=this.getSlottedItems();if(t.length===0){return}var n=t.findIndex((function(e){return e===getRoot(e).activeElement}));switch(e.key){case this.KEYCODES.UP:e.preventDefault();n=(n-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault();n=(n+1)%t.length;break;case this.KEYCODES.HOME:e.preventDefault();n=0;break;case this.KEYCODES.END:e.preventDefault();n=t.length-1;break;case this.KEYCODES.SPACE:this.toggle(this.host);return;case this.KEYCODES.TAB:this.toggle(this.host);break}if(t[n]){t[n].focus()}};e.prototype.getSlottedItems=function(){var e=this.host.shadowRoot.querySelectorAll("slot");var t=[];e.forEach((function(e){return t.push.apply(t,e.assignedElements())}));return t.flatMap((function(e){return e instanceof HTMLSlotElement?e.assignedElements():e})).flatMap((function(e){return __spreadArray(__spreadArray([],getFocusableChildren(e),true),e.shadowRoot?getFocusableChildren(e.shadowRoot):[],true)}))};e.prototype.render=function(){var e=this;return h(Host,{key:"988b77e3589a499e23e95eb6eff985edbadd4d2e","data-version":version},h("post-popovercontainer",{key:"fd0ee4d4234fe1f222757c00d778ebb2a2c5ac13",autoHide:true,autoResize:true,onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:function(t){return e.popoverRef=t}},h("div",{key:"8b46a79db5944854c97c862608bd5a8d9113398e",part:"post-menu"},h("slot",{key:"a024a0ade2a865b12d1a452c6c33f9afde1f34e0",name:"header"}),h("slot",{key:"1465a5d8d9463e6557a2a8c32aa119429a4783b3"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate$1([OneOf(PLACEMENT_TYPES)],PostMenu.prototype,"placement",void 0);__decorate$1([Required(),Type("string")],PostMenu.prototype,"label",void 0);__decorate$1([EventFrom("post-popovercontainer")],PostMenu.prototype,"handlePostShown",null);__decorate$1([EventFrom("post-popovercontainer")],PostMenu.prototype,"handlePostBeforeToggle",null);PostMenu.style=postMenuCss();var postMenuTriggerCss=function(){return":host{display:inline-block}"};var __decorate=undefined&&undefined.__decorate||function(e,t,n,i){var r=arguments.length,o=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)if(s=e[a])o=(r<3?s(o):r>3?s(t,n,o):s(t,n))||o;return r>3&&o&&Object.defineProperty(t,n,o),o};var PostMenuTrigger=function(){function e(e){registerInstance(this,e);this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}e.prototype.connectedCallback=function(){this.root=getRoot(this.host)};e.prototype.componentDidLoad=function(){this.setAriaAttributes();if(this.root){this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}};e.prototype.disconnectedCallback=function(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)};e.prototype.updateAriaExpanded=function(e){var t=e.target;if(t.localName==="post-menu"&&t.id===this.for){this.slottedButton.setAttribute("aria-expanded",e.detail.toString())}};e.prototype.setAriaAttributes=function(){var e=this.host.querySelectorAll("button");if(e.length!==1){console.warn("The post-menu-trigger should contain exactly one button (".concat(e.length," found)."));return}this.slottedButton=e.item(0);this.slottedButton.setAttribute("type","button");this.slottedButton.setAttribute("aria-haspopup","menu");this.slottedButton.setAttribute("aria-expanded","false");this.slottedButton.addEventListener("click",this.handleToggle.bind(this));this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))};e.prototype.handleKeyDown=function(e){if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault();this.handleToggle()}};e.prototype.handleToggle=function(){var e=this.getMenu();if(e)e.toggle(this.host)};e.prototype.getMenu=function(){var e=this.root.getElementById(this.for);if(e&&e.localName==="post-menu")return e;console.warn("No post-menu found with ID: ".concat(this.for));return null};e.prototype.render=function(){return h(Host,{key:"f75522d28e9a45c80846a191cff3ea2eb51b5bde","data-version":version},h("slot",{key:"bc70e3ddc8dc372611c00a4cda52cd35ede02a3f"}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([Required(),Type("string")],PostMenuTrigger.prototype,"for",void 0);PostMenuTrigger.style=postMenuTriggerCss();export{PostMenu as post_menu,PostMenuTrigger as post_menu_trigger};

package/dist/esm-es5/post-number-input.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";import{d as debounce}from"./index-bR8vy6-s.js";function getSlottedElement(e,t){var i=e.querySelectorAll(t);if(i.length===1){return i[0]}console.error("<".concat(e.localName,'> expects exactly one element matching "').concat(t,'", but found ').concat(i.length,"."),e);return null}function repeatOnLongPress(e,t){var i=repeat(e,t);var o=function(){i();globalThis.removeEventListener("pointerup",o);globalThis.removeEventListener("pointercancel",o);globalThis.removeEventListener("pointerleave",o)};globalThis.addEventListener("pointerup",o);globalThis.addEventListener("pointercancel",o);globalThis.addEventListener("pointerleave",o)}function repeat(e,t){var i=t===void 0?{}:t,o=i.delayMs,n=o===void 0?300:o,r=i.intervalMs,s=r===void 0?100:r;e();var a;var c=setTimeout((function(){a=setInterval(e,s)}),n);return function(){clearTimeout(c);if(a)clearInterval(a)}}var postNumberInputCss=function(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important;padding-inline-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button{border-width:1px !important;-webkit-transition:none;transition:none}.step-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'};function parseNumber(e,t){var i=Number.parseFloat(e[t]);return Number.isNaN(i)?undefined:i}function compare(e,t,i){return e!==undefined&&t!==undefined&&i(e,t)}var PostNumberInput=function(){function e(e){var t=this;registerInstance(this,e);this.isDisabled=false;this.isIncrementDisabled=false;this.isDecrementDisabled=false;this.small=false;this.setupInput=debounce(50,(function(){var e;t.input=(e=t.input)!==null&&e!==void 0?e:getSlottedElement(t.host,'input[type="number"]');if(!t.input)return;t.isDisabled=t.input.disabled;t.small=t.input.classList.contains("form-control-sm");t.updateStepButtonState();t.input.addEventListener("input",(function(){return t.updateStepButtonState()}));t.mutationObserver=new MutationObserver((function(){return t.updateStepButtonState()}));t.mutationObserver.observe(t.input,{attributes:true,attributeFilter:["min","max","disabled"]})}))}Object.defineProperty(e.prototype,"value",{get:function(){return parseNumber(this.input,"value")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"min",{get:function(){return parseNumber(this.input,"min")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"max",{get:function(){return parseNumber(this.input,"max")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isAtMin",{get:function(){return compare(this.value,this.min,(function(e,t){return e===t}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isAtMax",{get:function(){return compare(this.value,this.max,(function(e,t){return e===t}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isBelowMin",{get:function(){return compare(this.value,this.min,(function(e,t){return e<t}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isAboveMax",{get:function(){return compare(this.value,this.max,(function(e,t){return e>t}))},enumerable:false,configurable:true});e.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.step=function(e){var t=this;var i=e==="up";repeatOnLongPress((function(){var e=i?t.isAtMax:t.isAtMin;if(e)return;var o=i?t.isBelowMin:t.isAboveMax;if(o){t.input.value=i?t.input.min:t.input.max}else{var n=i?t.input.stepUp:t.input.stepDown;n.call(t.input)}t.input.dispatchEvent(new Event("input",{bubbles:true}));t.updateStepButtonState()}))};e.prototype.updateStepButtonState=function(){var e=this.min&&this.max&&this.min>this.max;if(this.input.disabled||e){this.isIncrementDisabled=this.isDecrementDisabled=true}else{this.isIncrementDisabled=this.isAtMax||this.isAboveMax;this.isDecrementDisabled=this.isAtMin||this.isBelowMin}};e.prototype.render=function(){var e=this;var t=!!this.input;return h(Host,{key:"9bc4f1aff3f0347c5419cbc8c3f03660c8ce0ec3","data-version":version,class:{"number-input-sm":this.small,disabled:this.isDisabled}},t&&h("div",{key:"556bdd45f2dc5b924f7bb2eab0c059c3000bf404","aria-hidden":"true",onPointerDown:function(){return e.step("down")},class:{"step-button":true,disabled:this.isDecrementDisabled}},h("post-icon",{key:"fc8ee1c88ab96345a0aa81928c7fd4d45dd88414",name:"minus"})),h("div",{key:"9284ca5c21009bd79b144e61a33017501646fceb",class:"input-container"},h("slot",{key:"e6dfefd93d26fee610a82863a66f55939552ff7c",onSlotchange:function(){return e.setupInput()}})),t&&h("div",{key:"d74c99d7f2db50387cd3f0d6033339fbf9480a24","aria-hidden":"true",onPointerDown:function(){return e.step("up")},class:{"step-button":true,disabled:this.isIncrementDisabled}},h("post-icon",{key:"25635f72d1b067663f8458bdbb7994c7dfafa6e8",name:"plus"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PostNumberInput.style=postNumberInputCss();export{PostNumberInput as post_number_input};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";import{d as debounce}from"./index-bR8vy6-s.js";function getSlottedElement(t,e){var o=t.querySelectorAll(e);if(o.length===1){return o[0]}console.error("<".concat(t.localName,'> expects exactly one element matching "').concat(e,'", but found ').concat(o.length,"."),t);return null}function repeatOnLongPress(t,e){var o=repeat(t,e);var i=function(){o();globalThis.removeEventListener("pointerup",i);globalThis.removeEventListener("pointercancel",i);globalThis.removeEventListener("pointerleave",i)};globalThis.addEventListener("pointerup",i);globalThis.addEventListener("pointercancel",i);globalThis.addEventListener("pointerleave",i)}function repeat(t,e){var o=e===void 0?{}:e,i=o.delayMs,n=i===void 0?300:i,r=o.intervalMs,s=r===void 0?100:r;t();var a;var c=setTimeout((function(){a=setInterval(t,s)}),n);return function(){clearTimeout(c);if(a)clearInterval(a)}}var postNumberInputCss=function(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3);font-size:var(--post-device-font-size-12)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-8) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-26) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important;padding-inline-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:focus-visible{outline-color:Highlight !important}}.step-button.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button.pretend-focus{outline-color:Highlight !important}}.step-button:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button{border-width:1px !important;-webkit-transition:none;transition:none}.step-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'};function parseNumber(t,e){var o=Number.parseFloat(t[e]);return Number.isNaN(o)?undefined:o}function compare(t,e,o){return t!==undefined&&e!==undefined&&o(t,e)}var PostNumberInput=function(){function t(t){var e=this;registerInstance(this,t);this.isDisabled=false;this.isIncrementDisabled=false;this.isDecrementDisabled=false;this.small=false;this.setupInput=debounce(50,(function(){var t;e.input=(t=e.input)!==null&&t!==void 0?t:getSlottedElement(e.host,'input[type="number"]');if(!e.input)return;e.isDisabled=e.input.disabled;e.small=e.input.classList.contains("form-control-sm");e.updateStepButtonState();e.input.addEventListener("input",(function(){return e.updateStepButtonState()}));e.mutationObserver=new MutationObserver((function(){return e.updateStepButtonState()}));e.mutationObserver.observe(e.input,{attributes:true,attributeFilter:["min","max","disabled"]})}))}Object.defineProperty(t.prototype,"value",{get:function(){return parseNumber(this.input,"value")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"min",{get:function(){return parseNumber(this.input,"min")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"max",{get:function(){return parseNumber(this.input,"max")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isAtMin",{get:function(){return compare(this.value,this.min,(function(t,e){return t===e}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isAtMax",{get:function(){return compare(this.value,this.max,(function(t,e){return t===e}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isBelowMin",{get:function(){return compare(this.value,this.min,(function(t,e){return t<e}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isAboveMax",{get:function(){return compare(this.value,this.max,(function(t,e){return t>e}))},enumerable:false,configurable:true});t.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.step=function(t){var e=this;var o=t==="up";repeatOnLongPress((function(){var t=o?e.isAtMax:e.isAtMin;if(t)return;var i=o?e.isBelowMin:e.isAboveMax;if(i){e.input.value=o?e.input.min:e.input.max}else{var n=o?e.input.stepUp:e.input.stepDown;n.call(e.input)}e.input.dispatchEvent(new Event("input",{bubbles:true}));e.updateStepButtonState()}))};t.prototype.updateStepButtonState=function(){var t=this.min&&this.max&&this.min>this.max;if(this.input.disabled||t){this.isIncrementDisabled=this.isDecrementDisabled=true}else{this.isIncrementDisabled=this.isAtMax||this.isAboveMax;this.isDecrementDisabled=this.isAtMin||this.isBelowMin}};t.prototype.render=function(){var t=this;var e=!!this.input;return h(Host,{key:"9bc4f1aff3f0347c5419cbc8c3f03660c8ce0ec3","data-version":version,class:{"number-input-sm":this.small,disabled:this.isDisabled}},e&&h("div",{key:"556bdd45f2dc5b924f7bb2eab0c059c3000bf404","aria-hidden":"true",onPointerDown:function(){return t.step("down")},class:{"step-button":true,disabled:this.isDecrementDisabled}},h("post-icon",{key:"fc8ee1c88ab96345a0aa81928c7fd4d45dd88414",name:"minus"})),h("div",{key:"9284ca5c21009bd79b144e61a33017501646fceb",class:"input-container"},h("slot",{key:"e6dfefd93d26fee610a82863a66f55939552ff7c",onSlotchange:function(){return t.setupInput()}})),e&&h("div",{key:"d74c99d7f2db50387cd3f0d6033339fbf9480a24","aria-hidden":"true",onPointerDown:function(){return t.step("up")},class:{"step-button":true,disabled:this.isIncrementDisabled}},h("post-icon",{key:"25635f72d1b067663f8458bdbb7994c7dfafa6e8",name:"plus"})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PostNumberInput.style=postNumberInputCss();export{PostNumberInput as post_number_input};

package/dist/esm-es5/post-pagination.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,n=e.length,r;o<n;o++){if(r||!(o in e)){if(!r)r=Array.prototype.slice.call(e,0,o);r[o]=e[o]}}return t.concat(r||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";import{d as debounce}from"./debounce-C9hMpmsD.js";import{n as nanoid}from"./nanoid-8LXe8Zt_.js";import{T as Type}from"./type-Daxpt5v6.js";import{R as Required}from"./required-tHxh_hWW.js";import"./create-validator-decorator--a-qkYfP.js";var postPaginationCss=function(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn{border-width:1px !important;-webkit-transition:none;transition:none}.btn:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:disabled,.btn-link.disabled{text-decoration:none}}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link{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-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)if(a=t[s])r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r};var ELLIPSIS="...";var MEASUREMENT_DEBOUNCE_MS=50;var RESIZE_DEBOUNCE_MS=150;var MIN_VISIBLE_PAGES=3;var EDGE_ITEM_COUNT=2;var MAX_ELLIPSIS_COUNT=2;var GAP_THRESHOLD_FOR_PAGE=2;var MIDDLE_RANGE_START=2;var PostPagination=function(){function t(t){registerInstance(this,t);this.postChange=createEvent(this,"postChange");this.maxVisiblePages=3;this.items=[];this.page=1;this.lastWindowWidth=window.innerWidth;this.loaded=false;this.debouncedResize=debounce(this.handleResizeInternal.bind(this),RESIZE_DEBOUNCE_MS);this.measurementTimeoutId=null}t.prototype.handlePropsChange=function(){this.updatePagesWithValidation()};t.prototype.componentWillLoad=function(){this.paginationId="pagination-".concat(this.host.id||nanoid(6));this.updatePagesWithValidation()};t.prototype.connectedCallback=function(){window.addEventListener("resize",this.debouncedResize)};t.prototype.componentDidLoad=function(){this.loaded=true;this.scheduleMeasurement()};t.prototype.disconnectedCallback=function(){this.loaded=false;window.removeEventListener("resize",this.debouncedResize);if(this.measurementTimeoutId!==null){clearTimeout(this.measurementTimeoutId);this.measurementTimeoutId=null}};t.prototype.scheduleMeasurement=function(){var t=this;if(!this.loaded)return;this.measurementTimeoutId=globalThis.setTimeout((function(){var e;var i=((e=t.navRef)===null||e===void 0?void 0:e.clientWidth)>0&&t.hiddenItemsRef;if(i){t.measureAndCalculateVisiblePages()}else{t.scheduleMeasurement()}}),MEASUREMENT_DEBOUNCE_MS)};t.prototype.handleResizeInternal=function(){if(!this.loaded)return;if(window.innerWidth===this.lastWindowWidth)return;this.lastWindowWidth=window.innerWidth;this.measureAndCalculateVisiblePages()};t.prototype.calculateGap=function(t,e){var i=t.getBoundingClientRect();var o=e.getBoundingClientRect();return o.left-i.right};t.prototype.measureAndCalculateVisiblePages=function(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;var t=this.getTotalPages();if(t<=1)return;var e=this.getPaginationPadding();var i=this.getAvailableWidth();var o=i-e;var n=this.hiddenItemsRef.querySelector(".hidden-page-button");var r=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!n)return;var a=n.getBoundingClientRect().width;var s=n&&r?this.calculateGap(n,r):0;var c=this.getControlButtonsWidth(s);var l=o-c;var d=Math.floor((l+s)/(a+s));var v=Math.max(MIN_VISIBLE_PAGES,Math.min(d,t));this.maxVisiblePages=v;this.updatePagesWithValidation()};t.prototype.getControlButtonsWidth=function(t){if(!this.hiddenItemsRef)return 0;var e=Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button"));var i=e.reduce((function(e,i){var o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart);var n=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+n+t}),0);return i};t.prototype.getPaginationPadding=function(){if(!this.navRef)return 0;var t=globalThis.getComputedStyle(this.navRef);var e=Number.parseFloat(t.paddingLeft)||0;var i=Number.parseFloat(t.paddingRight)||0;return e+i};t.prototype.getAvailableWidth=function(){var t,e;if(!this.navRef)return 0;return(e=(t=this.host.parentElement)===null||t===void 0?void 0:t.clientWidth)!==null&&e!==void 0?e:window.innerWidth};Object.defineProperty(t.prototype,"invalidSize",{get:function(){return this.collectionSize===0||this.pageSize===0},enumerable:false,configurable:true});t.prototype.clampPageToValidRange=function(t){var e=t===0||this.invalidSize||Number.isNaN(t);var i=!this.page||this.page<1||Number.isNaN(this.page);var o=this.page>t;if(e||i){return 1}else if(o){return t}else{return this.page}};t.prototype.updatePagesWithValidation=function(){var t=this.getTotalPages();this.page=this.clampPageToValidRange(t);this.generateItems(t)};t.prototype.getTotalPages=function(){if(this.invalidSize)return 1;return Math.ceil(this.collectionSize/this.pageSize)};t.prototype.sectionForGap=function(t){if(t<=1)return"none";return t===GAP_THRESHOLD_FOR_PAGE?"page":"ellipsis"};t.prototype.getSections=function(t,e,i){var o=t-1;var n=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(n),leftGap:o,rightGap:n}};t.prototype.computeTotalItems=function(t,e,i){var o=this.getSections(t,e,i),n=o.leftSection,r=o.rightSection;var a=Math.max(0,e-t+1);var s=n==="none"?0:1;var c=r==="none"?0:1;return EDGE_ITEM_COUNT+s+c+a};t.prototype.buildAllPages=function(t){var e=[];for(var i=1;i<=t;i++){e.push({type:"page",page:i})}return e};t.prototype.adjustForGapTwo=function(t,e,i,o){var n={startPage:t,endPage:e};var r=i-e;if(r===GAP_THRESHOLD_FOR_PAGE){n.endPage=i-1;n.startPage=Math.max(MIDDLE_RANGE_START,n.endPage-o+1)}var a=n.startPage-1;if(a===GAP_THRESHOLD_FOR_PAGE){n.startPage=MIDDLE_RANGE_START;n.endPage=Math.min(i-1,n.startPage+o-1)}return n};t.prototype.ensureMiddleSlots=function(t,e,i,o){var n={startPage:t,endPage:e};var r=e-t+1;if(r<o&&e<i-1){n.endPage=Math.min(i-1,t+o-1)}if(r<o&&t>MIDDLE_RANGE_START){n.startPage=Math.max(MIDDLE_RANGE_START,e-o+1)}return n};t.prototype.trimExcessItems=function(t,e,i,o,n){var r={startPage:t,endPage:e};var a=this.computeTotalItems(r.startPage,r.endPage,i);while(a>o){var s=n-r.startPage;var c=r.endPage-n;if(c>=s&&r.endPage>r.startPage){r.endPage=Math.max(r.startPage-1,r.endPage-1)}else if(r.startPage<r.endPage){r.startPage=Math.min(r.endPage+1,r.startPage+1)}else{break}var l=this.computeTotalItems(r.startPage,r.endPage,i);if(l===a)break;a=l}return r};t.prototype.expandToFillSlots=function(t,e,i,o){var n={startPage:t,endPage:e};var r=this.computeTotalItems(n.startPage,n.endPage,i);while(r<o){var a=n.startPage>MIDDLE_RANGE_START;var s=n.endPage<i-1;if(a){n.startPage=Math.max(MIDDLE_RANGE_START,n.startPage-1)}else if(s){n.endPage=Math.min(i-1,n.endPage+1)}else{break}var c=this.computeTotalItems(n.startPage,n.endPage,i);if(c===r)break;r=c}return n};t.prototype.balanceTotalItems=function(t,e,i,o,n){var r=this.trimExcessItems(t,e,i,o,n);return this.expandToFillSlots(r.startPage,r.endPage,i,o)};t.prototype.calculatePageRange=function(t,e,i){var o=Math.max(0,i-EDGE_ITEM_COUNT-MAX_ELLIPSIS_COUNT);if(o<=0){return{startPage:MIDDLE_RANGE_START,endPage:1}}var n=Math.floor(o/2);var r=t-n;var a=r+o-1;if(r<MIDDLE_RANGE_START){r=MIDDLE_RANGE_START;a=r+o-1}if(a>e-1){a=e-1;r=a-o+1}r=Math.max(MIDDLE_RANGE_START,r);a=Math.min(e-1,a);var s=this.adjustForGapTwo(r,a,e,o);var c=this.ensureMiddleSlots(s.startPage,s.endPage,e,o);return this.balanceTotalItems(c.startPage,c.endPage,e,i,t)};t.prototype.buildPaginationItems=function(t,e,i){var o=[];var n=t<=e;o.push({type:"page",page:1});if(n){var r=this.getSections(t,e,i),a=r.leftSection,s=r.rightSection;if(a==="page"){o.push({type:"page",page:2})}else if(a==="ellipsis"){o.push({type:"ellipsis"})}for(var c=t;c<=e;c++){o.push({type:"page",page:c})}if(s==="page"){o.push({type:"page",page:i-1})}else if(s==="ellipsis"){o.push({type:"ellipsis"})}o.push({type:"page",page:i});return o}};t.prototype.generateSmallPagination=function(t,e){if(t===1||t===e){return[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]}return[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]};t.prototype.generatePages=function(t,e,i){if(t<=e){return this.buildAllPages(t)}if(e<=4){return this.generateSmallPagination(i,t)}var o=this.calculatePageRange(i,t,e),n=o.startPage,r=o.endPage;return this.buildPaginationItems(n,r,t)};t.prototype.generateItems=function(t){var e=this.maxVisiblePages;var i=this.page;this.items=__spreadArray(__spreadArray([{type:"control",action:"previous",disabled:i<=1}],this.generatePages(t,e,i),true),[{type:"control",action:"next",disabled:i>=t}],false)};t.prototype.emitPageChange=function(t){var e=this;this.page=t;requestAnimationFrame((function(){return e.measureAndCalculateVisiblePages()}));this.postChange.emit(t)};t.prototype.handlePageClick=function(t){if(t===this.page)return;this.emitPageChange(t)};t.prototype.handlePrevious=function(){if(this.page<=1)return;this.emitPageChange(this.page-1)};t.prototype.handleNext=function(){var t=this.getTotalPages();if(this.page>=t)return;this.emitPageChange(this.page+1)};t.prototype.handleKeyDown=function(t,e){if(t.key==="Enter"||t.key===" "){t.preventDefault();e()}};t.prototype.buildPageLabel=function(t){var e=this.getTotalPages();if(t===1){return"".concat(this.textFirst,", ").concat(this.textPage," ").concat(t)}if(t===e){return"".concat(this.textLast,", ").concat(this.textPage," ").concat(t)}return"".concat(this.textPage," ").concat(t)};t.prototype.buildControlAttributes=function(t){var e=this;switch(t){case"previous":return{key:"prev",icon:"chevronleftwide",label:this.textPrevious,className:"prev-button",onClick:function(){return e.handlePrevious()}};case"next":return{key:"next",icon:"chevronrightwide",label:this.textNext,className:"next-button",onClick:function(){return e.handleNext()}}}};t.prototype.renderEllipsis=function(t){return h("li",{class:"pagination-item pagination-ellipsis",key:"ellipsis-".concat(t),"aria-hidden":"true"},h("span",{class:"pagination-ellipsis-content"},ELLIPSIS))};t.prototype.renderPageButton=function(t){var e=this;var i=t===this.page;return h("li",{class:"pagination-item",key:"page-".concat(t)},h("button",{type:"button",class:{"pagination-link":true,"pagination-link-active":i},"aria-label":this.buildPageLabel(t),"aria-current":i?"page":undefined,onClick:function(){return e.handlePageClick(t)},onKeyDown:function(i){return e.handleKeyDown(i,(function(){return e.handlePageClick(t)}))},tabIndex:0},h("span",{"aria-hidden":"true"},t)))};t.prototype.renderControlButton=function(t,e){var i=this;var o=this.buildControlAttributes(t);return h("li",{class:"pagination-item pagination-control",key:o.key},h("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary ".concat(o.className),"aria-label":o.label,onClick:o.onClick,onKeyDown:function(t){return i.handleKeyDown(t,o.onClick)},tabIndex:e?-1:0,disabled:e},h("post-icon",{name:o.icon,"aria-hidden":"true"}),h("span",{class:"visually-hidden"},o.label)))};t.prototype.renderItem=function(t,e){switch(t.type){case"page":return this.renderPageButton(t.page);case"control":return this.renderControlButton(t.action,t.disabled);case"ellipsis":return this.renderEllipsis(e)}};t.prototype.renderHiddenControlButton=function(t){var e=this.buildControlAttributes(t);return h("button",{key:"hidden-".concat(e.key),class:"pagination-link pagination-control-button hidden-control-button",disabled:true},h("post-icon",{name:e.icon,"aria-hidden":"true"}))};t.prototype.renderHiddenItems=function(t){var e=this.items.at(0);var i=this.items.at(-1);return[(e===null||e===void 0?void 0:e.type)==="control"&&this.renderHiddenControlButton(e.action),h("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:true},h("span",{"aria-hidden":"true"},t)),h("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},ELLIPSIS),(i===null||i===void 0?void 0:i.type)==="control"&&this.renderHiddenControlButton(i.action)]};t.prototype.render=function(){var t=this;var e=this.getTotalPages();if(e<=1){return null}return h(Host,{slot:"post-pagination","data-version":version},h("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:function(e){return t.navRef=e}},h("ul",{class:"pagination-list",role:"list"},this.items.map((function(e,i){return t.renderItem(e,i)}))),h("div",{class:"hidden-items","aria-hidden":"true",ref:function(e){return t.hiddenItemsRef=e}},this.renderHiddenItems(e))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return t}();__decorate([Type("number")],PostPagination.prototype,"page",void 0);__decorate([Required(),Type("number")],PostPagination.prototype,"pageSize",void 0);__decorate([Required(),Type("number")],PostPagination.prototype,"collectionSize",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"label",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textPrevious",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textNext",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textPage",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textFirst",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textLast",void 0);PostPagination.style=postPaginationCss();export{PostPagination as post_pagination};
+var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var o=0,r=e.length,n;o<r;o++){if(n||!(o in e)){if(!n)n=Array.prototype.slice.call(e,0,o);n[o]=e[o]}}return t.concat(n||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";import{d as debounce}from"./debounce-C9hMpmsD.js";import{n as nanoid}from"./nanoid-8LXe8Zt_.js";import{T as Type}from"./type-Daxpt5v6.js";import{R as Required}from"./required-tHxh_hWW.js";import"./create-validator-decorator--a-qkYfP.js";var postPaginationCss=function(){return".btn{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;text-align:center;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);border-radius:calc(var(--post-device-sizing-interactive-button-height-1) / 2)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:focus-visible{outline-color:Highlight !important}}.pretend-focus.btn{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pretend-focus.btn{outline-color:Highlight !important}}.btn:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:has(:focus-visible){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{border-width:1px !important;-webkit-transition:none;transition:none}.btn:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4);-ms-flex-negative:0;flex-shrink:0}.btn-primary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:disabled,.btn-link.disabled{text-decoration:none}}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-radius:calc(var(--post-device-sizing-interactive-button-height-4) / 2)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);-ms-flex-negative:0;flex-shrink:0}.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);border-radius:calc(var(--post-device-sizing-interactive-button-height-2) / 2)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3);-ms-flex-negative:0;flex-shrink:0}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link{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-link:focus-visible{outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:focus-visible{outline-color:Highlight !important}}.btn-link.pretend-focus{outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link.pretend-focus{outline-color:Highlight !important}}.btn-link:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-link:disabled{color:var(--post-scheme-color-interactive-primary-disabled-fg1);-webkit-text-decoration-style:var(--post-core-border-style-dash);text-decoration-style:var(--post-core-border-style-dash)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pagination-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.pagination-link:focus-visible{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:focus-visible{outline-color:Highlight !important}}.pagination-link.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.pretend-focus{outline-color:Highlight !important}}.pagination-link:has(:focus-visible){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:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.pagination-ellipsis-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden-items{position:absolute;display:-ms-flexbox;display:flex;gap:var(--post-device-spacing-gap-inline-4);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.hidden-items .pagination-control-button:not(.hidden-page-button):first-child{-webkit-margin-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.hidden-items .pagination-control-button:not(.hidden-page-button):last-child{-webkit-margin-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4));margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)if(a=t[s])n=(r<3?a(n):r>3?a(e,i,n):a(e,i))||n;return r>3&&n&&Object.defineProperty(e,i,n),n};var ELLIPSIS="...";var MEASUREMENT_DEBOUNCE_MS=50;var RESIZE_DEBOUNCE_MS=150;var MIN_VISIBLE_PAGES=3;var EDGE_ITEM_COUNT=2;var MAX_ELLIPSIS_COUNT=2;var GAP_THRESHOLD_FOR_PAGE=2;var MIDDLE_RANGE_START=2;var PostPagination=function(){function t(t){registerInstance(this,t);this.postChange=createEvent(this,"postChange");this.maxVisiblePages=3;this.items=[];this.page=1;this.lastWindowWidth=window.innerWidth;this.loaded=false;this.debouncedResize=debounce(this.handleResizeInternal.bind(this),RESIZE_DEBOUNCE_MS);this.measurementTimeoutId=null}t.prototype.handlePropsChange=function(){this.updatePagesWithValidation()};t.prototype.componentWillLoad=function(){this.paginationId="pagination-".concat(this.host.id||nanoid(6));this.updatePagesWithValidation()};t.prototype.connectedCallback=function(){window.addEventListener("resize",this.debouncedResize)};t.prototype.componentDidLoad=function(){this.loaded=true;this.scheduleMeasurement()};t.prototype.disconnectedCallback=function(){this.loaded=false;window.removeEventListener("resize",this.debouncedResize);if(this.measurementTimeoutId!==null){clearTimeout(this.measurementTimeoutId);this.measurementTimeoutId=null}};t.prototype.scheduleMeasurement=function(){var t=this;if(!this.loaded)return;this.measurementTimeoutId=globalThis.setTimeout((function(){var e;var i=((e=t.navRef)===null||e===void 0?void 0:e.clientWidth)>0&&t.hiddenItemsRef;if(i){t.measureAndCalculateVisiblePages()}else{t.scheduleMeasurement()}}),MEASUREMENT_DEBOUNCE_MS)};t.prototype.handleResizeInternal=function(){if(!this.loaded)return;if(window.innerWidth===this.lastWindowWidth)return;this.lastWindowWidth=window.innerWidth;this.measureAndCalculateVisiblePages()};t.prototype.calculateGap=function(t,e){var i=t.getBoundingClientRect();var o=e.getBoundingClientRect();return o.left-i.right};t.prototype.measureAndCalculateVisiblePages=function(){if(!this.navRef||!this.hiddenItemsRef||!this.loaded)return;var t=this.getTotalPages();if(t<=1)return;var e=this.getPaginationPadding();var i=this.getAvailableWidth();var o=i-e;var r=this.hiddenItemsRef.querySelector(".hidden-page-button");var n=this.hiddenItemsRef.querySelector(".hidden-ellipsis");if(!r)return;var a=r.getBoundingClientRect().width;var s=r&&n?this.calculateGap(r,n):0;var c=this.getControlButtonsWidth(s);var l=o-c;var d=Math.floor((l+s)/(a+s));var h=Math.max(MIN_VISIBLE_PAGES,Math.min(d,t));this.maxVisiblePages=h;this.updatePagesWithValidation()};t.prototype.getControlButtonsWidth=function(t){if(!this.hiddenItemsRef)return 0;var e=Array.from(this.hiddenItemsRef.querySelectorAll(".hidden-control-button"));var i=e.reduce((function(e,i){var o=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineStart);var r=Number.parseFloat(globalThis.getComputedStyle(i).marginInlineEnd);return e+i.getBoundingClientRect().width+o+r+t}),0);return i};t.prototype.getPaginationPadding=function(){if(!this.navRef)return 0;var t=globalThis.getComputedStyle(this.navRef);var e=Number.parseFloat(t.paddingLeft)||0;var i=Number.parseFloat(t.paddingRight)||0;return e+i};t.prototype.getAvailableWidth=function(){var t,e;if(!this.navRef)return 0;return(e=(t=this.host.parentElement)===null||t===void 0?void 0:t.clientWidth)!==null&&e!==void 0?e:window.innerWidth};Object.defineProperty(t.prototype,"invalidSize",{get:function(){return this.collectionSize===0||this.pageSize===0},enumerable:false,configurable:true});t.prototype.clampPageToValidRange=function(t){var e=t===0||this.invalidSize||Number.isNaN(t);var i=!this.page||this.page<1||Number.isNaN(this.page);var o=this.page>t;if(e||i){return 1}else if(o){return t}else{return this.page}};t.prototype.updatePagesWithValidation=function(){var t=this.getTotalPages();this.page=this.clampPageToValidRange(t);this.generateItems(t)};t.prototype.getTotalPages=function(){if(this.invalidSize)return 1;return Math.ceil(this.collectionSize/this.pageSize)};t.prototype.sectionForGap=function(t){if(t<=1)return"none";return t===GAP_THRESHOLD_FOR_PAGE?"page":"ellipsis"};t.prototype.getSections=function(t,e,i){var o=t-1;var r=i-e;return{leftSection:this.sectionForGap(o),rightSection:this.sectionForGap(r),leftGap:o,rightGap:r}};t.prototype.computeTotalItems=function(t,e,i){var o=this.getSections(t,e,i),r=o.leftSection,n=o.rightSection;var a=Math.max(0,e-t+1);var s=r==="none"?0:1;var c=n==="none"?0:1;return EDGE_ITEM_COUNT+s+c+a};t.prototype.buildAllPages=function(t){var e=[];for(var i=1;i<=t;i++){e.push({type:"page",page:i})}return e};t.prototype.adjustForGapTwo=function(t,e,i,o){var r={startPage:t,endPage:e};var n=i-e;if(n===GAP_THRESHOLD_FOR_PAGE){r.endPage=i-1;r.startPage=Math.max(MIDDLE_RANGE_START,r.endPage-o+1)}var a=r.startPage-1;if(a===GAP_THRESHOLD_FOR_PAGE){r.startPage=MIDDLE_RANGE_START;r.endPage=Math.min(i-1,r.startPage+o-1)}return r};t.prototype.ensureMiddleSlots=function(t,e,i,o){var r={startPage:t,endPage:e};var n=e-t+1;if(n<o&&e<i-1){r.endPage=Math.min(i-1,t+o-1)}if(n<o&&t>MIDDLE_RANGE_START){r.startPage=Math.max(MIDDLE_RANGE_START,e-o+1)}return r};t.prototype.trimExcessItems=function(t,e,i,o,r){var n={startPage:t,endPage:e};var a=this.computeTotalItems(n.startPage,n.endPage,i);while(a>o){var s=r-n.startPage;var c=n.endPage-r;if(c>=s&&n.endPage>n.startPage){n.endPage=Math.max(n.startPage-1,n.endPage-1)}else if(n.startPage<n.endPage){n.startPage=Math.min(n.endPage+1,n.startPage+1)}else{break}var l=this.computeTotalItems(n.startPage,n.endPage,i);if(l===a)break;a=l}return n};t.prototype.expandToFillSlots=function(t,e,i,o){var r={startPage:t,endPage:e};var n=this.computeTotalItems(r.startPage,r.endPage,i);while(n<o){var a=r.startPage>MIDDLE_RANGE_START;var s=r.endPage<i-1;if(a){r.startPage=Math.max(MIDDLE_RANGE_START,r.startPage-1)}else if(s){r.endPage=Math.min(i-1,r.endPage+1)}else{break}var c=this.computeTotalItems(r.startPage,r.endPage,i);if(c===n)break;n=c}return r};t.prototype.balanceTotalItems=function(t,e,i,o,r){var n=this.trimExcessItems(t,e,i,o,r);return this.expandToFillSlots(n.startPage,n.endPage,i,o)};t.prototype.calculatePageRange=function(t,e,i){var o=Math.max(0,i-EDGE_ITEM_COUNT-MAX_ELLIPSIS_COUNT);if(o<=0){return{startPage:MIDDLE_RANGE_START,endPage:1}}var r=Math.floor(o/2);var n=t-r;var a=n+o-1;if(n<MIDDLE_RANGE_START){n=MIDDLE_RANGE_START;a=n+o-1}if(a>e-1){a=e-1;n=a-o+1}n=Math.max(MIDDLE_RANGE_START,n);a=Math.min(e-1,a);var s=this.adjustForGapTwo(n,a,e,o);var c=this.ensureMiddleSlots(s.startPage,s.endPage,e,o);return this.balanceTotalItems(c.startPage,c.endPage,e,i,t)};t.prototype.buildPaginationItems=function(t,e,i){var o=[];var r=t<=e;o.push({type:"page",page:1});if(r){var n=this.getSections(t,e,i),a=n.leftSection,s=n.rightSection;if(a==="page"){o.push({type:"page",page:2})}else if(a==="ellipsis"){o.push({type:"ellipsis"})}for(var c=t;c<=e;c++){o.push({type:"page",page:c})}if(s==="page"){o.push({type:"page",page:i-1})}else if(s==="ellipsis"){o.push({type:"ellipsis"})}o.push({type:"page",page:i});return o}};t.prototype.generateSmallPagination=function(t,e){if(t===1||t===e){return[{type:"page",page:1},{type:"ellipsis"},{type:"page",page:e}]}return[{type:"ellipsis"},{type:"page",page:t},{type:"ellipsis"}]};t.prototype.generatePages=function(t,e,i){if(t<=e){return this.buildAllPages(t)}if(e<=4){return this.generateSmallPagination(i,t)}var o=this.calculatePageRange(i,t,e),r=o.startPage,n=o.endPage;return this.buildPaginationItems(r,n,t)};t.prototype.generateItems=function(t){var e=this.maxVisiblePages;var i=this.page;this.items=__spreadArray(__spreadArray([{type:"control",action:"previous",disabled:i<=1}],this.generatePages(t,e,i),true),[{type:"control",action:"next",disabled:i>=t}],false)};t.prototype.emitPageChange=function(t){var e=this;this.page=t;requestAnimationFrame((function(){return e.measureAndCalculateVisiblePages()}));this.postChange.emit(t)};t.prototype.handlePageClick=function(t){if(t===this.page)return;this.emitPageChange(t)};t.prototype.handlePrevious=function(){if(this.page<=1)return;this.emitPageChange(this.page-1)};t.prototype.handleNext=function(){var t=this.getTotalPages();if(this.page>=t)return;this.emitPageChange(this.page+1)};t.prototype.handleKeyDown=function(t,e){if(t.key==="Enter"||t.key===" "){t.preventDefault();e()}};t.prototype.buildPageLabel=function(t){var e=this.getTotalPages();if(t===1){return"".concat(this.textFirst,", ").concat(this.textPage," ").concat(t)}if(t===e){return"".concat(this.textLast,", ").concat(this.textPage," ").concat(t)}return"".concat(this.textPage," ").concat(t)};t.prototype.buildControlAttributes=function(t){var e=this;switch(t){case"previous":return{key:"prev",icon:"chevronleftwide",label:this.textPrevious,className:"prev-button",onClick:function(){return e.handlePrevious()}};case"next":return{key:"next",icon:"chevronrightwide",label:this.textNext,className:"next-button",onClick:function(){return e.handleNext()}}}};t.prototype.renderEllipsis=function(t){return h("li",{class:"pagination-item pagination-ellipsis",key:"ellipsis-".concat(t),"aria-hidden":"true"},h("span",{class:"pagination-ellipsis-content"},ELLIPSIS))};t.prototype.renderPageButton=function(t){var e=this;var i=t===this.page;return h("li",{class:"pagination-item",key:"page-".concat(t)},h("button",{type:"button",class:{"pagination-link":true,"pagination-link-active":i},"aria-label":this.buildPageLabel(t),"aria-current":i?"page":undefined,onClick:function(){return e.handlePageClick(t)},onKeyDown:function(i){return e.handleKeyDown(i,(function(){return e.handlePageClick(t)}))},tabIndex:0},h("span",{"aria-hidden":"true"},t)))};t.prototype.renderControlButton=function(t,e){var i=this;var o=this.buildControlAttributes(t);return h("li",{class:"pagination-item pagination-control",key:o.key},h("button",{type:"button",class:"pagination-control-button btn btn-icon btn-secondary ".concat(o.className),"aria-label":o.label,onClick:o.onClick,onKeyDown:function(t){return i.handleKeyDown(t,o.onClick)},tabIndex:e?-1:0,disabled:e},h("post-icon",{name:o.icon,"aria-hidden":"true"}),h("span",{class:"visually-hidden"},o.label)))};t.prototype.renderItem=function(t,e){switch(t.type){case"page":return this.renderPageButton(t.page);case"control":return this.renderControlButton(t.action,t.disabled);case"ellipsis":return this.renderEllipsis(e)}};t.prototype.renderHiddenControlButton=function(t){var e=this.buildControlAttributes(t);return h("button",{key:"hidden-".concat(e.key),class:"pagination-link pagination-control-button hidden-control-button",disabled:true},h("post-icon",{name:e.icon,"aria-hidden":"true"}))};t.prototype.renderHiddenItems=function(t){var e=this.items.at(0);var i=this.items.at(-1);return[(e===null||e===void 0?void 0:e.type)==="control"&&this.renderHiddenControlButton(e.action),h("button",{key:"hidden-page",class:"pagination-link pagination-control-button hidden-page-button","aria-label":this.buildPageLabel(t),disabled:true},h("span",{"aria-hidden":"true"},t)),h("span",{key:"hidden-ellipsis",class:"pagination-ellipsis-content hidden-ellipsis","aria-hidden":"true"},ELLIPSIS),(i===null||i===void 0?void 0:i.type)==="control"&&this.renderHiddenControlButton(i.action)]};t.prototype.render=function(){var t=this;var e=this.getTotalPages();if(e<=1){return null}return h(Host,{slot:"post-pagination","data-version":version},h("nav",{class:"pagination","aria-label":this.label,id:this.paginationId,ref:function(e){return t.navRef=e}},h("ul",{class:"pagination-list",role:"list"},this.items.map((function(e,i){return t.renderItem(e,i)}))),h("div",{class:"hidden-items","aria-hidden":"true",ref:function(e){return t.hiddenItemsRef=e}},this.renderHiddenItems(e))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{page:[{handlePropsChange:0}],pageSize:[{handlePropsChange:0}],collectionSize:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return t}();__decorate([Type("number")],PostPagination.prototype,"page",void 0);__decorate([Required(),Type("number")],PostPagination.prototype,"pageSize",void 0);__decorate([Required(),Type("number")],PostPagination.prototype,"collectionSize",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"label",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textPrevious",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textNext",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textPage",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textFirst",void 0);__decorate([Required(),Type("string")],PostPagination.prototype,"textLast",void 0);PostPagination.style=postPaginationCss();export{PostPagination as post_pagination};

package/dist/esm-es5/post-popover-trigger.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";import{i as isFocusable}from"./focusable-C7afHKmo.js";import{T as Type}from"./type-Daxpt5v6.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./create-validator-decorator--a-qkYfP.js";var postPopoverTriggerCss=function(){return":host{cursor:pointer}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var r=arguments.length,s=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)if(n=t[a])s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s;return r>3&&s&&Object.defineProperty(e,i,s),s};var PostPopoverTrigger=function(){function t(t){var e=this;registerInstance(this,t);this.ariaExpanded=false;this.popoverOpen=false;this.handleKeyDown=function(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();e.handleToggle()}};this.boundHandleToggle=this.handleToggle.bind(this);this.boundHandleKeyDown=this.handleKeyDown.bind(this);this.boundHandlePostToggle=function(t){e.popoverOpen=t.detail.isOpen;e.focusTrigger()}}t.prototype.syncAriaExpanded=function(t){this.ariaExpanded=t;if(this.trigger){this.trigger.setAttribute("aria-expanded",String(t))}};t.prototype.hasAriaControlsElements=function(t){return"ariaControlsElements"in t};Object.defineProperty(t.prototype,"popover",{get:function(){var t;var e=(t=this.host.querySelector("post-popover"))!==null&&t!==void 0?t:document.getElementById(this.for);if(!e){var i=this.for?"with ID: ".concat(this.for):"inside the <post-popover-trigger>";console.error("No post-popover found ".concat(i,"."));return null}return(e===null||e===void 0?void 0:e.localName)==="post-popover"?e:null},enumerable:false,configurable:true});t.prototype.setupTrigger=function(){var t,e;var i=this.popover;this.trigger=this.host.querySelector("*");if(!this.trigger){console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.");return}if(!isFocusable(this.trigger)){this.trigger.setAttribute("tabindex","0");this.trigger.setAttribute("role","button")}if(!i)return;this.trigger.setAttribute("aria-expanded",this.ariaExpanded.toString());this.trigger.setAttribute("aria-haspopup","true");if(this.for){this.trigger.setAttribute("aria-controls",this.for)}else{if(this.hasAriaControlsElements(this.trigger)){this.trigger.ariaControlsElements=[i]}else{i.id||(i.id="popover-".concat(crypto.randomUUID()));this.trigger.setAttribute("aria-controls",i.id)}}(t=this.trigger)===null||t===void 0?void 0:t.addEventListener("click",this.boundHandleToggle);(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("keydown",this.boundHandleKeyDown)};t.prototype.handleToggle=function(){var t;(t=this.popover)===null||t===void 0?void 0:t.toggle(this.trigger);this.focusTrigger()};t.prototype.focusTrigger=function(){if(!this.popoverOpen&&this.trigger){this.trigger.focus({preventScroll:true})}};t.prototype.componentDidLoad=function(){var t;this.setupTrigger();(t=this.popover)===null||t===void 0?void 0:t.addEventListener("postToggle",this.boundHandlePostToggle)};t.prototype.disconnectedCallback=function(){var t,e,i;(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("click",this.boundHandleToggle);(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("keydown",this.boundHandleKeyDown);(i=this.popover)===null||i===void 0?void 0:i.removeEventListener("postToggle",this.boundHandlePostToggle)};t.prototype.render=function(){var t=this;return h(Host,{key:"f9c320748c1cfdfb6accce4e20c64ea7c00d20c5","data-version":version},h("slot",{key:"e00dcaa23ec3e2976136c26931780d083b6f1a8f",onSlotchange:function(){return t.setupTrigger()}}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{popoverOpen:[{syncAriaExpanded:0}]}},enumerable:false,configurable:true});return t}();__decorate([Type("string")],PostPopoverTrigger.prototype,"for",void 0);PostPopoverTrigger.style=postPopoverTriggerCss();export{PostPopoverTrigger as post_popover_trigger};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";import{i as isFocusable}from"./focusable-C7afHKmo.js";import{T as Type}from"./type-Daxpt5v6.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./create-validator-decorator--a-qkYfP.js";var postPopoverTriggerCss=function(){return":host{cursor:pointer}"};var __decorate=undefined&&undefined.__decorate||function(t,e,i,o){var r=arguments.length,s=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)if(n=t[a])s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s;return r>3&&s&&Object.defineProperty(e,i,s),s};var PostPopoverTrigger=function(){function t(t){var e=this;registerInstance(this,t);this.ariaExpanded=false;this.popoverOpen=false;this.handleKeyDown=function(t){if(t.key==="Enter"||t.key===" "){t.preventDefault();e.handleToggle()}};this.boundHandleToggle=this.handleToggle.bind(this);this.boundHandleKeyDown=this.handleKeyDown.bind(this);this.boundHandlePostToggle=function(t){e.popoverOpen=t.detail.isOpen;e.focusTrigger()}}t.prototype.syncAriaExpanded=function(t){this.ariaExpanded=t;if(this.trigger){this.trigger.setAttribute("aria-expanded",String(t))}};t.prototype.hasAriaControlsElements=function(t){return"ariaControlsElements"in t};Object.defineProperty(t.prototype,"popover",{get:function(){var t;var e=(t=this.host.querySelector("post-popover"))!==null&&t!==void 0?t:document.getElementById(this.for);if(!e){var i=this.for?"with ID: ".concat(this.for):"inside the <post-popover-trigger>";console.error("No post-popover found ".concat(i,"."));return null}return(e===null||e===void 0?void 0:e.localName)==="post-popover"?e:null},enumerable:false,configurable:true});t.prototype.setupTrigger=function(){var t,e;var i=this.popover;this.trigger=this.host.querySelector("*");if(!this.trigger){console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.");return}if(!isFocusable(this.trigger)){this.trigger.setAttribute("tabindex","0");this.trigger.setAttribute("role","button")}if(!i)return;this.trigger.setAttribute("aria-expanded",this.ariaExpanded.toString());this.trigger.setAttribute("aria-haspopup","true");if(this.for){this.trigger.setAttribute("aria-controls",this.for)}else{if(this.hasAriaControlsElements(this.trigger)){this.trigger.ariaControlsElements=[i]}else{i.id||(i.id="popover-".concat(crypto.randomUUID()));this.trigger.setAttribute("aria-controls",i.id)}}(t=this.trigger)===null||t===void 0?void 0:t.addEventListener("click",this.boundHandleToggle);(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("keydown",this.boundHandleKeyDown)};t.prototype.handleToggle=function(){var t;(t=this.popover)===null||t===void 0?void 0:t.toggle(this.trigger);this.focusTrigger()};t.prototype.focusTrigger=function(){if(!this.popoverOpen&&this.trigger){this.trigger.focus({preventScroll:true})}};t.prototype.componentDidLoad=function(){var t;this.setupTrigger();(t=this.popover)===null||t===void 0?void 0:t.addEventListener("postToggle",this.boundHandlePostToggle)};t.prototype.disconnectedCallback=function(){var t,e,i;(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("click",this.boundHandleToggle);(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("keydown",this.boundHandleKeyDown);(i=this.popover)===null||i===void 0?void 0:i.removeEventListener("postToggle",this.boundHandlePostToggle)};t.prototype.render=function(){var t=this;return h(Host,{key:"f9c320748c1cfdfb6accce4e20c64ea7c00d20c5","data-version":version},h("slot",{key:"e00dcaa23ec3e2976136c26931780d083b6f1a8f",onSlotchange:function(){return t.setupTrigger()}}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{popoverOpen:[{syncAriaExpanded:0}]}},enumerable:false,configurable:true});return t}();__decorate([Type("string")],PostPopoverTrigger.prototype,"for",void 0);PostPopoverTrigger.style=postPopoverTriggerCss();export{PostPopoverTrigger as post_popover_trigger};

package/dist/esm-es5/post-popover.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,r){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function s(e){try{c(r.next(e))}catch(e){i(e)}}function a(e){try{c(r["throw"](e))}catch(e){i(e)}}function c(e){e.done?o(e.value):n(e.value).then(s,a)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(e){a=[6,e];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-T8T3po4z.js";import{g as getDeepFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{P as PLACEMENT_TYPES}from"./placement-DRiVosES.js";import{O as OneOf}from"./one-of-w2eXPAzD.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import"./get-root-08F-DB-d.js";import"./create-validator-decorator--a-qkYfP.js";var postPopoverCss=function(){return"*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:8px;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:8px;-ms-flex-positive:1;flex-grow:1}post-closebutton{color-scheme:light}"};var __decorate=undefined&&undefined.__decorate||function(e,t,o,r){var n=arguments.length,i=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)if(s=e[a])i=(n<3?s(i):n>3?s(t,o,i):s(t,o))||i;return n>3&&i&&Object.defineProperty(t,o,i),i};var PostPopover=function(){function e(e){var t=this;registerInstance(this,e);this.placement="top";this.arrow=true;this.breakpointChange=function(){requestAnimationFrame((function(){return t.updateEdgeGap()}))}}e.prototype.show=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.popoverRef.show(e)];case 1:t.sent();this.focusFirstEl();this.updateEdgeGap();return[2]}}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.popoverRef.hide();return[2]}))}))};e.prototype.toggle=function(e,t){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.popoverRef.toggle(e,t)];case 1:o=r.sent();if(o){this.updateEdgeGap();this.focusFirstEl()}return[2]}}))}))};e.prototype.connectedCallback=function(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)};e.prototype.disconnectedCallback=function(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)};e.prototype.updateEdgeGap=function(){var e;var t=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector("post-closebutton");if(!t)return;var o=t.getBoundingClientRect().width;if(!o||Number.isNaN(o))return;this.edgeGap=o/2};e.prototype.focusFirstEl=function(){var e=getDeepFocusableChildren(this.host);var t=e[0];if(t){t.focus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"0e57981004d99d528a4652598739afbf1208376c","data-version":version},h("post-popovercontainer",{key:"380838970ed2c62f9e21e95da6957e9ff36db31a",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,autoHide:true,ref:function(t){if(t)e.popoverRef=t}},h("div",{key:"77465a8e943f61492869a3e05cf03f90b9fd553c",class:"popover-container"},h("div",{key:"0ab4e621ecc58a9775c4a9b8dfba3d26eb577878",class:"popover-content"},h("slot",{key:"1b2d37d50ef23edad118abc5949686e59e15b931"})),h("post-closebutton",{key:"8c2138b22f49681d37d2f38f6fb6331c730849f3"},this.textClose))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([OneOf(PLACEMENT_TYPES)],PostPopover.prototype,"placement",void 0);__decorate([Required(),Type("string")],PostPopover.prototype,"textClose",void 0);PostPopover.style=postPopoverCss();export{PostPopover as post_popover};
+var __awaiter=this&&this.__awaiter||function(r,e,o,t){function c(r){return r instanceof o?r:new o((function(e){e(r)}))}return new(o||(o=Promise))((function(o,a){function s(r){try{l(t.next(r))}catch(r){a(r)}}function i(r){try{l(t["throw"](r))}catch(r){a(r)}}function l(r){r.done?o(r.value):c(r.value).then(s,i)}l((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,c,a,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(r){return function(e){return l([r,e])}}function l(i){if(t)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(o=0)),o)try{if(t=1,c&&(a=i[0]&2?c["return"]:i[0]?c["throw"]||((a=c["return"])&&a.call(c),0):c.next)&&!(a=a.call(c,i[1])).done)return a;if(c=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:o.label++;return{value:i[1],done:false};case 5:o.label++;c=i[1];i=[0];continue;case 7:i=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){o=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(i[0]===6&&o.label<a[1]){o.label=a[1];a=i;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(i);break}if(a[2])o.ops.pop();o.trys.pop();continue}i=e.call(r,o)}catch(r){i=[6,r];c=0}finally{t=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-h3opCZqH.js";import{v as version}from"./package-BdiQsTQm.js";import{g as getDeepFocusableChildren}from"./get-focusable-children-DxYnH2ye.js";import{P as PLACEMENT_TYPES}from"./placement-DRiVosES.js";import{O as OneOf}from"./one-of-w2eXPAzD.js";import{R as Required}from"./required-tHxh_hWW.js";import{T as Type}from"./type-Daxpt5v6.js";import"./get-root-08F-DB-d.js";import"./create-validator-decorator--a-qkYfP.js";var postPopoverCss=function(){return"@supports not (color: light-dark(black, white)){post-closebutton{--post-scheme-color-body-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-body-bg:var(--post-scheme-color-body-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-body-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-body-fg:var(--post-scheme-color-body-fg-light, var(--post-core-color-brand-white));--post-scheme-color-signal-success-dark-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-dark:var(--post-scheme-color-signal-success-dark-light, var(--post-core-color-notification-green));--post-scheme-color-signal-success-light-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-green-light);--post-scheme-color-signal-success-light:var(--post-scheme-color-signal-success-light-light, var(--post-core-color-notification-green-light));--post-scheme-color-signal-error-dark-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-dark:var(--post-scheme-color-signal-error-dark-light, var(--post-core-color-notification-red));--post-scheme-color-signal-error-light-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-red-light);--post-scheme-color-signal-error-light:var(--post-scheme-color-signal-error-light-light, var(--post-core-color-notification-red-light));--post-scheme-color-signal-warning-dark-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-dark:var(--post-scheme-color-signal-warning-dark-light, var(--post-core-color-notification-orange));--post-scheme-color-signal-warning-light-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-orange-light);--post-scheme-color-signal-warning-light:var(--post-scheme-color-signal-warning-light-light, var(--post-core-color-notification-orange-light));--post-scheme-color-signal-information-dark-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-information-dark:var(--post-scheme-color-signal-information-dark-light, var(--post-core-color-notification-blue));--post-scheme-color-signal-information-light-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-blue-light);--post-scheme-color-signal-information-light:var(--post-scheme-color-signal-information-light-light, var(--post-core-color-notification-blue-light));--post-scheme-color-signal-success-solo-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-signal-success-solo:var(--post-scheme-color-signal-success-solo-light, var(--post-core-color-notification-green-night));--post-scheme-color-signal-error-solo-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-signal-error-solo:var(--post-scheme-color-signal-error-solo-light, var(--post-core-color-notification-red-night));--post-scheme-color-signal-info-solo-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-blue);--post-scheme-color-signal-info-solo:var(--post-scheme-color-signal-info-solo-light, var(--post-core-color-notification-blue-night));--post-scheme-color-signal-warning-solo-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-solo:var(--post-scheme-color-signal-warning-solo-light, var(--post-core-color-notification-orange-night));--post-scheme-color-interactive-button-primary-enabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-fg:var(--post-scheme-color-interactive-button-primary-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg:var(--post-scheme-color-interactive-button-primary-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-stroke:var(--post-scheme-color-interactive-button-primary-enabled-stroke-light, var(--post-scheme-color-interactive-button-primary-enabled-bg));--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-fg-inverted:var(--post-scheme-color-interactive-button-primary-enabled-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted:var(--post-scheme-color-interactive-button-primary-enabled-bg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted:var(--post-scheme-color-interactive-button-primary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-primary-hover-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg:var(--post-scheme-color-interactive-button-primary-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg:var(--post-scheme-color-interactive-button-primary-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-stroke:var(--post-scheme-color-interactive-button-primary-hover-stroke-light, var(--post-scheme-color-interactive-button-primary-hover-bg));--post-scheme-color-interactive-button-primary-hover-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-fg-inverted:var(--post-scheme-color-interactive-button-primary-hover-fg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-hover-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted:var(--post-scheme-color-interactive-button-primary-hover-bg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted:var(--post-scheme-color-interactive-button-primary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-primary-disabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg:var(--post-scheme-color-interactive-button-primary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg:var(--post-scheme-color-interactive-button-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke:var(--post-scheme-color-interactive-button-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted:var(--post-scheme-color-interactive-button-primary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted:var(--post-scheme-color-interactive-button-primary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted:var(--post-scheme-color-interactive-button-primary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-enabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg:var(--post-scheme-color-interactive-button-secondary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg:var(--post-scheme-color-interactive-button-secondary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-secondary-enabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-stroke:var(--post-scheme-color-interactive-button-secondary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted:var(--post-scheme-color-interactive-button-secondary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted:var(--post-scheme-color-interactive-button-secondary-enabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted:var(--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-secondary-hover-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg:var(--post-scheme-color-interactive-button-secondary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg:var(--post-scheme-color-interactive-button-secondary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-secondary-hover-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-stroke:var(--post-scheme-color-interactive-button-secondary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted:var(--post-scheme-color-interactive-button-secondary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-bg-inverted:var(--post-scheme-color-interactive-button-secondary-hover-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted:var(--post-scheme-color-interactive-button-secondary-hover-stroke-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-secondary-disabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg:var(--post-scheme-color-interactive-button-secondary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg:var(--post-scheme-color-interactive-button-secondary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-secondary-disabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-stroke:var(--post-scheme-color-interactive-button-secondary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted:var(--post-scheme-color-interactive-button-secondary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted:var(--post-scheme-color-interactive-button-secondary-disabled-bg-inverted-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted:var(--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-enabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-fg:var(--post-scheme-color-interactive-button-tertiary-enabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-enabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg:var(--post-scheme-color-interactive-button-tertiary-enabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-stroke:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-light, var(--post-scheme-color-interactive-button-tertiary-enabled-bg));--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted:var(--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted:var(--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-fg:var(--post-scheme-color-interactive-button-tertiary-hover-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-bg:var(--post-scheme-color-interactive-button-tertiary-hover-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-button-tertiary-hover-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-stroke:var(--post-scheme-color-interactive-button-tertiary-hover-stroke-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted:var(--post-scheme-color-interactive-button-tertiary-hover-fg-inverted-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted:var(--post-scheme-color-interactive-button-tertiary-hover-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted:var(--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg:var(--post-scheme-color-interactive-button-tertiary-disabled-fg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-bg:var(--post-scheme-color-interactive-button-tertiary-disabled-bg-light, var(--post-core-color-sandgrey-alpha-lightsand-30));--post-scheme-color-interactive-button-tertiary-disabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-stroke:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted:var(--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted:var(--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted-light, var(--post-core-color-colorless));--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-focus-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke:var(--post-scheme-color-interactive-focus-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-focus-stroke-inverted-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted:var(--post-scheme-color-interactive-focus-stroke-inverted-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg1-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1:var(--post-scheme-color-interactive-primary-enabled-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg1-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1:var(--post-scheme-color-interactive-primary-enabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg2-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-fg2:var(--post-scheme-color-interactive-primary-enabled-fg2-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-enabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke:var(--post-scheme-color-interactive-primary-enabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3:var(--post-scheme-color-interactive-primary-enabled-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg2-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2:var(--post-scheme-color-interactive-primary-enabled-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-stroke3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3:var(--post-scheme-color-interactive-primary-enabled-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-bg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3:var(--post-scheme-color-interactive-primary-enabled-bg3-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-enabled-stroke4:var(--post-scheme-color-interactive-primary-enabled-stroke4-light, var(--post-core-color-sandgrey-030));--post-scheme-color-interactive-primary-enabled-bg4-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-bg4:var(--post-scheme-color-interactive-primary-enabled-bg4-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-stroke5-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke5:var(--post-scheme-color-interactive-primary-enabled-stroke5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-enabled-bg5-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg5:var(--post-scheme-color-interactive-primary-enabled-bg5-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-fg5-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg5:var(--post-scheme-color-interactive-primary-enabled-fg5-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-enabled-fg6-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg6:var(--post-scheme-color-interactive-primary-enabled-fg6-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-enabled-bg6-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg6:var(--post-scheme-color-interactive-primary-enabled-bg6-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg:var(--post-scheme-color-interactive-primary-hover-bg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-fg1-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1:var(--post-scheme-color-interactive-primary-hover-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke:var(--post-scheme-color-interactive-primary-hover-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3:var(--post-scheme-color-interactive-primary-hover-fg3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg2-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2:var(--post-scheme-color-interactive-primary-hover-bg2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-stroke3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3:var(--post-scheme-color-interactive-primary-hover-stroke3-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-hover-bg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3:var(--post-scheme-color-interactive-primary-hover-bg3-light, var(--post-core-color-sandgrey-alpha-lightsand-20));--post-scheme-color-interactive-primary-hover-bg4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg4:var(--post-scheme-color-interactive-primary-hover-bg4-light, var(--post-core-color-sandgrey-006));--post-scheme-color-interactive-primary-hover-bg5-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-primary-hover-bg5:var(--post-scheme-color-interactive-primary-hover-bg5-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-hover-bg7-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-hover-bg7:var(--post-scheme-color-interactive-primary-hover-bg7-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-hover-bg8-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg8:var(--post-scheme-color-interactive-primary-hover-bg8-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-hover-fg4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg4:var(--post-scheme-color-interactive-primary-hover-fg4-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-primary-disabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg:var(--post-scheme-color-interactive-primary-disabled-bg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-fg1-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1:var(--post-scheme-color-interactive-primary-disabled-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke:var(--post-scheme-color-interactive-primary-disabled-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-fg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3:var(--post-scheme-color-interactive-primary-disabled-fg3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-stroke2-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2:var(--post-scheme-color-interactive-primary-disabled-stroke2-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-bg4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4:var(--post-scheme-color-interactive-primary-disabled-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-disabled-stroke3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3:var(--post-scheme-color-interactive-primary-disabled-stroke3-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-primary-disabled-bg5-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-bg5:var(--post-scheme-color-interactive-primary-disabled-bg5-light, var(--post-core-color-sandgrey-alpha-lightsand-10));--post-scheme-color-interactive-primary-disabled-fg4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg4:var(--post-scheme-color-interactive-primary-disabled-fg4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-stroke4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4:var(--post-scheme-color-interactive-primary-disabled-stroke4-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-primary-disabled-bg6-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg6:var(--post-scheme-color-interactive-primary-disabled-bg6-light, var(--post-core-color-colorless));--post-scheme-color-interactive-primary-selected-bg1-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1:var(--post-scheme-color-interactive-primary-selected-bg1-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-fg1-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1:var(--post-scheme-color-interactive-primary-selected-fg1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-stroke1-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1:var(--post-scheme-color-interactive-primary-selected-stroke1-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-fg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3:var(--post-scheme-color-interactive-primary-selected-fg3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg2-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-bg2:var(--post-scheme-color-interactive-primary-selected-bg2-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke4-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4:var(--post-scheme-color-interactive-primary-selected-stroke4-light, var(--post-core-color-notification-green-light));--post-scheme-color-interactive-primary-selected-stroke3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke3:var(--post-scheme-color-interactive-primary-selected-stroke3-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-primary-selected-bg4-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4:var(--post-scheme-color-interactive-primary-selected-bg4-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-primary-selected-bg3-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-interactive-primary-selected-bg3:var(--post-scheme-color-interactive-primary-selected-bg3-light, var(--post-core-color-brand-postyellow));--post-scheme-color-interactive-notification-info-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg:var(--post-scheme-color-interactive-notification-info-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-info-bg-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-bg:var(--post-scheme-color-interactive-notification-info-bg-light, var(--post-scheme-color-signal-information-light));--post-scheme-color-interactive-notification-info-icon-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-icon:var(--post-scheme-color-interactive-notification-info-icon-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-info-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke:var(--post-scheme-color-interactive-notification-info-stroke-light, var(--post-scheme-color-signal-information-dark));--post-scheme-color-interactive-notification-success-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-fg:var(--post-scheme-color-interactive-notification-success-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-success-bg-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-bg:var(--post-scheme-color-interactive-notification-success-bg-light, var(--post-scheme-color-signal-success-light));--post-scheme-color-interactive-notification-success-icon-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-icon:var(--post-scheme-color-interactive-notification-success-icon-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-success-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke:var(--post-scheme-color-interactive-notification-success-stroke-light, var(--post-scheme-color-signal-success-dark));--post-scheme-color-interactive-notification-warning-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-fg:var(--post-scheme-color-interactive-notification-warning-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-warning-bg-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-bg:var(--post-scheme-color-interactive-notification-warning-bg-light, var(--post-scheme-color-signal-warning-light));--post-scheme-color-interactive-notification-warning-icon-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-icon:var(--post-scheme-color-interactive-notification-warning-icon-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-warning-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke:var(--post-scheme-color-interactive-notification-warning-stroke-light, var(--post-scheme-color-signal-warning-dark));--post-scheme-color-interactive-notification-error-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-fg:var(--post-scheme-color-interactive-notification-error-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-notification-error-bg-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-bg:var(--post-scheme-color-interactive-notification-error-bg-light, var(--post-scheme-color-signal-error-light));--post-scheme-color-interactive-notification-error-icon-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-icon:var(--post-scheme-color-interactive-notification-error-icon-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-notification-error-stroke-light:var(--post-fallback-prefers-light) var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke:var(--post-scheme-color-interactive-notification-error-stroke-light, var(--post-scheme-color-signal-error-dark));--post-scheme-color-interactive-input-enabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-bg:var(--post-scheme-color-interactive-input-enabled-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-enabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-fg:var(--post-scheme-color-interactive-input-enabled-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-enabled-border-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border:var(--post-scheme-color-interactive-input-enabled-border-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-input-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-bg:var(--post-scheme-color-interactive-input-hover-bg-light, var(--post-core-color-brand-white));--post-scheme-color-interactive-input-hover-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-fg:var(--post-scheme-color-interactive-input-hover-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-hover-border-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border:var(--post-scheme-color-interactive-input-hover-border-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-input-disabled-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-bg:var(--post-scheme-color-interactive-input-disabled-bg-light, var(--post-core-color-colorless));--post-scheme-color-interactive-input-disabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-fg:var(--post-scheme-color-interactive-input-disabled-fg-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-input-disabled-border-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border:var(--post-scheme-color-interactive-input-disabled-border-light, var(--post-core-color-sandgrey-alpha-lightsand-60));--post-scheme-color-interactive-card-hover-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-interactive-card-hover-bg:var(--post-scheme-color-interactive-card-hover-bg-light, var(--post-core-color-sandgrey-020));--post-scheme-color-interactive-card-hover-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-card-hover-fg:var(--post-scheme-color-interactive-card-hover-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-selected-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-tabs-selected-fg:var(--post-scheme-color-interactive-tabs-selected-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-interactive-tabs-disabled-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-fg:var(--post-scheme-color-interactive-tabs-disabled-fg-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-disabled-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-tabs-disabled-stroke:var(--post-scheme-color-interactive-tabs-disabled-stroke-light, var(--post-core-color-sandgrey-060));--post-scheme-color-interactive-tabs-selected-hovered-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-fg:var(--post-scheme-color-interactive-tabs-selected-hovered-fg-light, var(--post-core-color-sandgrey-070));--post-scheme-color-interactive-tabs-selected-hovered-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-tabs-selected-hovered-stroke:var(--post-scheme-color-interactive-tabs-selected-hovered-stroke-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-default-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-bg:var(--post-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-scheme-color-surface-default-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-fg:var(--post-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-default-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke:var(--post-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent1-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg:var(--post-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent1-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg:var(--post-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-bg:var(--post-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-alternate-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg:var(--post-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-alternate-secondary-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-secondary-bg:var(--post-scheme-color-surface-alternate-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-brand-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-bg:var(--post-scheme-color-surface-brand-bg-light, var(--post-core-color-brand-postyellow));--post-scheme-color-surface-brand-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg:var(--post-scheme-color-surface-brand-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-fg-accent-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-fg-accent:var(--post-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-brand-secondary-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-brand-secondary-bg:var(--post-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-scheme-color-surface-accent-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-bg:var(--post-scheme-color-surface-accent-bg-light, var(--post-core-color-sandgrey-002));--post-scheme-color-surface-accent-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg:var(--post-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-scheme-color-surface-accent-fg-accent-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-postyellow);--post-scheme-color-surface-accent-fg-accent:var(--post-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-sandgrey-100));--post-scheme-color-badge-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-notification-red);--post-scheme-color-badge-bg:var(--post-scheme-color-badge-bg-light, var(--post-core-color-notification-red));--post-scheme-color-badge-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-fg:var(--post-scheme-color-badge-fg-light, var(--post-core-color-brand-white));--post-scheme-color-badge-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-scheme-color-badge-stroke:var(--post-scheme-color-badge-stroke-light, var(--post-core-color-brand-white));--post-scheme-color-popover-hover-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-020);--post-scheme-color-popover-hover:var(--post-scheme-color-popover-hover-light, var(--post-core-color-sandgrey-020));--post-scheme-color-divider-border-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-060);--post-scheme-color-divider-border:var(--post-scheme-color-divider-border-light, var(--post-core-color-sandgrey-050));--post-scheme-color-backdrop-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-alpha-darksand-80);--post-scheme-color-backdrop-bg:var(--post-scheme-color-backdrop-bg-light, var(--post-core-color-sandgrey-alpha-darksand-80));--post-scheme-color-datepicker-header-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-012);--post-scheme-color-datepicker-header-bg:var(--post-scheme-color-datepicker-header-bg-light, var(--post-core-color-sandgrey-070));--post-cargo-scheme-color-surface-default-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-bg:var(--post-cargo-scheme-color-surface-default-bg-light, var(--post-core-color-sandgrey-080));--post-cargo-scheme-color-surface-default-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-fg:var(--post-cargo-scheme-color-surface-default-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-default-stroke-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke:var(--post-cargo-scheme-color-surface-default-stroke-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent1-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg:var(--post-cargo-scheme-color-surface-accent1-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent1-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg:var(--post-cargo-scheme-color-surface-accent1-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-alternate-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-bg:var(--post-cargo-scheme-color-surface-alternate-bg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-alternate-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg:var(--post-cargo-scheme-color-surface-alternate-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-bg:var(--post-cargo-scheme-color-surface-brand-bg-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-brand-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg:var(--post-cargo-scheme-color-surface-brand-fg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-brand-fg-accent-light:var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-brand-fg-accent:var(--post-cargo-scheme-color-surface-brand-fg-accent-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-brand-secondary-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-secondary-bg:var(--post-cargo-scheme-color-surface-brand-secondary-bg-light, var(--post-core-color-brand-white));--post-cargo-scheme-color-surface-accent-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg:var(--post-cargo-scheme-color-surface-accent-bg-light, var(--post-core-color-cargo-blue));--post-cargo-scheme-color-surface-accent-fg-light:var(--post-fallback-prefers-light) var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg:var(--post-cargo-scheme-color-surface-accent-fg-light, var(--post-core-color-sandgrey-100));--post-cargo-scheme-color-surface-accent-fg-accent-light:var(--post-fallback-prefers-light) var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-accent-fg-accent:var(--post-cargo-scheme-color-surface-accent-fg-accent-light, var(--post-core-color-cargo-green));--post-cargo-scheme-color-surface-accent-secondary-bg-light:var(--post-fallback-prefers-light) var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent-secondary-bg:var(--post-cargo-scheme-color-surface-accent-secondary-bg-light, var(--post-core-color-brand-white))}}*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:8px;max-width:var(--post-popover-max-width, 280px);max-height:100%;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.popover-content{padding:8px;-ms-flex-positive:1;flex-grow:1}@supports (color: light-dark(black, white)){post-closebutton{color-scheme:light}}@supports not (color: light-dark(black, white)){post-closebutton{}}post-popovercontainer::part(post-popovercontainer-content){min-width:160px}"};var __decorate=undefined&&undefined.__decorate||function(r,e,o,t){var c=arguments.length,a=c<3?e:t===null?t=Object.getOwnPropertyDescriptor(e,o):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(r,e,o,t);else for(var i=r.length-1;i>=0;i--)if(s=r[i])a=(c<3?s(a):c>3?s(e,o,a):s(e,o))||a;return c>3&&a&&Object.defineProperty(e,o,a),a};var PostPopover=function(){function r(r){var e=this;registerInstance(this,r);this.placement="top";this.arrow=true;this.breakpointChange=function(){requestAnimationFrame((function(){return e.updateEdgeGap()}))}}r.prototype.show=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.popoverRef.show(r)];case 1:e.sent();this.focusFirstEl();this.updateEdgeGap();return[2]}}))}))};r.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.popoverRef.hide();return[2]}))}))};r.prototype.toggle=function(r,e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(t){switch(t.label){case 0:return[4,this.popoverRef.toggle(r,e)];case 1:o=t.sent();if(o){this.updateEdgeGap();this.focusFirstEl()}return[2]}}))}))};r.prototype.connectedCallback=function(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)};r.prototype.disconnectedCallback=function(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)};r.prototype.updateEdgeGap=function(){var r;var e=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector("post-closebutton");if(!e)return;var o=e.getBoundingClientRect().width;if(!o||Number.isNaN(o))return;this.edgeGap=o/2};r.prototype.focusFirstEl=function(){var r=getDeepFocusableChildren(this.host);var e=r[0];if(e){e.focus()}};r.prototype.render=function(){var r=this;return h(Host,{key:"0e57981004d99d528a4652598739afbf1208376c","data-version":version},h("post-popovercontainer",{key:"cfa3e03284033c19317fab6a565cbcef0d4aa458",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,autoHide:true,autoResize:true,ref:function(e){if(e)r.popoverRef=e}},h("div",{key:"758a7d16666581674c48043aaaf4b266c3d754b8",class:"popover-container"},h("div",{key:"60ab881499fa6cc016dc285f962f2dbee884adee",class:"popover-content"},h("slot",{key:"78b457120894b4117a7f4008f313e9a346f539ab"})),h("post-closebutton",{key:"5cc2cc1e36e8840f2e2729dcf8c15a211c95ec12"},this.textClose))))};Object.defineProperty(r.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([OneOf(PLACEMENT_TYPES)],PostPopover.prototype,"placement",void 0);__decorate([Required(),Type("string")],PostPopover.prototype,"textClose",void 0);PostPopover.style=postPopoverCss();export{PostPopover as post_popover};