@devm7mdali/my-collapse/dist/react.js

Lit web component <pdf-input-maker> with optional React wrapper.

import * as React from 'react';
import { createComponent } from '@lit/react';
import { css, LitElement, html } from 'lit';
import { property, customElement } from 'lit/decorators.js';

/* my-collapse v0.0.4 */
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;
};
var PDFinputMaker = class extends LitElement {
  constructor() {
    super(...arguments);
    this.placeHolder = "placeholder";
    this.buttonText = "Press me";
  }
  handleClick() {
    this.dispatchEvent(new CustomEvent("onClickButton", {
      detail: { ok: true },
      bubbles: true,
      composed: true
    }));
  }
  render() {
    return html`
      <div>
        <input placeholder=${this.placeHolder} />
        <br />
        <button @click=${this.handleClick}>${this.buttonText}</button>
      </div>
    `;
  }
};
PDFinputMaker.styles = css`
    button {
      padding: 8px 14px;
      border: none;
      border-radius: 8px;
      cursor: pointer;
    }
  `;
__decorateClass([
  property({ type: String })
], PDFinputMaker.prototype, "placeHolder", 2);
__decorateClass([
  property({ type: String })
], PDFinputMaker.prototype, "buttonText", 2);
PDFinputMaker = __decorateClass([
  customElement("pdf-input-maker")
], PDFinputMaker);

// src/react.tsx
var PDFButton = createComponent({
  react: React,
  tagName: "pdf-input-maker",
  elementClass: PDFinputMaker,
  events: {
    onClickButton: "onClickButton"
  }
});

export { PDFButton };
//# sourceMappingURL=react.js.map
//# sourceMappingURL=react.js.map