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 IconTowerCellComponent = class IconTowerCellComponent extends TiniElement {
    static { this.defaultTagName = 'icon-tower-cell'; }
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNNjIuNiAyLjNDNDYuMi00LjMgMjcuNiAzLjYgMjAuOSAyMCA3LjQgNTMuNCAwIDg5LjkgMCAxMjhzNy40IDc0LjYgMjAuOSAxMDhjNi42IDE2LjQgMjUuMyAyNC4zIDQxLjcgMTcuN3MyNC4zLTI1LjMgMTcuNy00MS43QzY5LjggMTg2LjEgNjQgMTU3LjggNjQgMTI4czUuOC01OC4xIDE2LjMtODRDODYuOSAyNy42IDc5IDkgNjIuNiAyLjN6bTQ1MC44IDBDNDk3IDkgNDg5LjEgMjcuNiA0OTUuNyA0NGMxMC41IDI1LjkgMTYuMyA1NC4yIDE2LjMgODRzLTUuOCA1OC4xLTE2LjMgODRjLTYuNiAxNi40IDEuMyAzNSAxNy43IDQxLjdzMzUtMS4zIDQxLjctMTcuN2MxMy41LTMzLjQgMjAuOS02OS45IDIwLjktMTA4cy03LjQtNzQuNi0yMC45LTEwOGMtNi43LTE2LjQtMjUuMy0yNC4zLTQxLjctMTcuN3pNMzQwLjEgMTY1LjJjNy41LTEwLjUgMTEuOS0yMy4zIDExLjktMzcuMiAwLTM1LjMtMjguNy02NC02NC02NHMtNjQgMjguNy02NCA2NGMwIDEzLjkgNC40IDI2LjcgMTEuOSAzNy4ybC0xMzcgMzAxLjZjLTcuMyAxNi4xLS4yIDM1LjEgMTUuOSA0Mi40czM1LjEuMiA0Mi40LTE1LjlsMjAuNS00NS4zaDIyMC42bDIwLjYgNDUuMmM3LjMgMTYuMSAyNi4zIDIzLjIgNDIuNCAxNS45czIzLjItMjYuMyAxNS45LTQyLjRMMzQwLjEgMTY1LjJ6TTM2OS4yIDM4NEgyMDYuOGwxNC41LTMyaDEzMy40bDE0LjUgMzJ6TTI4OCAyMDUuM2wzNy42IDgyLjdoLTc1LjJsMzcuNi04Mi43ek0xNjMuMyA3My42YzUuMy0xMi4xLS4yLTI2LjMtMTIuNC0zMS42cy0yNi4zLjItMzEuNiAxMi40QzEwOS41IDc3IDEwNCAxMDEuOSAxMDQgMTI4czUuNSA1MSAxNS4zIDczLjZjNS4zIDEyLjEgMTkuNSAxNy43IDMxLjYgMTIuNHMxNy43LTE5LjUgMTIuNC0zMS42Yy03LjMtMTYuNi0xMS4zLTM1LTExLjMtNTQuNHM0LTM3LjggMTEuMy01NC40em0yOTMuNC0xOS4yYy01LjMtMTIuMS0xOS41LTE3LjctMzEuNi0xMi40cy0xNy43IDE5LjUtMTIuNCAzMS42YzcuMyAxNi42IDExLjMgMzUgMTEuMyA1NC40cy00IDM3LjgtMTEuMyA1NC40Yy01LjMgMTIuMS4yIDI2LjMgMTIuNCAzMS42czI2LjMtLjIgMzEuNi0xMi40QzQ2Ni41IDE3OSA0NzIgMTU0LjEgNDcyIDEyOHMtNS41LTUxLTE1LjMtNzMuNnoiLz48L3N2Zz4=');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 })
], IconTowerCellComponent.prototype, "scale", void 0);
__decorate([
    property({ type: String, reflect: true })
], IconTowerCellComponent.prototype, "scheme", void 0);
IconTowerCellComponent = __decorate([
    customElement('icon-tower-cell')
], IconTowerCellComponent);
export { IconTowerCellComponent };
//# sourceMappingURL=tower-cell.include.js.map