egroupware/api/js/etemplate/Et2Button/Et2ButtonImage.ts
2022-04-07 16:24:45 -06:00

49 lines
1.0 KiB
TypeScript

/**
* EGroupware eTemplate2 - Image only button widget
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link https://www.egroupware.org
* @author Nathan Gray
*/
import {Et2Button} from "./Et2Button";
import {css} from "@lion/core";
export class Et2ButtonImage extends Et2Button
{
public static styles = [
...Et2Button.styles,
css`
:host {
/* Important needed to override boxes trying to stretch children */
flex: 0 0 !important;
}
`
];
/**
* Handle changes that have to happen based on changes to properties
*
*/
requestUpdate(name : PropertyKey, oldValue)
{
super.requestUpdate(name, oldValue);
// image only don't have labels, but we'll set hover instead
if(name == 'label')
{
if(!this.statustext)
{
this.statustext = this.label;
}
this.__label = "";
}
}
}
// @ts-ignore TypeScript is not recognizing that Et2Button is a LitElement
customElements.define("et2-button-image", Et2ButtonImage);