intelligent-system-design-language 0.3.22 → 0.3.24

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

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