intelligent-system-design-language 0.3.22 → 0.3.23

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

@@ -7,70 +7,70 @@ export default function generateBooleanComponent(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
-        });
-
-        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 checkboxColor = computed(() => {
-            return props.color || 'primary';
-        });
-    </script>
-
-    <template>
-        <div v-if="!isHidden" class="isdl-boolean single-wide">
-            <v-checkbox
-                v-model="value"
-                :name="props.systemPath"
-                :disabled="isDisabled"
-                :color="checkboxColor"
-                density="compact"
-                class="single-wide"
-                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>
-            </v-checkbox>
-        </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
+        });
+
+        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 checkboxColor = computed(() => {
+            return props.color || 'primary';
+        });
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-boolean single-wide">
+            <v-checkbox
+                v-model="value"
+                :name="props.systemPath"
+                :disabled="isDisabled"
+                :color="checkboxColor"
+                density="compact"
+                class="single-wide"
+                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>
+            </v-checkbox>
+        </div>
+    </template>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

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

@@ -7,99 +7,99 @@ export default function generateCalculator(destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    <script setup>
-        import { ref, computed, inject } from "vue";
-
-        const props = defineProps({
-            systemPath: String,
-            context: Object,
-            primaryColor: String,
-            secondaryColor: String
-        });
-
-        const document = inject("rawDocument");
-
-        const open = ref(false);
-        const value = ref(0);
-        const mode = ref("add");
-        const btn = ref(null);
-
-        const toggleCalculator = () => {
-            open.value = !open.value;
-        };
-
-        const swapMode = (modeName) => {
-            mode.value = modeName;
-            console.log("Swapping mode to", modeName);
-        };
-
-        const isActive = (modeName) => {
-            return mode.value === modeName ? "active" : "";
-        };
-
-        const submit = () => {
-            const update = {};
-            const currentValue = foundry.utils.getProperty(document, props.systemPath);
-            let updateValue = value.value;
-            if (mode.value === "add") {
-                updateValue = currentValue + value.value;
-            } else if (mode.value === "subtract") {
-                updateValue = currentValue - value.value;
-            } else if (mode.value === "multiply") {
-                updateValue = currentValue * value.value;
-            } else if (mode.value === "divide") {
-                updateValue = currentValue / value.value;
-            }
-            if (isNaN(updateValue)) {
-                console.error("Invalid value", updateValue);
-                updateValue = 0;
-            }
-            update[props.systemPath] = updateValue;
-            document.update(update);
-            open.value = false;
-        };
-    </script>
-
-    <template>
-        <div>
-            <v-icon icon="fa-solid fa-calculator" @click="toggleCalculator">  
-            </v-icon>
-            <v-dialog v-model="open" max-width="340">
-                <template v-slot:default="{ open }">
-                <v-card title="Calculator">
-                    <v-card-text>
-                        <v-number-input
-                            v-model="value"
-                            label="Value" 
-                            controlVariant="stacked"
-                            density="compact"
-                            variant="outlined"
-                        ></v-number-input>
-                        <v-btn-toggle v-model="mode" class="flexrow" mandatory divided>
-                            <v-btn value="add" data-tooltip="Add" :color="primaryColor">
-                                <v-icon icon="fa-solid fa-plus"></v-icon>
-                            </v-btn>
-                            <v-btn value="subtract" data-tooltip="Subtract" :color="primaryColor">
-                                <v-icon icon="fa-solid fa-minus"></v-icon>
-                            </v-btn>
-                            <v-btn value="multiply" data-tooltip="Multiply" :color="primaryColor">
-                                <v-icon icon="fa-solid fa-times"></v-icon>
-                            </v-btn>
-                            <v-btn value="divide" data-tooltip="Divide" :color="primaryColor">
-                                <v-icon icon="fa-solid fa-divide"></v-icon>
-                            </v-btn>
-                        </v-btn-toggle>
-                    </v-card-text>
-                    <v-card-actions class="flexrow">
-                        <v-btn text="Submit" @click="submit" prepend-icon="fa-solid fa-check" :color="primaryColor"></v-btn>
-                        <v-btn text="Cancel" @click="toggleCalculator" prepend-icon="fa-solid fa-xmark" :color="secondaryColor"></v-btn>
-                    </v-card-actions>
-                </v-card>
-                </template>
-            </v-dialog>
-        </div>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            systemPath: String,
+            context: Object,
+            primaryColor: String,
+            secondaryColor: String
+        });
+
+        const document = inject("rawDocument");
+
+        const open = ref(false);
+        const value = ref(0);
+        const mode = ref("add");
+        const btn = ref(null);
+
+        const toggleCalculator = () => {
+            open.value = !open.value;
+        };
+
+        const swapMode = (modeName) => {
+            mode.value = modeName;
+            console.log("Swapping mode to", modeName);
+        };
+
+        const isActive = (modeName) => {
+            return mode.value === modeName ? "active" : "";
+        };
+
+        const submit = () => {
+            const update = {};
+            const currentValue = foundry.utils.getProperty(document, props.systemPath);
+            let updateValue = value.value;
+            if (mode.value === "add") {
+                updateValue = currentValue + value.value;
+            } else if (mode.value === "subtract") {
+                updateValue = currentValue - value.value;
+            } else if (mode.value === "multiply") {
+                updateValue = currentValue * value.value;
+            } else if (mode.value === "divide") {
+                updateValue = currentValue / value.value;
+            }
+            if (isNaN(updateValue)) {
+                console.error("Invalid value", updateValue);
+                updateValue = 0;
+            }
+            update[props.systemPath] = updateValue;
+            document.update(update);
+            open.value = false;
+        };
+    </script>
+
+    <template>
+        <div>
+            <v-icon icon="fa-solid fa-calculator" @click="toggleCalculator">  
+            </v-icon>
+            <v-dialog v-model="open" max-width="340">
+                <template v-slot:default="{ open }">
+                <v-card title="Calculator">
+                    <v-card-text>
+                        <v-number-input
+                            v-model="value"
+                            label="Value" 
+                            controlVariant="stacked"
+                            density="compact"
+                            variant="outlined"
+                        ></v-number-input>
+                        <v-btn-toggle v-model="mode" class="flexrow" mandatory divided>
+                            <v-btn value="add" data-tooltip="Add" :color="primaryColor">
+                                <v-icon icon="fa-solid fa-plus"></v-icon>
+                            </v-btn>
+                            <v-btn value="subtract" data-tooltip="Subtract" :color="primaryColor">
+                                <v-icon icon="fa-solid fa-minus"></v-icon>
+                            </v-btn>
+                            <v-btn value="multiply" data-tooltip="Multiply" :color="primaryColor">
+                                <v-icon icon="fa-solid fa-times"></v-icon>
+                            </v-btn>
+                            <v-btn value="divide" data-tooltip="Divide" :color="primaryColor">
+                                <v-icon icon="fa-solid fa-divide"></v-icon>
+                            </v-btn>
+                        </v-btn-toggle>
+                    </v-card-text>
+                    <v-card-actions class="flexrow">
+                        <v-btn text="Submit" @click="submit" prepend-icon="fa-solid fa-check" :color="primaryColor"></v-btn>
+                        <v-btn text="Cancel" @click="toggleCalculator" prepend-icon="fa-solid fa-xmark" :color="secondaryColor"></v-btn>
+                    </v-card-actions>
+                </v-card>
+                </template>
+            </v-dialog>
+        </div>
+    </template>
     `;
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }