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 React from 'react';
import { createComponent } from '@lit-labs/react';
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';
export class IconSoundcloudComponent extends TiniElement {
    static { this.defaultTagName = 'icon-soundcloud'; }
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJtMTExLjQgMjU2LjMgNS44IDY1LTUuOCA2OC4zYy0uMyAyLjUtMi4yIDQuNC00LjQgNC40cy00LjItMS45LTQuMi00LjRsLTUuNi02OC4zIDUuNi02NWMwLTIuMiAxLjktNC4yIDQuMi00LjIgMi4yIDAgNC4xIDIgNC40IDQuMnptMjEuNC00NS42Yy0yLjggMC00LjcgMi4yLTUgNWwtNSAxMDUuNiA1IDY4LjNjLjMgMi44IDIuMiA1IDUgNSAyLjUgMCA0LjctMi4yIDQuNy01bDUuOC02OC4zLTUuOC0xMDUuNmMwLTIuOC0yLjItNS00LjctNXptMjUuNS0yNC4xYy0zLjEgMC01LjMgMi4yLTUuNiA1LjNsLTQuNCAxMzAgNC40IDY3LjhjLjMgMy4xIDIuNSA1LjMgNS42IDUuMyAyLjggMCA1LjMtMi4yIDUuMy01LjNsNS4zLTY3LjgtNS4zLTEzMGMwLTMuMS0yLjUtNS4zLTUuMy01LjN6TTcuMiAyODMuMmMtMS40IDAtMi4yIDEuMS0yLjUgMi41TDAgMzIxLjNsNC43IDM1Yy4zIDEuNCAxLjEgMi41IDIuNSAyLjVzMi4yLTEuMSAyLjUtMi41bDUuNi0zNS01LjYtMzUuNmMtLjMtMS40LTEuMS0yLjUtMi41LTIuNXptMjMuNi0yMS45Yy0xLjQgMC0yLjUgMS4xLTIuNSAyLjVsLTYuNCA1Ny41IDYuNCA1Ni4xYzAgMS43IDEuMSAyLjggMi41IDIuOHMyLjUtMS4xIDIuOC0yLjVsNy4yLTU2LjQtNy4yLTU3LjVjLS4zLTEuNC0xLjQtMi41LTIuOC0yLjV6bTI1LjMtMTEuNGMtMS43IDAtMy4xIDEuNC0zLjMgMy4zTDQ3IDMyMS4zbDUuOCA2NS44Yy4zIDEuNyAxLjcgMy4xIDMuMyAzLjEgMS43IDAgMy4xLTEuNCAzLjEtMy4xbDYuOS02NS44LTYuOS02OC4xYzAtMS45LTEuNC0zLjMtMy4xLTMuM3ptMjUuMy0yLjJjLTEuOSAwLTMuNiAxLjQtMy42IDMuNmwtNS44IDcwIDUuOCA2Ny44YzAgMi4yIDEuNyAzLjYgMy42IDMuNnMzLjYtMS40IDMuOS0zLjZsNi40LTY3LjgtNi40LTcwYy0uMy0yLjItMi0zLjYtMy45LTMuNnptMjQxLjQtMTEwLjljLTEuMS0uOC0yLjgtMS40LTQuMi0xLjQtMi4yIDAtNC4yLjgtNS42IDEuOS0xLjkgMS43LTMuMSA0LjItMy4zIDYuN3YuOGwtMy4zIDE3Ni43IDEuNyAzMi41IDEuNyAzMS43Yy4zIDQuNyA0LjIgOC42IDguOSA4LjZzOC42LTMuOSA4LjYtOC42bDMuOS02NC4yLTMuOS0xNzcuNWMtLjQtMy0yLTUuOC00LjUtNy4yem0tMjYuNyAxNS4zYy0xLjQtLjgtMi44LTEuNC00LjQtMS40cy0zLjEuNi00LjQgMS40Yy0yLjIgMS40LTMuNiAzLjktMy42IDYuN2wtLjMgMS43LTIuOCAxNjAuOHMwIC4zIDMuMSA2NS42di4zYzAgMS43LjYgMy4zIDEuNyA0LjcgMS43IDEuOSAzLjkgMy4xIDYuNCAzLjEgMi4yIDAgNC4yLTEuMSA1LjYtMi41IDEuNy0xLjQgMi41LTMuMyAyLjUtNS42bC4zLTYuNyAzLjEtNTguNi0zLjMtMTYyLjhjLS4zLTIuOC0xLjctNS4zLTMuOS02Ljd6bS0xMTEuNCAyMi41Yy0zLjEgMC01LjggMi44LTUuOCA2LjFsLTQuNCAxNDAuNiA0LjQgNjcuMmMuMyAzLjMgMi44IDUuOCA1LjggNS44IDMuMyAwIDUuOC0yLjUgNi4xLTUuOGw1LTY3LjItNS0xNDAuNmMtLjItMy4zLTIuNy02LjEtNi4xLTYuMXptMzc2LjcgNjIuOGMtMTAuOCAwLTIxLjEgMi4yLTMwLjYgNi4xLTYuNC03MC44LTY1LjgtMTI2LjQtMTM4LjMtMTI2LjQtMTcuOCAwLTM1IDMuMy01MC4zIDkuNC02LjEgMi4yLTcuOCA0LjQtNy44IDkuMnYyNDkuN2MwIDUgMy45IDguNiA4LjYgOS4yaDIxOC4zYzQzLjMgMCA3OC42LTM1IDc4LjYtNzguMy4xLTQzLjYtMzUuMi03OC45LTc4LjUtNzguOXptLTI5Ni43LTYwLjNjLTQuMiAwLTcuNSAzLjMtNy44IDcuOGwtMy4zIDEzNi43IDMuMyA2NS42Yy4zIDQuMiAzLjYgNy41IDcuOCA3LjUgNC4yIDAgNy41LTMuMyA3LjUtNy41bDMuOS02NS42LTMuOS0xMzYuN2MtLjMtNC41LTMuMy03LjgtNy41LTcuOHptLTUzLjYtNy44Yy0zLjMgMC02LjQgMy4xLTYuNCA2LjdsLTMuOSAxNDUuMyAzLjkgNjYuOWMuMyAzLjYgMy4xIDYuNCA2LjQgNi40IDMuNiAwIDYuNC0yLjggNi43LTYuNGw0LjQtNjYuOS00LjQtMTQ1LjNjLS4zLTMuNi0zLjEtNi43LTYuNy02Ljd6bTI2LjcgMy40Yy0zLjkgMC02LjkgMy4xLTYuOSA2LjlMMjI3IDMyMS4zbDMuOSA2Ni40Yy4zIDMuOSAzLjEgNi45IDYuOSA2LjlzNi45LTMuMSA2LjktNi45bDQuMi02Ni40LTQuMi0xNDEuN2MwLTMuOS0zLTYuOS02LjktNi45eiIvPjwvc3ZnPg==');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 })
], IconSoundcloudComponent.prototype, "scale", void 0);
__decorate([
    property({ type: String, reflect: true })
], IconSoundcloudComponent.prototype, "scheme", void 0);
export const IconSoundcloud = createComponent({
    tagName: IconSoundcloudComponent.defaultTagName,
    elementClass: IconSoundcloudComponent,
    react: React,
});
//# sourceMappingURL=soundcloud.js.map