@limetech/lime-elements
Version:
1 lines • 4.17 kB
JavaScript
import{r as o,h as e,H as t,a as r}from"./p-DBTJNfo7.js";import{g as a}from"./p-5KsJICvh.js";import{g as s}from"./p-5eP2N9QI.js";const i=class{constructor(t){o(this,t),this.label=null,this.disabled=!1,this.renderLabel=()=>{if(this.label)return e("span",{"aria-hidden":"true"},this.label)},this.getAriaLabel=()=>{var o,e;return this.label&&(null===(o=this.link)||void 0===o?void 0:o.title)?this.label+". "+this.link.title:this.label?this.label:(null===(e=this.link)||void 0===e?void 0:e.title)?this.link.title:void 0},this.renderNotification=()=>{if(this.badge)return e("limel-badge",{label:this.badge})}}componentWillLoad(){const{handleMouseEnter:o,handleMouseLeave:e}=s(this.host);this.handleMouseEnter=o,this.handleMouseLeave=e}render(){var o,r,s,i,d;const l=a(null===(o=this.link)||void 0===o?void 0:o.target,null===(r=this.link)||void 0===r?void 0:r.rel);return e(t,{key:"68fa485e1c6552337de3e8304dcb14bd2056f3cc",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("a",{key:"e83e54fcd7776e92938795a2f623e23df14985b0","aria-disabled":this.disabled,href:null===(s=this.link)||void 0===s?void 0:s.href,target:null===(i=this.link)||void 0===i?void 0:i.target,rel:l,tabindex:"0","aria-label":this.getAriaLabel(),title:null===(d=this.link)||void 0===d?void 0:d.title},e("limel-icon",{key:"b1aa7fec058ef958c71b0a01fc3c1340e66a0422",name:this.icon}),e("limel-3d-hover-effect-glow",{key:"59132d5f6b5d99f38bba8143a2ff39166dce8648"})),this.renderLabel(),this.renderNotification())}get host(){return r(this)}};i.style='@charset "UTF-8";:host(limel-shortcut){--badge-text-color:var( --shortcut-badge-text-color, rgb(var(--color-white)) );--badge-background-color:var( --shortcut-badge-background-color, rgb(var(--color-red-default)) );position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:0.0625rem}:host(limel-shortcut) *{box-sizing:border-box}:host(limel-shortcut[disabled]) a{opacity:0.5;box-shadow:unset;cursor:not-allowed}a{all:unset;text-align:center;height:calc(100% - 1rem);width:calc(100% - 1rem);padding:0.5rem;border-radius:var(--shortcut-border-radius, 1rem);background-color:var(--shortcut-background-color, var(--lime-elevated-surface-background-color))}limel-icon{display:flex;height:100%;width:100%;justify-content:center;color:var(--shortcut-icon-color, rgb(var(--contrast-1000)));border-radius:var(--shortcut-border-radius, 1rem)}span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--shortcut-label-color, rgb(var(--contrast-1100)));font-size:0.75rem;text-align:center}limel-badge{position:absolute;top:-0.25rem;right:0.125rem}limel-3d-hover-effect-glow{border-radius:var(--shortcut-border-radius, 1rem)}:host(limel-shortcut){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-shortcut){perspective:2000px}}a{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}a:focus{outline:none}a:hover,a:focus,a:focus-visible,a:focus-within{will-change:background-color, box-shadow, transform}a:hover,a:focus,a:focus-visible,a:active{transition-duration:0.2s}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}a:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}a{cursor:pointer;box-shadow:var(--button-shadow-normal)}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}a:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}a:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}';export{i as limel_shortcut}