@postnord/web-components/components/pn-text-link2.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import{transformTag as t,proxyCustomElement as n,HTMLElement as e,h as i}from"@stencil/core/internal/client";import{d as o}from"./pn-icon2.js";const l=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get hostElement(){return this}label;href;light=!1;icon;leftIcon=!1;download;hreflang;media;referrerpolicy;rel="noopener noreferrer";target;linkid;render(){return i("a",{key:"9b582d89de39e3465ec6a1675f60f46d39b3c558",id:this.linkid,class:"pn-text-link",href:this.href,rel:this.rel,target:this.target,download:this.download,hreflang:this.hreflang,media:this.media,referrerPolicy:this.referrerpolicy,"data-icon":!!this.icon,"data-icon-left":this.leftIcon,"data-light":this.light},this.label,i("slot",{key:"106155241d1f15bdaf19a74c8dc440372849a6f4"}),this.icon&&i("pn-icon",{key:"d6d197a8632a13b6a1e385504b6727cfb9c418fd",icon:this.icon}))}static get style(){return`${t("pn-text-link")}{display:inline}${t("pn-text-link")} .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-text-link")} .pn-text-link{transition-duration:0s;transition-delay:0s}}${t("pn-text-link")} .pn-text-link{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-text-link")} .pn-text-link:focus-visible{outline-color:#005d92}${t("pn-text-link")} .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}${t("pn-text-link")} .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}${t("pn-text-link")} .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}${t("pn-text-link")} .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}${t("pn-text-link")} .pn-text-link[data-icon]:hover .pn-icon-svg path,${t("pn-text-link")} .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}${t("pn-text-link")} .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}${t("pn-text-link")} .pn-text-link[data-light]{color:#ffffff}${t("pn-text-link")} .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}${t("pn-text-link")} .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}${t("pn-text-link")} .pn-text-link[data-light][data-icon] ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}`}},[772,"pn-text-link",{label:[1],href:[1],light:[4],icon:[1],leftIcon:[4,"left-icon"],download:[1],hreflang:[1],media:[1],referrerpolicy:[1],rel:[1],target:[1],linkid:[1]}]);function r(){"undefined"!=typeof customElements&&["pn-text-link","pn-icon"].forEach((n=>{switch(n){case"pn-text-link":customElements.get(t(t(n)))||customElements.define(t(t(n)),l);break;case"pn-icon":customElements.get(t(t(n)))||o()}}))}export{l as P,r as d}