pyro/dist/style-map-Bdp7bDSk.js

Pyro custom elements

import { T as l } from "./custom-element-CWJsDAat.js";
import { e as u, i as c, t as d } from "./directive-kLG6oqUu.js";
/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const o = "important", f = " !" + o, p = u(class extends c {
  constructor(n) {
    var e;
    if (super(n), n.type !== d.ATTRIBUTE || n.name !== "style" || ((e = n.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
  }
  render(n) {
    return Object.keys(n).reduce((e, s) => {
      const t = n[s];
      return t == null ? e : e + `${s = s.includes("-") ? s : s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${t};`;
    }, "");
  }
  update(n, [e]) {
    const { style: s } = n.element;
    if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
    for (const t of this.ft) e[t] == null && (this.ft.delete(t), t.includes("-") ? s.removeProperty(t) : s[t] = null);
    for (const t in e) {
      const r = e[t];
      if (r != null) {
        this.ft.add(t);
        const i = typeof r == "string" && r.endsWith(f);
        t.includes("-") || i ? s.setProperty(t, i ? r.slice(0, -11) : r, i ? o : "") : s[t] = r;
      }
    }
    return l;
  }
});
export {
  p as o
};