'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const __chunk_1 = require('./chunk-78439bef.js');

class Icon {
    constructor(hostRef) {
        __chunk_1.registerInstance(this, hostRef);
    }
    setClass() {
        const classes = {
            'material-icons': true,
            'md-light': this.light,
            'md-dark': this.dark || this.disabled
        };
        return classes;
    }
    render() {
        return (__chunk_1.h("i", { style: { 'font-size': this.size + 'px', color: this.color }, class: this.setClass() }, this.name));
    }
    get iconEl() { return __chunk_1.getElement(this); }
    static get style() { return "\@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(MaterialIcons-Regular.woff2) format(\"woff2\"),url(MaterialIcons-Regular.woff) format(\"woff\"),url(MaterialIcons-Regular.ttf) format(\"truetype\")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:\"liga\";font-feature-settings:\"liga\";vertical-align:middle}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}"; }
}

exports.materials_icon = Icon;
