artistic-elements/dist/chunks/chunk.UAWXBPMU.js

artistic web components

import {
  __decorateClass,
  e,
  e2,
  i,
  s,
  y
} from "./chunk.FMUK5F65.js";

// src/artistic/triangle-down.ts
var ArtisticTriangleDown = class extends s {
  constructor() {
    super(...arguments);
    this.widthLeft = "5rem";
    this.widthRight = "5rem";
    this.height = "10rem";
    this.color = "#f0f";
  }
  render() {
    const style = `
      border-left: ${this.widthLeft} solid transparent;
      border-right: ${this.widthRight} solid transparent;
      border-top: ${this.height} solid ${this.color};
    `;
    return y`<div style="${style}">
      <slot></slot>
    </div>`;
  }
};
ArtisticTriangleDown.styles = i`
    div {
      width: 0;
      height: 0;
    }
  `;
__decorateClass([
  e2()
], ArtisticTriangleDown.prototype, "widthLeft", 2);
__decorateClass([
  e2()
], ArtisticTriangleDown.prototype, "widthRight", 2);
__decorateClass([
  e2()
], ArtisticTriangleDown.prototype, "height", 2);
__decorateClass([
  e2()
], ArtisticTriangleDown.prototype, "color", 2);
ArtisticTriangleDown = __decorateClass([
  e("artistic-triangle-down")
], ArtisticTriangleDown);

export {
  ArtisticTriangleDown
};