import { defineComponent as l, ref as t, onMounted as r, onBeforeUnmount as u, openBlock as c, createElementBlock as i } from "vue";
import { Fullscreen as e, Button as s } from "@bryntum/taskboard";
const _ = /* @__PURE__ */ l({
  __name: "BryntumFullscreenButton",
  setup(f) {
    const n = t(null), o = t(null);
    return r(() => {
      e.enabled && (n.value = new s({
        appendTo: o.value,
        icon: "b-icon b-icon-fullscreen",
        tooltip: "Fullscreen",
        rendition: "text",
        onClick() {
          e.enabled && (e.isFullscreen ? e.exit() : e.request(document.body));
        }
      }));
    }), u(() => {
      n.value && n.value.destroy();
    }), (a, m) => (c(), i("div", {
      ref_key: "refElement",
      ref: o
    }, null, 512));
  }
});
export {
  _
};
//# sourceMappingURL=D1tIOvOH.js.map
