@huluvu424242/honey-papercss-style/dist/collection/components/honey-papercss-style/honey-papercss-style.js

styles to apply with honey webcomponents.

import { Component, getAssetPath, h } from '@stencil/core';
export class HoneyPapercssStyle {
  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 is() { return "honey-papercss-style"; }
  static get assetsDirs() { return ["assets"]; }
}