import { css, LitElement, svg, html } from "lit";
import { property } from "lit/decorators.js";
import { customElement } from "../decorator.js";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
let ObiCursorPlaceholder = class extends LitElement {
  constructor() {
    super(...arguments);
    this.useCssColor = false;
    this.icon = svg`<svg width="33" height="32" viewBox="0 0 33 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2309_48)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.58114 17.1622L1 0.418823L17.7434 5.99996L9.37171 8.79053L6.58114 17.1622Z" fill="currentColor"/>
</g>
<path d="M6.58112 14L2.58112 2L14.5811 6L8.58112 8L6.58112 14Z" fill="currentColor"/>
<path d="M18.5811 14H20.5811V18H24.5811V20H20.5811V24H18.5811V20H14.5811V18H18.5811V14Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.19326 17.516L18.0971 8.61214C18.9133 7.79595 20.2489 7.79595 21.0651 8.61214L29.969 17.516C30.7852 18.3322 30.7852 19.6678 29.969 20.484L21.0651 29.3879C20.2489 30.204 18.9133 30.204 18.0971 29.3879L9.19326 20.484C8.37707 19.6678 8.37707 18.3322 9.19326 17.516ZM19.5811 10L10.5811 19L19.5811 28L28.5811 19L19.5811 10Z" fill="currentColor"/>
<defs>
<filter id="filter0_d_2309_48" x="0" y="0.418823" width="18.7434" height="18.7434" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2309_48"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2309_48" result="shape"/>
</filter>
</defs>
</svg>
`;
    this.iconCss = svg`<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2309_48)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.58114 17.1622L1 0.418823L17.7434 5.99996L9.37171 8.79053L6.58114 17.1622Z" style="fill: var(--element-active-inverted-color)"/>
</g>
<path d="M6.58112 14L2.58112 2L14.5811 6L8.58112 8L6.58112 14Z" style="fill: var(--element-active-color)"/>
<path d="M18.5811 14H20.5811V18H24.5811V20H20.5811V24H18.5811V20H14.5811V18H18.5811V14Z" style="fill: var(--element-active-color)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.19326 17.516L18.0971 8.61214C18.9133 7.79595 20.2489 7.79595 21.0651 8.61214L29.969 17.516C30.7852 18.3322 30.7852 19.6678 29.969 20.484L21.0651 29.3879C20.2489 30.204 18.9133 30.204 18.0971 29.3879L9.19326 20.484C8.37707 19.6678 8.37707 18.3322 9.19326 17.516ZM19.5811 10L10.5811 19L19.5811 28L28.5811 19L19.5811 10Z" style="fill: var(--element-active-color)"/>
<defs>
<filter id="filter0_d_2309_48" x="0" y="0.418823" width="18.7434" height="18.7434" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2309_48"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2309_48" result="shape"/>
</filter>
</defs>
</svg>
`;
  }
  render() {
    return html`
      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
    `;
  }
};
ObiCursorPlaceholder.styles = css`
    .wrapper {
      height: 100%;
      width: 100%;
      line-height: 0;
    }
    .wrapper > * {
      height: 100%;
      width: 100%;
    }
  `;
__decorateClass([
  property({ type: Boolean })
], ObiCursorPlaceholder.prototype, "useCssColor", 2);
ObiCursorPlaceholder = __decorateClass([
  customElement("obi-cursor-placeholder")
], ObiCursorPlaceholder);
export {
  ObiCursorPlaceholder
};
//# sourceMappingURL=icon-cursor-placeholder.js.map
