import{r as e,g as o,h as n,d as t}from"./p-b3a13b6a.js";const r='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-breakpoints{width:100%}pn-breakpoints .breakpoints--dotcom{width:100%;background-color:aliceblue;text-align:center;margin-bottom:2.4rem;background-color:aliceblue}pn-breakpoints .breakpoints--dotcom .reference::before{content:"less than 321"}@media screen and (min-width: 321px){pn-breakpoints .breakpoints--dotcom{background-color:yellow}pn-breakpoints .breakpoints--dotcom .reference::before{content:"321 (xs)"}}@media screen and (min-width: 576px){pn-breakpoints .breakpoints--dotcom{background-color:aqua}pn-breakpoints .breakpoints--dotcom .reference::before{content:"576 (sm)"}}@media screen and (min-width: 768px){pn-breakpoints .breakpoints--dotcom{background-color:red;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"768 (md)"}}@media screen and (min-width: 992px){pn-breakpoints .breakpoints--dotcom{background-color:green;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"992 (lg)"}}@media screen and (min-width: 1200px){pn-breakpoints .breakpoints--dotcom{background-color:blue;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1200 (xl)"}}@media screen and (min-width: 1640px){pn-breakpoints .breakpoints--dotcom{background-color:pink}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1640 (xxl)"}}@media screen and (min-width: 1920px){pn-breakpoints .breakpoints--dotcom{background-color:orange}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1920 (fhd)"}}';const i=r;const a=class{constructor(o){e(this,o);this.currentWidth=window.innerWidth;this.breakPointClass="dotcom"}get hostElement(){return o(this)}handleViewportSizeChange(e){this.currentWidth=e.target.innerWidth}createBreakpointClass(){return`breakpoints--${this.breakPointClass}`}render(){return n(t,{key:"4b63f6e7b25cc09bc329c7868d33f5bf10eadc92"},n("div",{key:"f88ffae449d2006027394f62bb75042acbc594fd",class:`breakpoints ${this.createBreakpointClass()} `},`${this.currentWidth} px`," min-width: ",n("span",{key:"ab91cc7229b2cb908bfee2dea6c87ee4ba8fca94",class:"reference"}," px")))}};a.style=i;export{a as pn_breakpoints};
//# sourceMappingURL=p-a1bc7932.entry.js.map