var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { customElement } from 'lit/decorators.js';
import { html, css } from 'lit';
import { property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { styleMap } from 'lit/directives/style-map.js';
import { TiniElement, partMap, VaryGroups, generateColorVaries, generateGradientVaries, generateScaleVaries } from 'tinijs';
let IconFaceGrinTearsComponent = class IconFaceGrinTearsComponent extends TiniElement {
    static { this.defaultTagName = 'icon-face-grin-tears'; }
    static { this.styles = css `:host{--icon-width:var(--scale-md-2x);--icon-height:var(--scale-md-2x);--icon-scheme:none;--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNNTQ4LjYgMzcxLjRDNTA2LjQgNDU0LjggNDE5LjkgNTEyIDMyMCA1MTJTMTMzLjYgNDU0LjggOTEuNCAzNzEuNGM0LjUtMi45IDguNy02LjMgMTIuNy0xMC4zIDguMS04LjEgMTMuMi0xOC42IDE2LjUtMjYuNiAzLjYtOC44IDYuNS0xOC40IDguOC0yNy41IDQuNi0xOC4yIDcuNy0zNyA5LjMtNDguMiAzLjktMjYuNS0xOC44LTQ5LjItNDUuMi00NS40LTYuOC45LTE2LjIgMi40LTI2LjYgNC40Qzg1LjMgOTQuNSAxOTEuNiAwIDMyMCAwczIzNC43IDk0LjUgMjUzLjIgMjE3LjdjLTEwLjMtMi0xOS44LTMuNS0yNi42LTQuNC0yNi41LTMuOS00OS4yIDE4LjgtNDUuMiA0NS40IDEuNiAxMS4zIDQuNiAzMCA5LjMgNDguMiAyLjMgOS4xIDUuMiAxOC44IDguOCAyNy41IDMuMyA4LjEgOC40IDE4LjUgMTYuNSAyNi42IDMuOSAzLjkgOC4yIDcuNCAxMi43IDEwLjN6TTEwNyAyNTQuMWMtMy4xIDIxLjUtMTEuNCA3MC4yLTI1LjUgODQuNC0uOSAxLTEuOSAxLjgtMi45IDIuNy0xOC42IDE1LjUtNDYuNiAxNC4zLTY0LjMtMy41LTE4LjctMTguNy0xOS4xLTQ4LjgtLjctNjcuMiA4LjYtOC42IDMwLjEtMTUuMSA1MC41LTE5LjYgMTMtMi44IDI1LjUtNC44IDMzLjktNiA1LjQtLjggOS45IDMuNyA5IDl6bTQ1NC41IDg3LjFjLS44LS42LTEuNS0xLjMtMi4zLTItLjItLjItLjUtLjQtLjctLjctMTQuMS0xNC4xLTIyLjUtNjIuOS0yNS41LTg0LjQtLjgtNS40IDMuNy05LjkgOS05IDEgLjEgMi4yLjMgMy4zLjUgOC4yIDEuMiAxOS4yIDMgMzAuNiA1LjUgMjAuNCA0LjQgNDEuOSAxMC45IDUwLjUgMTkuNiAxOC40IDE4LjQgMTggNDguNS0uNyA2Ny4yLTE3LjcgMTcuNy00NS43IDE5LTY0LjIgMy40em0tOTAuMS05LjdjNS0xMS44LTctMjIuNS0xOS4zLTE4LjctMzkuNyAxMi4yLTg0LjQgMTktMTMxLjggMTlzLTkyLjEtNi44LTEzMS44LTE5Yy0xMi4zLTMuOC0yNC4zIDYuOS0xOS4zIDE4LjcgMjUgNTkuMSA4My4yIDEwMC41IDE1MS4xIDEwMC41czEyNi4yLTQxLjQgMTUxLjEtMTAwLjV6TTI4MS42IDIyOC44YzIuMSAyLjggNS43IDMuOSA4LjkgMi44czUuNS00LjEgNS41LTcuNmMwLTE3LjktNi43LTM1LjYtMTYuNi00OC44LTkuOC0xMy0yMy45LTIzLjItMzkuNC0yMy4ycy0yOS42IDEwLjItMzkuNCAyMy4yYy05LjkgMTMuMi0xNi42IDMwLjktMTYuNiA0OC44IDAgMy40IDIuMiA2LjUgNS41IDcuNnM2LjkgMCA4LjktMi44bC4yLS4yYy4yLS4yLjQtLjUuNy0uOS42LS44IDEuNi0yIDIuOC0zLjQgMi41LTIuOCA2LTYuNiAxMC4yLTEwLjMgOC44LTcuOCAxOC44LTE0IDI3LjctMTRzMTguOSA2LjIgMjcuNyAxNGM0LjIgMy43IDcuNyA3LjUgMTAuMiAxMC4zIDEuMiAxLjQgMi4yIDIuNiAyLjggMy40LjMuNC42LjcuNy45bC4yLjJ6bTE2MCAwYzIuMSAyLjggNS43IDMuOSA4LjkgMi44czUuNS00LjEgNS41LTcuNmMwLTE3LjktNi43LTM1LjYtMTYuNi00OC44LTkuOC0xMy0yMy45LTIzLjItMzkuNC0yMy4ycy0yOS42IDEwLjItMzkuNCAyMy4yYy05LjkgMTMuMi0xNi42IDMwLjktMTYuNiA0OC44IDAgMy40IDIuMiA2LjUgNS41IDcuNnM2LjkgMCA4LjktMi44bC4yLS4yYy4yLS4yLjQtLjUuNy0uOS42LS44IDEuNi0yIDIuOC0zLjQgMi41LTIuOCA2LTYuNiAxMC4yLTEwLjMgOC44LTcuOCAxOC44LTE0IDI3LjctMTRzMTguOSA2LjIgMjcuNyAxNGM0LjIgMy43IDcuNyA3LjUgMTAuMiAxMC4zIDEuMiAxLjQgMi4yIDIuNiAyLjggMy40LjMuNC42LjcuNy45bC4yLjJ6Ii8+PC9zdmc+');display:inline-block}i{display:flex;align-items:center;justify-content:center;background-image:var(--icon-image);background-repeat:no-repeat;background-size:contain;background-position:center;width:var(--icon-width);height:var(--icon-height)}.scheme{background:var(--icon-scheme);-webkit-mask-image:var(--icon-image);-webkit-mask-size:var(--icon-width) var(--icon-height);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:var(--icon-image);mask-size:var(--icon-width) var(--icon-height);mask-repeat:no-repeat;mask-position:center}${generateColorVaries(({ fullName, color }) => `.${fullName} {--icon-scheme: ${color};}`)}${generateGradientVaries(({ fullName, gradient }) => `.${fullName} {--icon-scheme: ${gradient};}`)}${generateScaleVaries(({ name, fullName }) => `.${fullName} {--icon-width: var(--scale-${name}-2x);--icon-height: var(--scale-${name}-2x);}`)}`; }
    willUpdate(changedValues) { super.willUpdate(changedValues); this.extendRootClassesParts({ scheme: !!this.scheme, [`${VaryGroups.Scale}-${this.scale}`]: !!this.scale, [`${VaryGroups.Scheme}-${this.scheme}`]: !!this.scheme }); }
    render() { return html `<i part=${partMap(this.rootClassesParts)} class=${classMap(this.rootClassesParts)} style=${styleMap(this.rootStyles)}></i>`; }
};
__decorate([
    property({ type: String, reflect: true })
], IconFaceGrinTearsComponent.prototype, "scale", void 0);
__decorate([
    property({ type: String, reflect: true })
], IconFaceGrinTearsComponent.prototype, "scheme", void 0);
IconFaceGrinTearsComponent = __decorate([
    customElement('icon-face-grin-tears')
], IconFaceGrinTearsComponent);
export { IconFaceGrinTearsComponent };
//# sourceMappingURL=face-grin-tears.include.js.map