@poveste/app 0.2.1 → 0.3.0

package/dist/bundled/components/command/CommandPromptsModal.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./CommandPromptsModal.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/command/CommandPromptsModal.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent, defineAsyncComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, unref } from "@poveste/vendors/vue";
-import { useCommandStore } from "../../stores/command.js";
-"use strict";
-const _hoisted_1 = {
-  key: 0,
-  class: "poveste-command-prompts-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20"
-};
-const _hoisted_2 = { class: "ptw-bg-white dark:ptw-bg-gray-900 md:ptw-mt-16 md:ptw-mx-auto ptw-w-screen ptw-max-w-[512px] ptw-max-h-[80vh] ptw-overflow-y-auto ptw-scroll-smooth ptw-shadow-xl ptw-border ptw-border-gray-200 dark:ptw-border-gray-750 ptw-rounded-lg ptw-relative ptw-divide-y ptw-divide-gray-200 dark:ptw-divide-gray-850" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CommandPromptsModal",
-  props: {
-    shown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    const CommandPrompts = defineAsyncComponent(() => import("./CommandPrompts.vue.js"));
-    const emit = __emit;
-    function close() {
-      emit("close");
-    }
-    const commandStore = useCommandStore();
-    return (_ctx, _cache) => {
-      return __props.shown ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "ptw-absolute ptw-inset-0",
-          onClick: _cache[0] || (_cache[0] = ($event) => close())
-        }),
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(CommandPrompts), {
-            command: unref(commandStore).selectedCommand,
-            onClose: _cache[1] || (_cache[1] = ($event) => close())
-          }, null, 8, ["command"])
-        ])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/command/PromptSelect.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./PromptSelect.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/command/PromptSelect.vue2.js

@@ -1,142 +0,0 @@
-import { defineComponent, computed, ref, watchEffect, createElementBlock, openBlock, withDirectives, createElementVNode, vModelText, createCommentVNode, toDisplayString, createTextVNode, createVNode, withKeys, withModifiers, unref, Fragment, renderList, normalizeClass, createBlock } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useSelection } from "../../util/select.js";
-import "../base/BaseKeyboardShortcut.vue.js";
-import _sfc_main$1 from "../base/BaseKeyboardShortcut.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-prompt-select ptw-relative ptw-group" };
-const _hoisted_2 = ["required"];
-const _hoisted_3 = { class: "ptw-flex ptw-flex-col ptw-gap-2 ptw-p-2" };
-const _hoisted_4 = { class: "ptw-px-2 ptw-flex" };
-const _hoisted_5 = {
-  key: 0,
-  class: "ptw-opacity-70"
-};
-const _hoisted_6 = { class: "ptw-opacity-40 ptw-text-sm ptw-ml-auto ptw-invisible group-focus-within:ptw-visible" };
-const _hoisted_7 = { class: "ptw-overflow-auto max-h-[300px] ptw-mb-2" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "ptw-flex-1" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PromptSelect",
-  props: {
-    modelValue: {},
-    prompt: {},
-    answers: {}
-  },
-  emits: ["update:modelValue", "next"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (value) => {
-        emit("update:modelValue", value);
-        emit("next");
-      }
-    });
-    const input = ref();
-    function focus() {
-      input.value?.focus();
-      input.value?.select();
-    }
-    __expose({
-      focus
-    });
-    const search = ref("");
-    const options = ref([]);
-    let requestId = 0;
-    watchEffect(async () => {
-      if (typeof props.prompt.options === "function") {
-        const rId = ++requestId;
-        const result = await props.prompt.options(search.value, props.answers);
-        if (rId === requestId) {
-          options.value = result;
-        }
-      } else {
-        options.value = props.prompt.options;
-      }
-    });
-    const formattedOptions = computed(() => {
-      return options.value.map((option) => {
-        if (typeof option === "string") {
-          return {
-            value: option,
-            label: option
-          };
-        } else {
-          return option;
-        }
-      });
-    });
-    const {
-      selectedIndex,
-      selectNext,
-      selectPrevious
-    } = useSelection(formattedOptions);
-    function selectIndex(index) {
-      const result = formattedOptions.value[index].value;
-      if (result) {
-        model.value = result;
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        withDirectives(createElementVNode("input", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-          required: __props.prompt.required,
-          tabindex: "-1",
-          class: "ptw-absolute ptw-inset-0 ptw-opacity-0 ptw-pointer-events-none"
-        }, null, 8, _hoisted_2), [
-          [vModelText, model.value]
-        ]),
-        createElementVNode("label", _hoisted_3, [
-          createElementVNode("span", _hoisted_4, [
-            createElementVNode("span", null, toDisplayString(__props.prompt.label), 1),
-            __props.prompt.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_6, [
-              _cache[5] || (_cache[5] = createTextVNode(" Press ", -1)),
-              createVNode(_sfc_main$1, { shortcut: "Space" }),
-              _cache[6] || (_cache[6] = createTextVNode(" to select ", -1))
-            ])
-          ]),
-          withDirectives(createElementVNode("input", {
-            ref_key: "input",
-            ref: input,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
-            class: "ptw-bg-transparent ptw-w-full ptw-p-2 ptw-border ptw-border-gray-500/50 focus:ptw-border-primary-500/50 ptw-rounded ptw-outline-none",
-            onKeydown: [
-              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(selectNext)(), ["prevent"]), ["down"])),
-              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => unref(selectPrevious)(), ["prevent"]), ["up"])),
-              _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => selectIndex(unref(selectedIndex)), ["prevent"]), ["space"]))
-            ]
-          }, null, 544), [
-            [vModelText, search.value]
-          ])
-        ]),
-        createElementVNode("div", _hoisted_7, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(formattedOptions.value, (option, index) => {
-            return openBlock(), createElementBlock("button", {
-              key: option.value,
-              type: "button",
-              tabindex: "-1",
-              class: normalizeClass([[
-                model.value === option.value ? "ptw-bg-primary-500/20" : index === unref(selectedIndex) ? "ptw-bg-primary-500/10" : "ptw-bg-transparent"
-              ], "ptw-w-full ptw-text-left ptw-px-4 ptw-py-2 hover:ptw-bg-primary-500/10 ptw-flex ptw-items-center"]),
-              onClick: ($event) => model.value = option.value
-            }, [
-              createElementVNode("span", _hoisted_9, toDisplayString(option.label), 1),
-              model.value === option.value ? (openBlock(), createBlock(unref(Icon), {
-                key: 0,
-                icon: "carbon:checkmark",
-                class: "ptw-w-4 ptw-h-4 ptw-text-primary-500"
-              })) : createCommentVNode("", true)
-            ], 10, _hoisted_8);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/command/PromptText.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./PromptText.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/command/PromptText.vue2.js

@@ -1,67 +0,0 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, toDisplayString, vModelText } from "@poveste/vendors/vue";
-"use strict";
-const _hoisted_1 = { class: "poveste-prompt-text" };
-const _hoisted_2 = { class: "ptw-flex ptw-flex-col ptw-gap-2 ptw-p-2" };
-const _hoisted_3 = { class: "ptw-px-2" };
-const _hoisted_4 = {
-  key: 0,
-  class: "ptw-opacity-70"
-};
-const _hoisted_5 = ["required"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PromptText",
-  props: {
-    modelValue: {},
-    prompt: {},
-    answers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
-    });
-    const input = ref();
-    function focus() {
-      input.value?.focus();
-      input.value?.select();
-    }
-    __expose({
-      focus
-    });
-    const defaultValue = computed(() => {
-      if (typeof props.prompt.defaultValue === "function") {
-        return props.prompt.defaultValue(props.answers);
-      } else {
-        return props.prompt.defaultValue;
-      }
-    });
-    watch(defaultValue, (value) => {
-      model.value = value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("label", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, [
-            createElementVNode("span", null, toDisplayString(__props.prompt.label), 1),
-            __props.prompt.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true)
-          ]),
-          withDirectives(createElementVNode("input", {
-            ref_key: "input",
-            ref: input,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            class: "ptw-bg-transparent ptw-w-full ptw-p-2 ptw-border ptw-border-gray-500/50 focus:ptw-border-primary-500/50 ptw-rounded ptw-outline-none",
-            required: __props.prompt.required
-          }, null, 8, _hoisted_5), [
-            [vModelText, model.value]
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutItem.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./LayoutItem.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutItem.vue2.js

@@ -1,44 +0,0 @@
-import { defineComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, unref, toDisplayString } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import "../base/BaseListItem.vue.js";
-import _sfc_main$1 from "../base/BaseListItem.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-flex-1" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LayoutItem",
-  props: {
-    title: {},
-    icon: {},
-    stateIcon: {},
-    isActive: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        "is-active": __props.isActive,
-        class: "ptw-px-6 ptw-py-4 ptw-gap-4",
-        onNavigate: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Icon), {
-            class: "ptw-w-4 ptw-h-4 ptw-flex-none",
-            icon: __props.icon,
-            "aria-hidden": "true"
-          }, null, 8, ["icon"]),
-          createElementVNode("span", _hoisted_1, toDisplayString(__props.title), 1),
-          __props.stateIcon ? (openBlock(), createBlock(unref(Icon), {
-            key: 0,
-            class: "ptw-w-4 ptw-h-4 ptw-flex-none ptw-opacity-70",
-            icon: __props.stateIcon,
-            "aria-hidden": "true"
-          }, null, 8, ["icon"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["is-active"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutItemGroup.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./LayoutItemGroup.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutItemGroup.vue2.js

@@ -1,25 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, toDisplayString } from "@poveste/vendors/vue";
-"use strict";
-const _hoisted_1 = { role: "group" };
-const _hoisted_2 = {
-  role: "heading",
-  "aria-level": "3",
-  class: "ptw-px-6 ptw-pt-3 ptw-pb-1 ptw-text-xs ptw-uppercase ptw-tracking-wide ptw-opacity-50"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LayoutItemGroup",
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutModal.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./LayoutModal.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutModal.vue2.js

@@ -1,68 +0,0 @@
-import { defineComponent, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, unref, vShow } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { onKeyboardShortcut } from "../../util/keyboard.js";
-import "./LayoutPane.vue.js";
-import _sfc_main$1 from "./LayoutPane.vue2.js";
-"use strict";
-const _hoisted_1 = {
-  class: "poveste-layout-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20",
-  "data-test-id": "layout-modal"
-};
-const _hoisted_2 = { class: "ptw-bg-white dark:ptw-bg-gray-900 md:ptw-mt-16 md:ptw-mx-auto ptw-w-screen ptw-max-w-[512px] ptw-shadow-xl ptw-border ptw-border-gray-200 dark:ptw-border-gray-750 ptw-rounded-lg ptw-relative ptw-divide-y ptw-divide-gray-200 dark:ptw-divide-gray-850" };
-const _hoisted_3 = { class: "ptw-flex ptw-items-center ptw-px-6 ptw-py-3 ptw-text-gray-900 dark:ptw-text-gray-100" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LayoutModal",
-  props: {
-    shown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function close() {
-      emit("close");
-    }
-    onKeyboardShortcut(["escape"], () => {
-      if (props.shown) {
-        close();
-      }
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "ptw-absolute ptw-inset-0",
-          onClick: _cache[0] || (_cache[0] = ($event) => close())
-        }),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _cache[2] || (_cache[2] = createElementVNode("h2", { class: "ptw-flex-1 ptw-text-sm ptw-font-medium ptw-m-0" }, " Customize Layout ", -1)),
-            createElementVNode("button", {
-              type: "button",
-              class: "ptw-flex ptw-items-center ptw-justify-center ptw-p-1 ptw-bg-transparent ptw-border-0 ptw-text-gray-500 dark:ptw-text-gray-400 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-cursor-pointer",
-              "aria-label": "Close layout customization",
-              "data-test-id": "layout-modal-close",
-              onClick: _cache[1] || (_cache[1] = ($event) => close())
-            }, [
-              createVNode(unref(Icon), {
-                icon: "carbon:close",
-                class: "ptw-w-5 ptw-h-5",
-                "aria-hidden": "true"
-              })
-            ])
-          ]),
-          createVNode(_sfc_main$1)
-        ])
-      ], 512)), [
-        [vShow, __props.shown]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutPane.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./LayoutPane.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/layout/LayoutPane.vue2.js

@@ -1,59 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, withCtx, unref } from "@poveste/vendors/vue";
-import { useLayoutStore } from "../../stores/layout.js";
-import "./LayoutItem.vue.js";
-import "./LayoutItemGroup.vue.js";
-import _sfc_main$1 from "./LayoutItemGroup.vue2.js";
-import _sfc_main$2 from "./LayoutItem.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-py-2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LayoutPane",
-  setup(__props) {
-    const settings = useLayoutStore().settings;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { title: "Visibility" }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              title: "Story List",
-              icon: "carbon:open-panel-filled-left",
-              "state-icon": unref(settings).storyListVisible ? "carbon:view" : "carbon:view-off",
-              "data-test-id": "layout-toggle-story-list",
-              onClick: _cache[0] || (_cache[0] = ($event) => unref(settings).storyListVisible = !unref(settings).storyListVisible)
-            }, null, 8, ["state-icon"]),
-            createVNode(_sfc_main$2, {
-              title: "Story Options",
-              icon: "carbon:open-panel-filled-right",
-              "state-icon": unref(settings).storyOptionsVisible ? "carbon:view" : "carbon:view-off",
-              "data-test-id": "layout-toggle-story-options",
-              onClick: _cache[1] || (_cache[1] = ($event) => unref(settings).storyOptionsVisible = !unref(settings).storyOptionsVisible)
-            }, null, 8, ["state-icon"])
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$1, { title: "Story Options Placement" }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              title: "Right",
-              icon: "carbon:open-panel-filled-right",
-              "is-active": unref(settings).storyOptionsPlacement === "right",
-              "data-test-id": "layout-placement-right",
-              onClick: _cache[2] || (_cache[2] = ($event) => unref(settings).storyOptionsPlacement = "right")
-            }, null, 8, ["is-active"]),
-            createVNode(_sfc_main$2, {
-              title: "Bottom",
-              icon: "carbon:open-panel-filled-bottom",
-              "is-active": unref(settings).storyOptionsPlacement === "bottom",
-              "data-test-id": "layout-placement-bottom",
-              onClick: _cache[3] || (_cache[3] = ($event) => unref(settings).storyOptionsPlacement = "bottom")
-            }, null, 8, ["is-active"])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/misc/CheckerboardPattern.vue.js

@@ -1,40 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode } from "@poveste/vendors/vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {};
-const _hoisted_1 = { fill: "none" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("pattern", {
-      id: "checkerboard",
-      width: "64",
-      height: "64",
-      patternUnits: "userSpaceOnUse"
-    }, [
-      createElementVNode("rect", {
-        x: "0",
-        y: "0",
-        width: "32",
-        height: "32",
-        fill: "currentColor"
-      }),
-      createElementVNode("rect", {
-        x: "32",
-        y: "32",
-        width: "32",
-        height: "32",
-        fill: "currentColor"
-      })
-    ], -1),
-    createElementVNode("rect", {
-      x: "0",
-      y: "0",
-      width: "100%",
-      height: "100%",
-      fill: "url(#checkerboard)"
-    }, null, -1)
-  ])]);
-}
-const CheckerboardPattern = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  CheckerboardPattern as default
-};

package/dist/bundled/components/misc/HatchedPattern.vue.js

@@ -1,12 +0,0 @@
-import { createElementBlock, openBlock } from "@poveste/vendors/vue";
-/* empty css                    */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {};
-const _hoisted_1 = { class: "__poveste-hatched-pattern" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1);
-}
-const HatchedPattern = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c1be54fa"]]);
-export {
-  HatchedPattern as default
-};

package/dist/bundled/components/panel/ControlsComponentPropItem.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./ControlsComponentPropItem.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/panel/ControlsComponentPropItem.vue2.js

@@ -1,72 +0,0 @@
-import { defineComponent, computed, resolveDirective, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, withCtx, withDirectives, createVNode, unref, withModifiers, normalizeClass } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { HstJson, HstCheckbox, HstNumber, HstText } from "@poveste/controls";
-"use strict";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ControlsComponentPropItem",
-  props: {
-    variant: {},
-    component: {},
-    definition: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const comp = computed(() => {
-      switch (props.definition.types?.[0]) {
-        case "string":
-          return HstText;
-        case "number":
-          return HstNumber;
-        case "boolean":
-          return HstCheckbox;
-        case "object":
-        default:
-          return HstJson;
-      }
-    });
-    const model = computed({
-      get: () => {
-        return props.variant.state._hPropState[props.component.index]?.[props.definition.name];
-      },
-      set: (value) => {
-        if (!props.variant.state._hPropState[props.component.index]) {
-          props.variant.state._hPropState[props.component.index] = {};
-        }
-        props.variant.state._hPropState[props.component.index][props.definition.name] = value;
-      }
-    });
-    function reset() {
-      if (props.variant.state._hPropState[props.component.index]) {
-        delete props.variant.state._hPropState[props.component.index][props.definition.name];
-      }
-    }
-    const canReset = computed(() => props.variant.state?._hPropState?.[props.component.index] && props.definition.name in props.variant.state._hPropState[props.component.index]);
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return comp.value ? (openBlock(), createBlock(resolveDynamicComponent(comp.value), {
-        key: 0,
-        modelValue: model.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
-        placeholder: model.value === void 0 ? __props.definition?.default : null,
-        class: "poveste-controls-component-prop-item",
-        title: `${__props.definition.name}${canReset.value ? " *" : ""}`
-      }, {
-        actions: withCtx(() => [
-          withDirectives(createVNode(unref(Icon), {
-            icon: "carbon:erase",
-            class: normalizeClass(["ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100", [
-              canReset.value ? "ptw-opacity-50 hover:ptw-opacity-100" : "ptw-opacity-25 ptw-pointer-events-none"
-            ]]),
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => reset(), ["stop"]))
-          }, null, 8, ["class"]), [
-            [_directive_tooltip, "Remove override"]
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "placeholder", "title"])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/panel/ControlsComponentProps.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./ControlsComponentProps.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};