@postnord/web-components
Version:
PostNord Web Components
6 lines • 1.51 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{r as e,c as t,g as i,h as n,a}from"./p-43660913.js";const s="pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";const o=s;const r=class{constructor(i){e(this,i);this.itemselection=t(this,"itemselection",7);this.value=undefined;this.href=undefined;this.icon=undefined}get hostElement(){return i(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return n(a,{key:"09fd2817fa1e7fa2d8afd430385ddce493da610d"},n("li",{key:"1392d69840c4f2c122a8282b9d06c585f15c163c"},n("a",{key:"ec5d7f017ad7b385ab7f8baf61b6b277a1ae04aa",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"af7275cc72c11374f354b3801adbdd16befed340",icon:this.icon,color:"white"}),n("slot",{key:"3a2df1ae8be8e80be22d52428c5fe725d07794ac"}))))}};r.style=o;export{r as pn_page_nav_item};
//# sourceMappingURL=p-fdafdcbc.entry.js.map