genie-component-library/dist/genie/p-9497d799.entry.js

Genie Component Library

import{r as o,h as r,H as t}from"./p-9dcb0ba2.js";const n=/^[a-z][a-z0-9+\-.]*:/,e=async(o,r)=>{if(null!=o&&"#"!==o[0]&&!n.test(o)){const t=document.querySelector("ion-router");if(t)return null!=r&&r.preventDefault(),t.push(o,"forward")}return!1},i=class{constructor(r){o(this,r),this.noHover=!1,this.button=!1,this.type="button",this.disabled=!1}render(){let o;const{href:n,button:i,heading:a}=this,s=i?void 0===n?"button":"a":"div",l="button"===s?{type:this.type,onClick:o=>e(n,o)}:"a"===s?{download:this.download,href:this.href,rel:this.rel,target:this.target,onClick:o=>e(n,o)}:{};return n&&(o=r("a",Object.assign({onClick:o=>e(n,o)},{download:this.download,href:this.href,rel:this.rel,target:this.target},{"aria-label":a,part:"card-link",class:"card-link",href:this.href}),r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},r("title",null,"ionicons-v5-o"),r("path",{d:"M200.66,352H144a96,96,0,0,1,0-192h55.41",style:{fill:"none","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"48px"}}),r("path",{d:"M312.59,160H368a96,96,0,0,1,0,192H311.34",style:{fill:"none","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"48px"}}),r("line",{x1:"169.07",y1:"256",x2:"344.93",y2:"256",style:{fill:"none","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"48px"}})))),r(t,{part:"card",class:{"has-link":!!this.href,"card-is-link":!!this.button,"no-hover":this.noHover}},r(s,Object.assign({},l,{class:"card-native",disabled:this.disabled}),r("slot",{name:"start"}),r("h3",{part:"card-heading"},this.heading),r("slot",null),r("p",{part:"card-text"},this.text),r("slot",{name:"end"}),o))}};i.style=':host{font-size:100%;line-height:1.6;box-sizing:border-box;display:block;background:var(--color-background, #fff);padding:0;border-radius:var(--border-radius, 25px);box-shadow:0 7px 20px rgba(100, 28, 2, 0.135);transition:background-color 300ms ease, color 300ms ease;position:relative;z-index:1}:host h3{color:var(--heading-color-override, var(--color-primary, #503f9d));line-height:1.2;font-size:var(--heading-font-size, 30px)}:host a{text-decoration:none}:host .card-native{display:block;border:none;margin:0;padding:2em;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;text-align:inherit;outline:none;}:host .card-native::-moz-focus-inner{border:0;padding:0}:host a.card-link{content:"";display:block;position:absolute;bottom:0;right:0;width:50px;height:50px;border-radius:var(--a-border-radius, 0 25px);cursor:pointer;transition:inherit;background-color:var(--color-accent, #fb6f3c);text-align:center}:host a.card-link svg{stroke:var(--color-background, #fff);width:30px;height:30px;padding-top:10px}:host p{font-size:var(--text-font-size, 16px);color:var(--text-color-override, var(--color-primary, #503f9d));text-decoration:none}:host(.card-is-link){cursor:pointer}:host(:hover:not(.no-hover)){background-color:var(--color-accent, #fb6f3c)}:host(:hover:not(.no-hover)) h3{color:var(--heading-color-override-hover, var(--color-background, #fff))}:host(:hover:not(.no-hover)) p{color:var(--text-color-override-hover, var(--color-background, #fff))}:host(:hover:not(.no-hover)) a.card-link{background-color:var(--color-background, #fff)}:host(:hover:not(.no-hover)) a.card-link svg{stroke:var(--color-accent, #fb6f3c)}';export{i as genie_card}