@postnord/web-components
Version:
PostNord Web Components
6 lines • 1.46 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{r as e,c as t,g as a,h as i,a as n}from"./p-C247oTEA.js";const o="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 s=class{constructor(a){e(this,a);this.itemselection=t(this,"itemselection")}get hostElement(){return a(this)}value;href;icon;itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return i(n,{key:"dc31607344bf00dc0e0c57ebe30a764988b779cf"},i("li",{key:"2db91112fbba754285f3518c270704ed5fd92927"},i("a",{key:"4b92fb84dddf4efda593f1595dce4df3284756ed",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&i("pn-icon",{key:"0effe3b19480a7a6a06ce60b7e24b4acf8ba0ba6",icon:this.icon,color:"white"}),i("slot",{key:"6d237a63497c7deea8ac23cde2e51ce2cbe69bfc"}))))}};s.style=o;export{s as pn_page_nav_item};
//# sourceMappingURL=p-ae99abaf.entry.js.map