pyro/dist/scrollbox.js

Pyro custom elements

import { i as b, r as n, x as v, t as i } from "./custom-element-CWJsDAat.js";
import { n as f } from "./property-Bf-I6Ep_.js";
var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (p, r, e, l) => {
  for (var o = l > 1 ? void 0 : l ? u(r, e) : r, t = p.length - 1, a; t >= 0; t--)
    (a = p[t]) && (o = (l ? a(r, e, o) : a(o)) || o);
  return l && o && y(r, e, o), o;
};
let s = class extends n {
  render() {
    return v`<slot></slot>`;
  }
};
s.styles = b`
    :host {
      --bg: blue;
      display: block;
      width: 100%;
      overflow: auto;
      scrollbar-gutter: stable;
      scroll-behavior: smooth;
      scroll-snap-align: start;
      scroll-snap-stop: always;
      padding: var(--pyro-scrollbox-padding, 0);
      scrollbar-color: var(--pyro-scrollbox-bar-color) var(--pyro-scrollbox-background);
    }
    :host():not([visible]) {
      overflow: scroll;
    }
  `;
c([
  f({ type: Boolean, reflect: !0 })
], s.prototype, "visible", 2);
s = c([
  i("pyro-scrollbox")
], s);
export {
  s as PyroScrollbox
};