@huluvu424242/honey-papercss-style/dist/custom-elements/index.js

styles to apply with honey webcomponents.

import { getAssetPath, h, proxyCustomElement } from '@stencil/core/internal/client';
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

const HoneyPapercssStyle$1 = class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
  }
  connectedCallback() {
    // add class paper to body
    let classes = document.body.getAttribute("class");
    if (classes === null)
      classes = "paper";
    if (classes.search("paper") < 0) {
      classes += " paper";
    }
    document.body.setAttribute("class", classes);
  }
  disconnectedCallback() {
    // remove class paper from body
    let classes = document.body.getAttribute("class");
    classes = classes.replace("paper", "");
    document.body.setAttribute("class", classes);
  }
  render() {
    const stylePath = getAssetPath('./assets/paper.min.css');
    return h("link", { rel: "stylesheet", href: stylePath });
  }
  static get assetsDirs() { return ["assets"]; }
};

const HoneyPapercssStyle = /*@__PURE__*/proxyCustomElement(HoneyPapercssStyle$1, [0,"honey-papercss-style"]);
const defineCustomElements = (opts) => {
  if (typeof customElements !== 'undefined') {
    [
      HoneyPapercssStyle
    ].forEach(cmp => {
      if (!customElements.get(cmp.is)) {
        customElements.define(cmp.is, cmp, opts);
      }
    });
  }
};

export { HoneyPapercssStyle, defineCustomElements };