intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/components/vue/base-components/vue-date-time.js

@@ -7,48 +7,48 @@ export default function generateDateTimeComponent(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,
-            type: String,
-            systemPath: String,
-            context: Object,
-            disabled: Boolean
-        });
-
-        const value = ref(foundry.utils.getProperty(props.context, props.systemPath));
-        const document = inject("rawDocument");
-
-        const debouncedPersist = foundry.utils.debounce((newValue) => {
-            const update = {};
-            value.value = newValue;
-            update[props.systemPath] = newValue;
-            document.update(update);
-        }, 150);
-
-        const update = (newValue) => {
-            value.value = newValue;
-            debouncedPersist(newValue);
-        };
-    </script>
-    <template>
-        <v-input v-model="value" class="isdl-datetime">
-            <template #default>
-                <v-field 
-                    class="v-field--active"
-                    density="compact"
-                    variant="outlined"
-                    :disabled="disabled"
-                    :label="game.i18n.localize(label)"
-                >
-                    <input :type="type" :name="systemPath" v-model="value" :disabled="disabled" />
-                </v-field>
-            </template>
-        </v-input>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            type: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean
+        });
+
+        const value = ref(foundry.utils.getProperty(props.context, props.systemPath));
+        const document = inject("rawDocument");
+
+        const debouncedPersist = foundry.utils.debounce((newValue) => {
+            const update = {};
+            value.value = newValue;
+            update[props.systemPath] = newValue;
+            document.update(update);
+        }, 150);
+
+        const update = (newValue) => {
+            value.value = newValue;
+            debouncedPersist(newValue);
+        };
+    </script>
+    <template>
+        <v-input v-model="value" class="isdl-datetime">
+            <template #default>
+                <v-field 
+                    class="v-field--active"
+                    density="compact"
+                    variant="outlined"
+                    :disabled="disabled"
+                    :label="game.i18n.localize(label)"
+                >
+                    <input :type="type" :name="systemPath" v-model="value" :disabled="disabled" />
+                </v-field>
+            </template>
+        </v-input>
+    </template>
     `;
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

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

@@ -7,104 +7,104 @@ export default function generateDiceComponent(destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    <script setup>
-        import { ref, computed, inject, watch } from "vue";
-
-        const props = defineProps({
-            label: String,
-            icon: String,
-            systemPath: String,
-            context: Object,
-            editMode: Boolean,
-            disabled: Boolean,
-            choices: Array,
-            primaryColor: String,
-            secondaryColor: String
-        });
-
-        const document = inject("rawDocument");
-
-        const getLabel = (label, icon) => {
-            const localized = game.i18n.localize(label);
-            if (icon) {
-                return \`<i class="\${icon}"></i> \${localized}\`;
-            }
-            return localized;
-        };
-
-        const numberValue = computed({
-            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".number") ?? 1,
-            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".number", newValue)
-        });
-
-        const dieValue = computed({
-            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".die") ?? "d6",
-            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".die", newValue)
-        });
-
-        watch(numberValue, (newVal) => {
-            if (document) document.update({ [\`\${props.systemPath}.number\`]: newVal });
-        });
-        watch(dieValue, (newVal) => {
-            if (document) document.update({ [\`\${props.systemPath}.die\`]: newVal });
-        });
-    </script>
-
-    <template>
-        <v-input 
-            class="isdl-dice-field"
-            :disabled="disabled"
-            hide-details
-        >
-            
-            <template #default>
-                <v-field
-                    class="v-field--active"
-                    variant="outlined"
-                    density="compact"
-                    :disabled="disabled"
-                >
-                    <template #label>
-                        <span v-html="getLabel(label, icon)" />
-                    </template>
-                    <div class="flexrow align-center inner-content">
-                        <v-number-input
-                            :name="systemPath + '.number'"
-                            v-model="numberValue" 
-                            :min="0" 
-                            :step="1" 
-                            variant="plain" 
-                            density="compact"
-                            :disabled="disabled"
-                            hide-details
-                            class="dice-number-input inner-input"
-                            style="flex: 1; min-width: 50px; text-align: center; margin-right: 0.5rem;"
-                            control-variant="stacked"
-                        />
-                        
-                        <v-select 
-                            :name="systemPath + '.die'"
-                            v-model="dieValue" 
-                            :items="choices" 
-                            item-value="value" 
-                            item-title="label"
-                            :disabled="disabled"
-                            variant="plain"
-                            density="compact"
-                            hide-details
-                            class="dice-type-select inner-input"
-                            style="flex: 2; min-width: 100px;"
-                        >
-                            <template #prepend-inner>
-                                <i :class="'fa-solid fa-dice-' + dieValue" style="padding-right: 6px;"></i>
-                            </template>
-                        </v-select>
-                    </div>
-                </v-field>
-            </template>
-        </v-input>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject, watch } from "vue";
+
+        const props = defineProps({
+            label: String,
+            icon: String,
+            systemPath: String,
+            context: Object,
+            editMode: Boolean,
+            disabled: Boolean,
+            choices: Array,
+            primaryColor: String,
+            secondaryColor: String
+        });
+
+        const document = inject("rawDocument");
+
+        const getLabel = (label, icon) => {
+            const localized = game.i18n.localize(label);
+            if (icon) {
+                return \`<i class="\${icon}"></i> \${localized}\`;
+            }
+            return localized;
+        };
+
+        const numberValue = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".number") ?? 1,
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".number", newValue)
+        });
+
+        const dieValue = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath + ".die") ?? "d6",
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath + ".die", newValue)
+        });
+
+        watch(numberValue, (newVal) => {
+            if (document) document.update({ [\`\${props.systemPath}.number\`]: newVal });
+        });
+        watch(dieValue, (newVal) => {
+            if (document) document.update({ [\`\${props.systemPath}.die\`]: newVal });
+        });
+    </script>
+
+    <template>
+        <v-input 
+            class="isdl-dice-field"
+            :disabled="disabled"
+            hide-details
+        >
+            
+            <template #default>
+                <v-field
+                    class="v-field--active"
+                    variant="outlined"
+                    density="compact"
+                    :disabled="disabled"
+                >
+                    <template #label>
+                        <span v-html="getLabel(label, icon)" />
+                    </template>
+                    <div class="flexrow align-center inner-content">
+                        <v-number-input
+                            :name="systemPath + '.number'"
+                            v-model="numberValue" 
+                            :min="0" 
+                            :step="1" 
+                            variant="plain" 
+                            density="compact"
+                            :disabled="disabled"
+                            hide-details
+                            class="dice-number-input inner-input"
+                            style="flex: 1; min-width: 50px; text-align: center; margin-right: 0.5rem;"
+                            control-variant="stacked"
+                        />
+                        
+                        <v-select 
+                            :name="systemPath + '.die'"
+                            v-model="dieValue" 
+                            :items="choices" 
+                            item-value="value" 
+                            item-title="label"
+                            :disabled="disabled"
+                            variant="plain"
+                            density="compact"
+                            hide-details
+                            class="dice-type-select inner-input"
+                            style="flex: 2; min-width: 100px;"
+                        >
+                            <template #prepend-inner>
+                                <i :class="'fa-solid fa-dice-' + dieValue" style="padding-right: 6px;"></i>
+                            </template>
+                        </v-select>
+                    </div>
+                </v-field>
+            </template>
+        </v-input>
+    </template>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

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

@@ -7,79 +7,79 @@ export default function generateDieComponent(destination, entry) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    <script setup>
-        import { ref, computed, inject, watch } from "vue";
-
-        const props = defineProps({
-            label: String,
-            systemPath: String,
-            context: Object,
-            visibility: String,
-            disabled: Boolean,
-            icon: String,
-            color: String,
-            none: {
-                type: Boolean,
-                default: false
-            },
-            choices: {
-                type: Array,
-                default: () => ['d4', 'd6', 'd8', 'd10', 'd12', 'd20']
-            }
-        });
-
-        const document = inject("rawDocument");
-
-        const selectColor = computed(() => {
-            return props.color || 'primary';
-        });
-
-        const allChoices = computed(() => {
-            return props.none ? ['none', ...props.choices] : props.choices;
-        });
-
-        const value = computed({
-            get: () => foundry.utils.getProperty(props.context, props.systemPath),
-            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
-        });
-
-        watch(value, (newVal) => {
-            if (document) document.update({ [props.systemPath]: newVal });
-        });
-
-        const dieIcon = computed(() => {
-            const currentValue = value.value;
-            if (!currentValue || currentValue === 'none') return 'fa-solid fa-ban';
-            if (currentValue.startsWith('d')) {
-                return \`fa-solid fa-dice-\${currentValue}\`;
-            }
-            return 'fa-solid fa-dice';
-        });
-    </script>
-
-    <template>
-        <v-select
-            v-model="value"
-            :name="props.systemPath"
-            :items="allChoices"
-            :disabled="disabled"
-            :color="selectColor"
-            density="compact"
-            variant="outlined"
-            class="isdl-die 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>
-            <template #prepend-inner>
-                <v-icon :icon="dieIcon" size="small"></v-icon>
-            </template>
-        </v-select>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject, watch } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            visibility: String,
+            disabled: Boolean,
+            icon: String,
+            color: String,
+            none: {
+                type: Boolean,
+                default: false
+            },
+            choices: {
+                type: Array,
+                default: () => ['d4', 'd6', 'd8', 'd10', 'd12', 'd20']
+            }
+        });
+
+        const document = inject("rawDocument");
+
+        const selectColor = computed(() => {
+            return props.color || 'primary';
+        });
+
+        const allChoices = computed(() => {
+            return props.none ? ['none', ...props.choices] : props.choices;
+        });
+
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+        });
+
+        watch(value, (newVal) => {
+            if (document) document.update({ [props.systemPath]: newVal });
+        });
+
+        const dieIcon = computed(() => {
+            const currentValue = value.value;
+            if (!currentValue || currentValue === 'none') return 'fa-solid fa-ban';
+            if (currentValue.startsWith('d')) {
+                return \`fa-solid fa-dice-\${currentValue}\`;
+            }
+            return 'fa-solid fa-dice';
+        });
+    </script>
+
+    <template>
+        <v-select
+            v-model="value"
+            :name="props.systemPath"
+            :items="allChoices"
+            :disabled="disabled"
+            :color="selectColor"
+            density="compact"
+            variant="outlined"
+            class="isdl-die 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>
+            <template #prepend-inner>
+                <v-icon :icon="dieIcon" size="small"></v-icon>
+            </template>
+        </v-select>
+    </template>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }