@postnord/web-components/postnord-web-components/p-b8c4423b.entry.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import{t as e,r as t,c as n,g as s,h as a,a as i}from"./p-CAEP792y.js";import{uuidv4 as r}from"./index.esm.js";const l=class{constructor(e){t(this,e),this.segmentHover=n(this,"segmentHover")}id=`pn-segment-${r()}`;get hostElement(){return s(this)}label;name;value;selected=!1;segmentid=this.id;icon;disabled=!1;segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return a(i,{key:"b98bb414de20d14fc2ee9d087be192d5f17bf1f9",onMouseEnter:e=>this.handleHover(e)},a("input",{key:"0b6117d85bb547c249a402cc26494355f3dc3e95",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),a("label",{key:"8570c7c62ccfcfdd5dca9d8e1a6e016ca9c6a304",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&a("pn-icon",{key:"e10a1ea4ca26f71e6caadbeeda6bf5d68cfc266f",icon:this.icon,color:"blue700"}),a("span",{key:"8ec12157e0ca6f62772743e06beefc677f9f9f87",class:"pn-segment-text"},this.label,a("slot",{key:"6342dfb17f71cae05318a3c19a19fdb6e46bb157"}))))}};l.style=`${e("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)}${e("pn-segment")}:last-of-type{margin-right:0}${e("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}${e("pn-segment")} .pn-segment:disabled{cursor:not-allowed}${e("pn-segment")} .pn-segment:disabled~.pn-segment-label{color:#5e554a}${e("pn-segment")} .pn-segment:disabled~.pn-segment-label ${e("pn-icon")} .pn-icon-svg path{fill:#5e554a}${e("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}`;export{l as pn_segment}