@abraca/nuxt 0.1.0

package/dist/runtime/components/AIconPicker.vue

@@ -0,0 +1,257 @@
+<script setup>
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  labels: { type: Object, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const locale = computed(() => useAbraLocale("iconPicker", props.labels));
+const LUCIDE_ICONS = [
+  "file-text",
+  "file",
+  "folder",
+  "folder-open",
+  "book",
+  "bookmark",
+  "star",
+  "heart",
+  "home",
+  "settings",
+  "user",
+  "users",
+  "mail",
+  "inbox",
+  "send",
+  "message-circle",
+  "message-square",
+  "bell",
+  "calendar",
+  "calendar-check",
+  "calendar-clock",
+  "clock",
+  "check",
+  "check-circle",
+  "check-square",
+  "circle",
+  "square",
+  "triangle",
+  "x",
+  "x-circle",
+  "alert-circle",
+  "alert-triangle",
+  "info",
+  "plus",
+  "plus-circle",
+  "minus",
+  "minus-circle",
+  "arrow-right",
+  "arrow-left",
+  "arrow-up",
+  "arrow-down",
+  "chevron-right",
+  "chevron-left",
+  "chevron-up",
+  "chevron-down",
+  "link",
+  "link-2",
+  "external-link",
+  "globe",
+  "map-pin",
+  "map",
+  "phone",
+  "phone-call",
+  "video",
+  "camera",
+  "image",
+  "images",
+  "film",
+  "music",
+  "play",
+  "pause",
+  "search",
+  "zoom-in",
+  "zoom-out",
+  "eye",
+  "eye-off",
+  "edit",
+  "edit-2",
+  "edit-3",
+  "pencil",
+  "pen",
+  "trash",
+  "trash-2",
+  "archive",
+  "copy",
+  "clipboard",
+  "download",
+  "upload",
+  "save",
+  "share",
+  "share-2",
+  "lock",
+  "unlock",
+  "key",
+  "shield",
+  "tag",
+  "tags",
+  "flag",
+  "hash",
+  "at-sign",
+  "code",
+  "code-2",
+  "terminal",
+  "cpu",
+  "database",
+  "bar-chart",
+  "bar-chart-2",
+  "pie-chart",
+  "line-chart",
+  "trending-up",
+  "trending-down",
+  "layout",
+  "layout-dashboard",
+  "layout-grid",
+  "list",
+  "table",
+  "columns",
+  "rows",
+  "grid",
+  "sidebar",
+  "layers",
+  "stack",
+  "package",
+  "box",
+  "cube",
+  "truck",
+  "shopping-cart",
+  "shopping-bag",
+  "credit-card",
+  "banknote",
+  "smile",
+  "frown",
+  "meh",
+  "thumbs-up",
+  "thumbs-down",
+  "sun",
+  "moon",
+  "cloud",
+  "rain",
+  "wind",
+  "zap",
+  "flame",
+  "droplet",
+  "leaf",
+  "flower",
+  "rocket",
+  "plane",
+  "car",
+  "bicycle",
+  "anchor",
+  "tool",
+  "wrench",
+  "scissors",
+  "paperclip",
+  "pin",
+  "refresh-cw",
+  "refresh-ccw",
+  "rotate-cw",
+  "rotate-ccw",
+  "maximize",
+  "minimize",
+  "move",
+  "crosshair",
+  "wifi",
+  "bluetooth",
+  "battery",
+  "power",
+  "monitor",
+  "smartphone",
+  "tablet",
+  "laptop",
+  "server",
+  "hard-drive",
+  "git-branch",
+  "git-commit",
+  "git-merge",
+  "github",
+  "award",
+  "trophy",
+  "medal",
+  "target",
+  "compass"
+];
+const open = ref(false);
+const search = ref("");
+const filtered = computed(() => {
+  const q = search.value.trim().toLowerCase();
+  if (!q) return LUCIDE_ICONS;
+  return LUCIDE_ICONS.filter((n) => n.includes(q));
+});
+function select(name) {
+  const icon = `i-lucide-${name}`;
+  if (props.modelValue === icon) {
+    emit("update:modelValue", void 0);
+  } else {
+    emit("update:modelValue", icon);
+  }
+  open.value = false;
+}
+function clear() {
+  emit("update:modelValue", void 0);
+  open.value = false;
+  search.value = "";
+}
+function onOpen(v) {
+  if (!v) search.value = "";
+}
+</script>
+
+<template>
+  <UPopover v-model:open="open" @update:open="onOpen">
+    <button
+      type="button"
+      class="flex items-center gap-2 h-8 px-2 rounded-md border border-default hover:bg-elevated/60 transition-colors"
+    >
+      <UIcon
+        :name="modelValue ?? 'i-lucide-smile'"
+        class="size-4 shrink-0"
+        :class="modelValue ? 'text-default' : 'text-muted'"
+      />
+      <span class="text-xs text-muted truncate">
+        {{ modelValue ? modelValue.replace("i-lucide-", "") : placeholder ?? locale.none }}
+      </span>
+    </button>
+
+    <template #content>
+      <div class="p-2 w-64 flex flex-col gap-2">
+        <UInput
+          v-model="search"
+          :placeholder="locale.search"
+          size="xs"
+          icon="i-lucide-search"
+          autofocus
+        />
+        <div class="grid grid-cols-8 gap-1 max-h-48 overflow-y-auto">
+          <button
+            v-for="name in filtered"
+            :key="name"
+            type="button"
+            class="flex items-center justify-center size-7 rounded hover:bg-elevated transition-colors focus:outline-none"
+            :class="modelValue === `i-lucide-${name}` ? 'bg-primary/10 ring-1 ring-primary' : ''"
+            :title="name"
+            @click="select(name)"
+          >
+            <UIcon :name="`i-lucide-${name}`" class="size-4" />
+          </button>
+        </div>
+        <button
+          type="button"
+          class="text-xs text-muted hover:text-default text-left px-1 py-0.5 rounded hover:bg-elevated/60 transition-colors"
+          @click="clear"
+        >
+          {{ locale.none }}
+        </button>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/components/AIconPicker.vue.d.ts

@@ -0,0 +1,13 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    labels?: Partial<AbracadabraLocale['iconPicker']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ANodePanel.d.vue.ts

@@ -0,0 +1,15 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    nodeId: string | null;
+    nodeLabel?: string;
+    childProvider?: any;
+    docType?: string;
+    labels?: Partial<AbracadabraLocale['nodePanel']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;