intelligent-system-design-language 0.3.13

package/out/cli/components/vue/base-components/vue-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-number.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,WAAmB,EAAE,KAAa;IAC9E,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAEpE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2K5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-paperdoll.js

@@ -0,0 +1,56 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generatePaperdollComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `paperdoll.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean,
+            slots: Array,
+            image: String,
+            size: String
+        });
+
+        const value = computed(() => {
+            return foundry.utils.getProperty(props.context, props.systemPath);
+        });
+
+        const slotValue = (systemPath) => {
+            return foundry.utils.getProperty(props.context, systemPath);
+        };
+
+        const openSlot = (slot) => {
+            const item = slotValue(slot.systemPath);
+            if (item) {
+                const fromUuid = fromUuidSync(item.uuid);
+                fromUuid.sheet.render(true);
+            }
+        };
+    </script>
+
+    <template>
+        <v-card class="isdl-paperdoll">
+            <v-card-title>{{ game.i18n.localize(label) }}</v-card-title>
+            <v-card-text>
+                <div class="paper-doll-container" :data-name="systemPath" :style="{ backgroundImage: 'url(' + image + ')' }">
+                    <div class="paper-doll-slot" v-for="slot in slots" :key="slot.name" :data-name="slot.systemPath" @click="openSlot(slot)" :data-tooltip="slot.name" :data-type="slot.type" :style="{ left: slot.left, top: slot.top, width: size, height: size }">
+                        <img :src="slotValue(slot.systemPath)?.img" :data-tooltip="slotValue(slot.systemPath)?.name" />
+                    </div>
+                </div>
+            </v-card-text>
+        </v-card>
+    </template>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-paperdoll.js.map

package/out/cli/components/vue/base-components/vue-paperdoll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-paperdoll.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-paperdoll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,WAAmB;IAClE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2C5B,CAAC;IAEF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-parent-property-reference.js

@@ -0,0 +1,89 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateParentPropertyReferenceComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, "parent-property-reference.vue");
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+<template>
+  <div class="isdl-parent-property-reference single-wide">
+    <v-select
+      :name="props.systemPath"
+      :model-value="value"
+      @update:model-value="(v) => { value = v; if (document) document.update({ [props.systemPath]: v }); }"
+      :items="refChoices"
+      item-title="label"
+      item-value="value"
+      :disabled="disabled"
+      :color="color"
+      variant="outlined"
+      clearable
+      density="compact">
+      <template #label>
+        <span v-html="getLabel(props.label, props.icon)" />
+      </template>
+    </v-select>
+  </div>
+</template>
+
+<script setup>
+import { computed, inject } from 'vue';
+
+const document = inject("rawDocument");
+
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  },
+  label: {
+    type: String,
+    required: true
+  },
+  icon: {
+    type: String,
+    required: false
+  },
+  systemPath: {
+    type: String,
+    required: true
+  },
+  refChoices: {
+    type: Array,
+    required: true,
+    default: () => []
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  hidden: {
+    type: Boolean,
+    default: false
+  },
+  color: {
+    type: String,
+    default: 'primary'
+  }
+});
+
+const value = computed({
+  get: () => foundry.utils.getProperty(props.context, props.systemPath),
+  set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+});
+
+// Expose helper function
+const getLabel = (label, icon) => {
+  if (icon) {
+    return \`<i class="\${icon}"></i> \${game.i18n.localize(label)}\`;
+  }
+  return game.i18n.localize(label);
+};
+</script>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-parent-property-reference.js.map

package/out/cli/components/vue/base-components/vue-parent-property-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-parent-property-reference.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-parent-property-reference.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,CAAC,OAAO,UAAU,wCAAwC,CAAC,WAAmB,EAAE,KAAa;IAC/F,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;IAEvF,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KACvD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4E5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-prosemirror.js

@@ -0,0 +1,31 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateProsemirrorComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `prosemirror.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed } from "vue";
+
+        const props = defineProps({
+            label: String,
+            icon: String,
+            field: Object,
+            disabled: Boolean
+        });
+    </script>
+
+    <template>
+        <div class="isdl-html flexcol">
+            <label style="font-weight: bold"><span v-if="icon" class="padding-right: 0.25rem;"><i :class="icon"></i> </span>{{ game.i18n.localize(label) }}</label>
+            <div class="prose-mirror-wrapper" v-html="disabled ? field.enriched : field.element.outerHTML"></div>
+        </div>
+    </template>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-prosemirror.js.map

package/out/cli/components/vue/base-components/vue-prosemirror.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-prosemirror.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-prosemirror.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,WAAmB;IACpE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAEzE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;KAkB5B,CAAC;IAEF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-resource.js

@@ -0,0 +1,149 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateResourceComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `resource.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean,
+            primaryColor: String,
+            secondaryColor: String
+        });
+
+        const document = inject("rawDocument");
+
+        // Vuetify's up/down stepper buttons update the model without firing a
+        // native change event, so Foundry's submitOnChange form handler never
+        // persists them. When the value changes while focus is NOT on a text
+        // input (i.e. a stepper click, not typing), persist directly. Typing
+        // still persists via the input's native change on blur/enter.
+        // ('document' is the injected Foundry document; DOM access uses window.)
+        const persistOnStep = (path, newValue) => {
+            if (document && window.document.activeElement?.tagName !== 'INPUT') {
+                document.update({ [path]: newValue });
+            }
+        };
+
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".value"),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".value", newValue)
+        });
+
+        const max = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".max"),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".max", newValue)
+        });
+
+        const temp = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".temp"),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".temp", newValue)
+        });
+
+        const barMax = computed(() => {
+            const totalValue = value.value + temp.value;
+            if (totalValue > max.value) {
+                return totalValue;
+            }
+            return max.value;
+        });
+
+        const expanded = ref(false);
+    </script>
+
+    <template>
+        <v-card elevation="4" class="ml-1 mr-1 resource-card" variant="outlined">
+            <v-card-title>
+                {{ game.i18n.localize(label) }}
+            </v-card-title>
+
+            <v-card-actions>
+                <v-progress-linear
+                    :height="18"
+                    :color="primaryColor"
+                    bg-color="#92aed9"
+                    rounded
+                    :model-value="value"
+                    min="0"
+                    :max="barMax"
+                    :buffer-value="value + temp"
+                    buffer-opacity="1"
+                    :buffer-color="secondaryColor"
+                    :data-tooltip="\`Value: \${value} / Temp: \${temp} / Max: \${max}\`"
+                    style="font-weight: bold;"
+                >
+                    <template v-slot:default>
+                        {{ value }} / {{ max }}
+                    </template>
+                </v-progress-linear>
+                <v-spacer></v-spacer>
+                <v-btn :icon="expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" @click="expanded = !expanded" color="primary">
+                </v-btn>
+            </v-card-actions>
+
+            <v-expand-transition>
+                <div v-show="expanded">
+                    <v-card-text>
+                        <div class="d-flex flex-row">
+                            <v-number-input
+                                :model-value="value"
+                                @update:model-value="(v) => { value = v; persistOnStep(systemPath + '.value', v); }"
+                                :name="systemPath + '.value'"
+                                label="Value"
+                                controlVariant="stacked"
+                                density="compact"
+                                variant="outlined"
+                                class="flex-grow-1"
+                                style="min-width: 100px;"
+                                hide-details="true"
+                            />
+                            <v-number-input
+                                :model-value="temp"
+                                @update:model-value="(v) => { temp = v; persistOnStep(systemPath + '.temp', v); }"
+                                :name="systemPath + '.temp'"
+                                label="Temp"
+                                controlVariant="stacked"
+                                density="compact"
+                                variant="outlined"
+                                class="flex-grow-1"
+                                style="min-width: 100px;"
+                                hide-details="true"
+                            />
+                            <v-number-input
+                                :model-value="max"
+                                @update:model-value="(v) => { max = v; persistOnStep(systemPath + '.max', v); }"
+                                :name="systemPath + '.max'"
+                                label="Max"
+                                :disabled="disabled"
+                                controlVariant="stacked"
+                                density="compact"
+                                variant="outlined"
+                                class="flex-grow-1"
+                                style="min-width: 100px;"
+                                hide-details="true"
+                            />
+                        </div>
+                    </v-card-text>
+                </div>
+            </v-expand-transition>
+        </v-card>
+    </template>
+
+    <style>
+        .resource-card {
+            min-width: 300px;
+        }
+    </style>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-resource.js.map

package/out/cli/components/vue/base-components/vue-resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-resource.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-resource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,WAAmB;IACjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAEtE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwI5B,CAAC;IACF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-roll-visualizer.js

@@ -0,0 +1,121 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateRollVisualizerComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `roll-visualizer.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, watch } from "vue";
+
+        const props = defineProps({});
+
+        const resultText = ref("Not Evaluated");
+        const roll = ref("2d20 + d6 + 5");
+
+        let estimated = true;
+
+        const iterations = ref(1000);
+        const labels = ref([]);
+        const values = ref([]);
+        const min = ref(0);
+        const max = ref(0);
+
+        const countAndSplitNumbers = (arr) => {
+            // Count occurrences
+            const countMap = arr.reduce((acc, num) => {
+                acc[num] = (acc[num] || 0) + 1;
+                return acc;
+            }, {});
+
+            // Sort and split into two arrays
+            const sortedEntries = Object.entries(countMap).sort(([a], [b]) => a - b);
+            const labels = sortedEntries.map(([num]) => Number(num));
+            const values = sortedEntries.map(([, count]) => count);
+
+            return { labels, values };
+        }
+
+        watch(roll, async () => {
+
+            if (!Roll.validate(roll.value)) {
+                return;
+            }
+
+            // Whenever the roll changes, we need to re-calculate the value. First we do a quick simulation, then we do a more accurate one and reload the results
+            let result = await Roll.simulate(roll.value, 1000);
+            let counted = countAndSplitNumbers(result);
+            iterations.value = 1000;
+
+            // If there are more than 20 labels, only show every other label
+            if (counted.labels.length > 20) {
+                counted.labels = counted.labels.filter((_, i) => i % 2 === 0);
+                counted.values = counted.values.filter((_, i) => i % 2 === 0);
+            }
+
+            labels.value = counted.labels;
+            values.value = counted.values;
+            min.value = Math.min(...counted.labels);
+            max.value = Math.max(...counted.labels);
+
+            setTimeout(async () => {
+                Roll.simulate(roll.value, 10000).then(result2 => {
+                    let counted2 = countAndSplitNumbers(result2);
+                    iterations.value = 10000;
+
+                    // If there are more than 20 labels, only show every other label
+                    if (counted2.labels.length > 20) {
+                        counted2.labels = counted.labels.filter((_, i) => i % 2 === 0);
+                        counted2.values = counted.values.filter((_, i) => i % 2 === 0);
+                    }
+
+                    labels.value = counted2.labels;
+                    values.value = counted2.values;
+                });
+            }, 0);
+        });
+
+
+    </script>
+
+    <template>
+        <v-card class="mt-8 mx-auto overflow-visible" style="min-width: 600px;">
+            <v-sheet
+            class="v-sheet--offset mx-auto"
+            color="cyan"
+            elevation="12"
+            max-width="calc(100% - 32px)"
+            rounded="lg"
+            >
+                <v-sparkline
+                    :labels="labels"
+                    :model-value="values"
+                    color="white"
+                    line-width="2"
+                    padding="16"
+                    smooth="8"
+                    label-size="6"
+                ></v-sparkline>
+            </v-sheet>
+
+            <v-card-text class="pt-0">
+                <div class="text-h6 font-weight-light mb-2">
+                <v-text-field v-model="roll"></v-text-field>    
+                </div>
+                <div class="subheading font-weight-light text-grey" v-if="values.length > 0">
+                    Min: {{min}} Max: {{max}}
+                </div>
+                <v-divider class="my-2"></v-divider>
+                <span class="text-caption text-grey font-weight-light">
+                    Approximate results based on {{iterations}} simulations
+                </span>
+            </v-card-text>
+        </v-card>
+    </template>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-roll-visualizer.js.map

package/out/cli/components/vue/base-components/vue-roll-visualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-roll-visualizer.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-roll-visualizer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,WAAmB;IACvE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC;IAE7E,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4G5B,CAAC;IAEF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-self-property-reference.js

@@ -0,0 +1,75 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateSelfPropertyReferenceComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `self-property-reference.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean,
+            icon: String,
+            color: String,
+            propertyType: String,
+            choices: Array
+        });
+
+        const document = inject("rawDocument");
+
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+        });
+
+        // Filter choices based on property type if provided
+        const availableChoices = computed(() => {
+            if (!props.choices || !props.propertyType) return [];
+            
+            // Filter properties based on type
+            return props.choices.filter(choice => {
+                // Here we would check if the choice matches the expected property type
+                // For now, return all choices - this could be enhanced with type checking
+                return true;
+            });
+        });
+
+
+        const fieldColor = computed(() => {
+            return props.color || 'primary';
+        });
+    </script>
+
+    <template>
+        <div class="isdl-self-property-reference single-wide">
+            <v-select
+                :model-value="value"
+                @update:model-value="(v) => { value = v; if (document) document.update({ [props.systemPath]: v }); }"
+                :items="availableChoices"
+                :name="props.systemPath"
+                :disabled="disabled"
+                :color="fieldColor"
+                variant="outlined"
+                density="compact"
+                clearable
+            >
+                <template #label>
+                    <span class="field-label">
+                        <v-icon v-if="props.icon" :icon="props.icon" size="small" class="me-1"></v-icon>
+                        {{ game.i18n.localize(props.label) }}
+                    </span>
+                </template>
+            </v-select>
+        </div>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-self-property-reference.js.map

package/out/cli/components/vue/base-components/vue-self-property-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-self-property-reference.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-self-property-reference.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,sCAAsC,CAAC,WAAmB,EAAE,KAAa;IAC7F,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,6BAA6B,CAAC,CAAC;IAErF,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8D5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-string-choice.js

@@ -0,0 +1,111 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateStringChoiceComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `string-choice.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            visibility: String,
+            editMode: Boolean,
+            icon: String,
+            color: String,
+            disabled: Boolean,
+            items: {
+                type: Array,
+                default: () => []
+            },
+            isExtended: {
+                type: Boolean,
+                default: false
+            },
+            primaryColor: String,
+            secondaryColor: String
+        });
+
+        const document = inject("rawDocument");
+
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+        });
+
+        const isHidden = computed(() => {
+            if (props.visibility === "hidden") {
+                return true;
+            }
+            if (props.visibility === "gm" && !game.user.isGM) {
+                return true;
+            }
+            return false;
+        });
+
+        const isDisabled = computed(() => {
+            return props.disabled || 
+                   props.visibility === "locked" || 
+                   props.visibility === "readonly" || 
+                   (props.visibility === "gmOnly" && !game.user.isGM);
+        });
+
+        const fieldColor = computed(() => {
+            return props.color || 'primary';
+        });
+
+        const localizedLabel = computed(() => {
+            return game.i18n.localize(props.label);
+        });
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-string-choice single-wide">
+            <!-- Simple choice field - uses v-select -->
+            <v-select
+                v-if="!props.isExtended"
+                :model-value="value"
+                @update:model-value="(v) => { value = v; if (document) document.update({ [props.systemPath]: v }); }"
+                :name="props.systemPath"
+                :items="props.items"
+                item-title="label"
+                item-value="value"
+                :disabled="isDisabled"
+                :color="fieldColor"
+                variant="outlined"
+                density="compact"
+            >
+                <template #label>
+                    <span class="field-label">
+                        <v-icon v-if="props.icon" :icon="props.icon" size="small" class="me-1"></v-icon>
+                        {{ localizedLabel }}
+                    </span>
+                </template>
+            </v-select>
+
+            <!-- Extended choice field - uses i-extended-choice -->
+            <i-extended-choice
+                v-else
+                :label="props.label"
+                :icon="props.icon"
+                :systemPath="props.systemPath"
+                :context="props.context"
+                :items="props.items"
+                :primaryColor="props.primaryColor"
+                :secondaryColor="props.secondaryColor"
+                :visibility="props.visibility"
+                :disabled="props.disabled"
+                :color="props.color">
+            </i-extended-choice>
+        </div>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-string-choice.js.map

package/out/cli/components/vue/base-components/vue-string-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-string-choice.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-string-choice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,WAAmB,EAAE,KAAa;IACpF,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC;IAE3E,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkG5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}