import { defineComponent as b, ref as i, provide as h, onMounted as u, getCurrentInstance as f, toRaw as y, onBeforeUnmount as g, openBlock as S, createElementBlock as C, watch as x } from "vue";
import { FieldSet as v } from "@bryntum/taskboard";
import { WrapperHelper as r } from "../helper/WrapperHelper.js";
const B = /* @__PURE__ */ b({
  __name: "BryntumFieldSet",
  props: {
    adopt: {},
    align: {},
    alignSelf: {},
    anchor: {},
    appendTo: {},
    ariaDescription: {},
    ariaLabel: {},
    autoUpdateRecord: {},
    bbar: {},
    bodyCls: {},
    border: {},
    bubbleEvents: {},
    callOnFunctions: {},
    catchEventHandlerExceptions: {},
    centered: {},
    cls: {},
    collapsed: {},
    collapsible: {},
    color: {},
    column: {},
    config: {},
    constrainTo: {},
    content: {},
    contentElementCls: {},
    dataField: {},
    dataset: {},
    defaultBindProperty: {},
    defaultFocus: { type: [Function, String] },
    defaults: {},
    detectCSSCompatibilityIssues: {},
    disabled: {},
    dock: {},
    draggable: {},
    drawer: {},
    elementAttributes: {},
    extraData: {},
    flex: {},
    floating: {},
    footer: {},
    header: {},
    height: {},
    hidden: {},
    hideAnimation: {},
    hideWhenEmpty: {},
    html: { type: [String, Function, Array] },
    htmlCls: {},
    icon: {},
    id: {},
    ignoreParentReadOnly: {},
    inline: {},
    inputFieldAlign: {},
    insertBefore: {},
    insertFirst: {},
    itemCls: {},
    items: {},
    keyMap: {},
    label: {},
    labelCls: {},
    labelPosition: {},
    labelWidth: {},
    layout: {},
    layoutStyle: {},
    lazyItems: {},
    listeners: {},
    localeClass: {},
    localizable: {},
    localizableProperties: {},
    margin: {},
    maskDefaults: {},
    masked: {},
    maxHeight: {},
    maximizeOnMobile: {},
    maxWidth: {},
    minHeight: {},
    minWidth: {},
    monitorResize: {},
    namedItems: {},
    positioned: {},
    preventTooltipOnTouch: {},
    readOnly: {},
    record: {},
    relayStoreEvents: {},
    rendition: {},
    ripple: {},
    role: {},
    rootElement: {},
    rtl: {},
    scrollable: {},
    scrollAction: {},
    showAnimation: {},
    showTooltipWhenDisabled: {},
    span: {},
    stateful: {},
    statefulEvents: {},
    stateId: {},
    stateProvider: {},
    strictRecordMapping: {},
    strips: {},
    tab: {},
    tabBarItems: {},
    tag: {},
    tbar: {},
    textAlign: {},
    textContent: {},
    title: {},
    tools: {},
    tooltip: {},
    trapFocus: {},
    type: {},
    ui: {},
    weight: {},
    width: {},
    x: {},
    y: {}
  },
  emits: ["beforeDestroy", "beforeHide", "beforeSetRecord", "beforeShow", "beforeStateApply", "beforeStateSave", "catchAll", "collapse", "destroy", "dirtyStateChange", "elementCreated", "expand", "focusIn", "focusOut", "hide", "paint", "readOnly", "recompose", "resize", "show", "toolClick"],
  setup(w, { expose: s, emit: d }) {
    const c = d, a = {
      instanceClass: v,
      instanceName: "FieldSet",
      configNames: [
        "adopt",
        "align",
        "anchor",
        "ariaDescription",
        "ariaLabel",
        "autoUpdateRecord",
        "bbar",
        "bodyCls",
        "border",
        "bubbleEvents",
        "centered",
        "collapsible",
        "color",
        "config",
        "constrainTo",
        "contentElementCls",
        "dataField",
        "defaultBindProperty",
        "defaultFocus",
        "defaults",
        "detectCSSCompatibilityIssues",
        "dock",
        "draggable",
        "drawer",
        "elementAttributes",
        "floating",
        "footer",
        "header",
        "hideAnimation",
        "hideWhenEmpty",
        "htmlCls",
        "icon",
        "ignoreParentReadOnly",
        "itemCls",
        "labelCls",
        "lazyItems",
        "listeners",
        "localeClass",
        "localizable",
        "localizableProperties",
        "maskDefaults",
        "masked",
        "monitorResize",
        "namedItems",
        "positioned",
        "preventTooltipOnTouch",
        "relayStoreEvents",
        "ripple",
        "role",
        "rootElement",
        "scrollAction",
        "showAnimation",
        "showTooltipWhenDisabled",
        "stateful",
        "statefulEvents",
        "stateId",
        "stateProvider",
        "strips",
        "tab",
        "tabBarItems",
        "tag",
        "tbar",
        "textAlign",
        "textContent",
        "trapFocus",
        "type",
        "ui",
        "weight"
      ],
      propertyConfigNames: [
        "alignSelf",
        "appendTo",
        "callOnFunctions",
        "catchEventHandlerExceptions",
        "cls",
        "collapsed",
        "column",
        "content",
        "dataset",
        "disabled",
        "extraData",
        "flex",
        "height",
        "hidden",
        "html",
        "id",
        "inline",
        "inputFieldAlign",
        "insertBefore",
        "insertFirst",
        "items",
        "keyMap",
        "label",
        "labelPosition",
        "labelWidth",
        "layout",
        "layoutStyle",
        "margin",
        "maxHeight",
        "maximizeOnMobile",
        "maxWidth",
        "minHeight",
        "minWidth",
        "onBeforeDestroy",
        "onBeforeHide",
        "onBeforeSetRecord",
        "onBeforeShow",
        "onBeforeStateApply",
        "onBeforeStateSave",
        "onCatchAll",
        "onCollapse",
        "onDestroy",
        "onDirtyStateChange",
        "onElementCreated",
        "onExpand",
        "onFocusIn",
        "onFocusOut",
        "onHide",
        "onPaint",
        "onReadOnly",
        "onRecompose",
        "onResize",
        "onShow",
        "onToolClick",
        "readOnly",
        "record",
        "rendition",
        "rtl",
        "scrollable",
        "span",
        "strictRecordMapping",
        "title",
        "tools",
        "tooltip",
        "width",
        "x",
        "y"
      ],
      propertyNames: [
        "parent",
        "state",
        "values"
      ],
      eventNames: [
        "beforeDestroy",
        "beforeHide",
        "beforeSetRecord",
        "beforeShow",
        "beforeStateApply",
        "beforeStateSave",
        "catchAll",
        "collapse",
        "destroy",
        "dirtyStateChange",
        "elementCreated",
        "expand",
        "focusIn",
        "focusOut",
        "hide",
        "paint",
        "readOnly",
        "recompose",
        "resize",
        "show",
        "toolClick"
      ]
    }, e = {}, t = i(), n = i(/* @__PURE__ */ new Map());
    return h("teleports", n), u(() => {
      const o = f();
      e.value = r.createWidget({
        me: o,
        widgetData: a,
        emit: c,
        element: t.value,
        toRaw: y
      });
      const l = (p, m) => x(() => o.props[p], m);
      r.watchProps(e.value, a, l);
    }), g(() => {
      e.value?.destroy?.();
    }), s({
      instance: e,
      refElement: t,
      teleports: n
    }), (o, l) => (S(), C("div", {
      ref_key: "refElement",
      ref: t
    }, null, 512));
  }
});
export {
  B as _
};
//# sourceMappingURL=COueF9aj.js.map
