
		import { Core as _autoloadCSSCore } from '../core/app.js';
		const fileNames = ['../assets/extra.css'].map(fileName => import.meta.resolve(fileName));
		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
	
import { defineComponent as i, ref as p, watch as u, onUnmounted as v, createElementBlock as d, openBlock as f } from "vue";
const m = /* @__PURE__ */ i({
  __name: "rive",
  props: {
    src: {},
    buffer: {},
    riveFile: {},
    artboard: {},
    animations: {},
    stateMachines: {},
    layout: {},
    autoplay: { type: Boolean, default: !0 },
    useOffscreenRenderer: { type: Boolean },
    enableRiveAssetCDN: { type: Boolean },
    shouldDisableRiveListeners: { type: Boolean },
    isTouchScrollEnabled: { type: Boolean },
    automaticallyHandleEvents: { type: Boolean },
    autoBind: { type: Boolean },
    onLoad: {},
    onLoadError: {},
    onPlay: {},
    onPause: {},
    onStop: {},
    onLoop: {},
    onStateChange: {},
    onAdvance: {},
    assetLoader: {},
    onload: {},
    onloaderror: {},
    onplay: {},
    onpause: {},
    onstop: {},
    onloop: {},
    onstatechange: {}
  },
  setup(s, { expose: l }) {
    let o;
    const n = s, a = p(), e = {
      riveInstance: void 0
    };
    return u([a, n], async () => {
      o || (o = await import("@rive-app/canvas-lite"));
      const t = a.value;
      if (!t) return;
      e.riveInstance?.cleanup();
      const r = {
        ...n,
        canvas: t,
        onLoad: (c) => {
          n.onLoad?.(c), e.riveInstance?.resizeDrawingSurfaceToCanvas();
        }
      };
      e.riveInstance = new o.Rive(r);
    }), v(() => {
      e.riveInstance?.cleanup();
    }), l(e), (t, r) => (f(), d("canvas", {
      ref_key: "el",
      ref: a,
      class: "top-rive"
    }, null, 512));
  }
});
export {
  m as TopRive
};
//# sourceMappingURL=extra.js.map
