@limetech/lime-elements/dist/lime-elements/p-b928421f.entry.js

Lime Elements

import{r as t,h as o,H as e,g as n}from"./p-288f0842.js";import{m as s,r as a}from"./p-e127eaaa.js";import{c as i}from"./p-ad52787a.js";import{g as r,b as l}from"./p-d251f404.js";const d='@charset "UTF-8";:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button{all:unset;display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:50%}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--icon-background-color, transparent)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button:not(:disabled):hover{box-shadow:var(--button-shadow-hovered)}button:not(:disabled):active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:disabled{cursor:not-allowed;color:var(--limel-theme-text-disabled-on-background-color)}:host([elevated]) button{box-shadow:var(--button-shadow-normal)}:host([elevated]) button:disabled{box-shadow:var(--button-shadow-normal)}limel-icon{padding:0.25rem;width:1.75rem}';const c=class{constructor(o){t(this,o);this.tooltipId=i();this.filterClickWhenDisabled=t=>{if(this.disabled){t.preventDefault()}};this.icon=undefined;this.elevated=false;this.label=undefined;this.disabled=false}connectedCallback(){this.initialize()}componentWillLoad(){s(this.host)}disconnectedCallback(){a(this.host)}componentDidLoad(){this.initialize()}initialize(){const t=this.host.shadowRoot.querySelector(".mdc-icon-button");if(!t){return}}render(){const t={};if(this.host.hasAttribute("tabindex")){t.tabindex=this.host.getAttribute("tabindex")}return o(e,{onClick:this.filterClickWhenDisabled},o("button",Object.assign({disabled:this.disabled,id:this.tooltipId},t),this.renderIcon(),this.renderTooltip(this.tooltipId)))}renderIcon(){var t,e;const n=r(this.icon);const s=l(this.icon);return o("limel-icon",{name:n,"aria-label":s,"aria-hidden":s?null:"true",style:{color:`${(t=this.icon)===null||t===void 0?void 0:t.color}`,"--icon-background-color":`${(e=this.icon)===null||e===void 0?void 0:e.backgroundColor}`}})}renderTooltip(t){if(this.label){return o("limel-tooltip",{elementId:t,label:this.label})}}static get delegatesFocus(){return true}get host(){return n(this)}};c.style=d;export{c as limel_icon_button};
//# sourceMappingURL=p-b928421f.entry.js.map