@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:"a2dcede0a4f6789eda151fa2fcd5496588897361"},n("li",{key:"029058cffbfbf1c04d57c7605b9e887cce0abbd1"},n("a",{key:"38f2a5a9e15bc96a9efb91d85c9d67b21d27b40b",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"110592957f990a4c9594820d748aa1c6458742a5",icon:this.icon,color:"white"}),n("slot",{key:"9b72c3dc62e9dfc9fe7cc0415d0ea0f67ea0d47f"}))))}};r.style=o;export{r as pn_page_nav_item};
//# sourceMappingURL=p-8773152d.entry.js.map