UNPKG

@postnord/web-components

Version:

PostNord Web Components

6 lines 2.06 kB
/*! * Built with Stencil * By PostNord. */ import{r as e,c as t,g as n,h as s,a as i}from"./p-43660913.js";import{u as a}from"./p-f64d17a6.js";const o="pn-segment{position:relative;color:#005d92;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-segment:last-of-type{margin-right:0}pn-segment .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-segment .pn-segment:disabled{cursor:not-allowed}pn-segment .pn-segment:disabled~.pn-segment-label{color:#5e554a}pn-segment .pn-segment:disabled~.pn-segment-label pn-icon .pn-icon-svg path{fill:#5e554a}pn-segment .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}";const r=o;const l=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7);this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.segmentid=this.id;this.icon=undefined;this.disabled=false}id=`pn-segment-${a()}`;get hostElement(){return n(this)}segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"c04c9f14d3b5436efb16cd391eb2bbc64be74b38",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"8e755a9c00f5f058e6dcacfb14000fa6ea2916a8",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"dc13164594408f0cc3da2812fec29c280d09423b",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"cb77aa8a7b2595b6a99eb2ff5f58230c934d3bc0",icon:this.icon,color:"blue700"}),s("span",{key:"a4368885dfc0b2d78d0c76df7e7dcaf2de479697",class:"pn-segment-text"},this.label,s("slot",{key:"20e1385578b7f7e52b3a1cc637b84461aa1ef216"}))))}};l.style=r;export{l as pn_segment}; //# sourceMappingURL=p-ffe79fa4.entry.js.map