intelligent-system-design-language 0.3.22 → 0.3.23

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

@@ -7,68 +7,68 @@ export default function generateSelfPropertyReferenceComponent(destination, entr
     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>
+    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));
 }

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

@@ -7,104 +7,104 @@ export default function generateStringChoiceComponent(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,
-            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>
+    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));
 }