intelligent-system-design-language 0.3.22 → 0.3.24

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

@@ -7,180 +7,180 @@ export default function generateNumberComponent(destination, entry) {
     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,
-            hasValueParam: Boolean,
-            primaryColor: String,
-            secondaryColor: String,
-            min: Number,
-            max: Number,
-            calculator: {
-                type: Boolean,
-                default: undefined
-            }
-        });
-
-        const document = inject("rawDocument");
-
-        const numberInput = ref(null);
-
-        const value = computed({
-            get: () => foundry.utils.getProperty(props.context, props.systemPath),
-            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
-        });
-
-        // Vuetify's up/down stepper buttons update the model without firing a
-        // native change event, so Foundry's submitOnChange form handler never
-        // persists the new value. When a change arrives while the text input is
-        // NOT focused (i.e. it came from a stepper click, not typing), persist
-        // directly via document.update — the same reliable path the dice fields
-        // use (dispatching a synthetic change risks Foundry reading the DOM
-        // input before Vue has flushed the new value). Typing still persists via
-        // the input's own native change on blur/enter.
-        // Note: 'document' is the injected Foundry document; DOM access must go
-        // through window.document.
-        const onValueUpdate = (newValue) => {
-            value.value = newValue;
-            const input = numberInput.value?.\$el?.querySelector('input');
-            if (document && input && window.document.activeElement !== input) {
-                document.update({ [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 isCalculated = computed(() => {
-            return props.hasValueParam;
-        });
-
-        const controlVariant = computed(() => {
-            return isCalculated.value ? 'hidden' : 'stacked';
-        });
-
-        const classes = computed(() => {
-            return isCalculated.value ? 'calculated-number' : '';
-        });
-
-        const showCalculator = computed(() => {
-            // Check if calculator was explicitly passed as a prop
-            const hasCalculatorProp = props.calculator !== undefined && props.calculator !== false;
-            const calculatorExplicitlyFalse = props.calculator === false;
-
-            // If calculator param is explicitly set to true, use it
-            if (hasCalculatorProp) {
-                return true;
-            }
-
-            // If calculator param is explicitly set to false, never show
-            if (calculatorExplicitlyFalse) {
-                return false;
-            }
-
-            // Don't show on calculated fields
-            if (isCalculated.value) {
-                return false;
-            }
-
-            // Show if max > 10
-            if (props.max && props.max > 10) {
-                return true;
-            }
-
-            // When max is undefined, show if current value >= 10 or <= -10
-            if (props.max === undefined) {
-                const currentValue = value.value;
-                if (typeof currentValue === 'number' && (currentValue >= 10 || currentValue <= -10)) {
-                    return true;
-                }
-            }
-
-            return false;
-        });
-    </script>
-
-    <template>
-        <div v-if="!isHidden" class="isdl-number single-wide">
-            <v-number-input
-                v-if="!isCalculated"
-                ref="numberInput"
-                :model-value="value"
-                @update:model-value="onValueUpdate"
-                :name="props.systemPath"
-                :disabled="isDisabled"
-                :color="fieldColor"
-                :min="props.min"
-                :max="props.max"
-                controlVariant="stacked"
-                density="compact"
-                variant="outlined"
-            >
-                <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>
-                <template #append-inner v-if="props.editMode && showCalculator">
-                    <i-calculator
-                        :context="props.context"
-                        :systemPath="props.systemPath"
-                        :primaryColor="props.primaryColor"
-                        :secondaryColor="props.secondaryColor">
-                    </i-calculator>
-                </template>
-            </v-number-input>
-
-            <v-number-input
-                v-else
-                :model-value="value"
-                :name="props.systemPath"
-                :disabled="isDisabled"
-                :color="fieldColor"
-                controlVariant="hidden"
-                density="compact"
-                variant="outlined"
-                append-inner-icon="fa-solid fa-function"
-                class="calculated-number single-wide"
-            >
-                <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-number-input>
-        </div>
-    </template>
+    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,
+            hasValueParam: Boolean,
+            primaryColor: String,
+            secondaryColor: String,
+            min: Number,
+            max: Number,
+            calculator: {
+                type: Boolean,
+                default: undefined
+            }
+        });
+
+        const document = inject("rawDocument");
+
+        const numberInput = ref(null);
+
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+        });
+
+        // Vuetify's up/down stepper buttons update the model without firing a
+        // native change event, so Foundry's submitOnChange form handler never
+        // persists the new value. When a change arrives while the text input is
+        // NOT focused (i.e. it came from a stepper click, not typing), persist
+        // directly via document.update — the same reliable path the dice fields
+        // use (dispatching a synthetic change risks Foundry reading the DOM
+        // input before Vue has flushed the new value). Typing still persists via
+        // the input's own native change on blur/enter.
+        // Note: 'document' is the injected Foundry document; DOM access must go
+        // through window.document.
+        const onValueUpdate = (newValue) => {
+            value.value = newValue;
+            const input = numberInput.value?.\$el?.querySelector('input');
+            if (document && input && window.document.activeElement !== input) {
+                document.update({ [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 isCalculated = computed(() => {
+            return props.hasValueParam;
+        });
+
+        const controlVariant = computed(() => {
+            return isCalculated.value ? 'hidden' : 'stacked';
+        });
+
+        const classes = computed(() => {
+            return isCalculated.value ? 'calculated-number' : '';
+        });
+
+        const showCalculator = computed(() => {
+            // Check if calculator was explicitly passed as a prop
+            const hasCalculatorProp = props.calculator !== undefined && props.calculator !== false;
+            const calculatorExplicitlyFalse = props.calculator === false;
+
+            // If calculator param is explicitly set to true, use it
+            if (hasCalculatorProp) {
+                return true;
+            }
+
+            // If calculator param is explicitly set to false, never show
+            if (calculatorExplicitlyFalse) {
+                return false;
+            }
+
+            // Don't show on calculated fields
+            if (isCalculated.value) {
+                return false;
+            }
+
+            // Show if max > 10
+            if (props.max && props.max > 10) {
+                return true;
+            }
+
+            // When max is undefined, show if current value >= 10 or <= -10
+            if (props.max === undefined) {
+                const currentValue = value.value;
+                if (typeof currentValue === 'number' && (currentValue >= 10 || currentValue <= -10)) {
+                    return true;
+                }
+            }
+
+            return false;
+        });
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-number single-wide">
+            <v-number-input
+                v-if="!isCalculated"
+                ref="numberInput"
+                :model-value="value"
+                @update:model-value="onValueUpdate"
+                :name="props.systemPath"
+                :disabled="isDisabled"
+                :color="fieldColor"
+                :min="props.min"
+                :max="props.max"
+                controlVariant="stacked"
+                density="compact"
+                variant="outlined"
+            >
+                <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>
+                <template #append-inner v-if="props.editMode && showCalculator">
+                    <i-calculator
+                        :context="props.context"
+                        :systemPath="props.systemPath"
+                        :primaryColor="props.primaryColor"
+                        :secondaryColor="props.secondaryColor">
+                    </i-calculator>
+                </template>
+            </v-number-input>
+
+            <v-number-input
+                v-else
+                :model-value="value"
+                :name="props.systemPath"
+                :disabled="isDisabled"
+                :color="fieldColor"
+                controlVariant="hidden"
+                density="compact"
+                variant="outlined"
+                append-inner-icon="fa-solid fa-function"
+                class="calculated-number single-wide"
+            >
+                <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-number-input>
+        </div>
+    </template>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

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

@@ -7,49 +7,49 @@ export default function generatePaperdollComponent(destination) {
     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>
+    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));
 }

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

@@ -7,82 +7,82 @@ export default function generateParentPropertyReferenceComponent(destination, en
     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>
+    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));
 }

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

@@ -7,24 +7,24 @@ export default function generateProsemirrorComponent(destination) {
     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>
+    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));
 }