UNPKG

@alegendstale/holly-components

Version:

Reusable UI components created using lit

36 lines (35 loc) 868 B
import { LitElement as c, html as f } from "lit"; import { property as l, customElement as h } from "lit/decorators.js"; import v from "./setting-item.styles.js"; var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (m, r, p, s) => { for (var t = s > 1 ? void 0 : s ? y(r, p) : r, o = m.length - 1, i; o >= 0; o--) (i = m[o]) && (t = (s ? i(r, p, t) : i(t)) || t); return s && t && u(r, p, t), t; }; let e = class extends c { constructor() { super(...arguments), this.name = "", this.description = ""; } render() { return f` <div> <h3>${this.name}</h3> <p>${this.description}</p> </div> <slot></slot> `; } }; e.styles = [v]; n([ l({ type: String }) ], e.prototype, "name", 2); n([ l({ type: String }) ], e.prototype, "description", 2); e = n([ h("setting-item") ], e); export { e as SettingItem };