@ark-ui/vue/dist/components/json-tree-view/json-tree-view-key-node.vue.cjs

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const vue = require('vue');
const jsonTreeUtils = require('@zag-js/json-tree-utils');

const _hoisted_1 = ["data-non-enumerable"];
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "json-tree-view-key-node",
  props: {
    node: {},
    showQuotes: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const key = vue.computed(() => jsonTreeUtils.keyPathToKey(props.node.keyPath));
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
        vue.createElementVNode("span", {
          "data-kind": "key",
          "data-non-enumerable": _ctx.node.isNonEnumerable ? "" : void 0
        }, vue.toDisplayString(_ctx.showQuotes ? `"${key.value}"` : key.value), 9, _hoisted_1),
        _cache[0] || (_cache[0] = vue.createElementVNode("span", { "data-kind": "colon" }, ":", -1))
      ], 64);
    };
  }
});

exports.default = _sfc_main;