UNPKG

@postnord/web-components

Version:

PostNord Web Components

6 lines 2.15 kB
/*! * Built with Stencil * By PostNord. */ import{r as e,c as t,g as n,h as s,a as i}from"./p-c2c6299e.js";import{u as a}from"./p-c511b4fb.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}pn-segment .pn-segment-label pn-icon .pn-icon-svg path{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}";const r=o;const l=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7)}id=`pn-segment-${a()}`;get hostElement(){return n(this)}label;name;value;selected=false;segmentid=this.id;icon;disabled=false;segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"b325719082527754f09c013b3e01e8de7d5595e7",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"a077d547cf945c3d54d345bda5ead3fd7282b527",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"334868268acf600c2dd1d15e585d3a98859dba44",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"bff15a1148753a1abc5eb9dfcee01026f8eabbb5",icon:this.icon,color:"blue700"}),s("span",{key:"3b6a60bee13d4f929ac463196b1b8492a2efccbc",class:"pn-segment-text"},this.label,s("slot",{key:"266ffb928bcd8f1e66c771ccb5856032859c08e7"}))))}};l.style=r;export{l as pn_segment}; //# sourceMappingURL=p-31fd4f3d.entry.js.map