intelligent-system-design-language 0.3.13

package/out/cli/components/vue/base-components/vue-damage-bonuses.js

@@ -0,0 +1,225 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+import { globalGetAllOfType } from "../../utils.js";
+import { isChoiceStringValue, isColorParam, isDamageTypeChoiceField, isIconParam, isLabelParam, isStringExtendedChoice, isStringParamChoices } from "../../../../language/generated/ast.js";
+export default function generateDamageBonusesComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `damage-bonuses.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    // Extract damage types from AST
+    function extractDamageTypes() {
+        if (!entry)
+            return '{}';
+        const damageTypeFields = globalGetAllOfType(entry, isDamageTypeChoiceField);
+        const damageTypeMap = {};
+        for (const field of damageTypeFields) {
+            const choicesParam = field.params.find(isStringParamChoices);
+            if (!choicesParam)
+                continue;
+            for (const choice of choicesParam.choices) {
+                let damageTypeKey = '';
+                let damageTypeInfo = { icon: 'fa-solid fa-circle-info', color: '#666666', label: '' };
+                if (isStringExtendedChoice(choice.value)) {
+                    // Extended choice with properties
+                    const valueProperty = choice.value.properties.find(isChoiceStringValue);
+                    if (valueProperty) {
+                        damageTypeKey = valueProperty.value.replace(/"/g, '').toLowerCase();
+                    }
+                    const labelProperty = choice.value.properties.find(isLabelParam);
+                    if (labelProperty) {
+                        damageTypeInfo.label = labelProperty.value.replace(/"/g, '');
+                    }
+                    const iconProperty = choice.value.properties.find(isIconParam);
+                    if (iconProperty) {
+                        damageTypeInfo.icon = iconProperty.value.replace(/"/g, '');
+                    }
+                    const colorProperty = choice.value.properties.find(isColorParam);
+                    if (colorProperty) {
+                        damageTypeInfo.color = colorProperty.value;
+                    }
+                }
+                else {
+                    // Simple string choice
+                    damageTypeKey = choice.value.replace(/"/g, '').toLowerCase();
+                    damageTypeInfo.label = choice.value.replace(/"/g, '');
+                }
+                if (damageTypeKey) {
+                    damageTypeMap[damageTypeKey] = damageTypeInfo;
+                }
+            }
+        }
+        return JSON.stringify(damageTypeMap, null, 8);
+    }
+    const damageTypesObject = extractDamageTypes();
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject, watchEffect } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            visibility: String,
+            editMode: Boolean,
+            icon: String
+        });
+
+        const document = inject("rawDocument");
+
+        // Static damage type configuration extracted from AST
+        const damageTypeConfig = ${damageTypesObject};
+
+        const isHidden = computed(() => {
+            if (props.visibility === "hidden") {
+                return true;
+            }
+            if (props.visibility === "gm" && !game.user.isGM) {
+                return true;
+            }
+            return false;
+        });
+
+        // Get all damage bonuses from the actor's system
+        const damageBonuses = computed(() => {  
+            const system = document.system;
+            const bonusInfo = {};
+            
+            // Scan all system properties for bonus damage fields
+            for (const [key, value] of Object.entries(system)) {
+                const bonusMatch = key.match(/^(.+)bonusdamage$/);
+                
+                if (bonusMatch) {
+                    const damageType = bonusMatch[1];
+                    const damageTypeObj = damageTypeConfig[damageType] || {};
+                    
+                    bonusInfo[damageType] = {
+                        type: damageType,
+                        label: damageTypeObj.label || damageType,
+                        icon: damageTypeObj.icon || 'fa-solid fa-circle-info',
+                        color: damageTypeObj.color || '#666666',
+                        bonus: Number(value) || 0
+                    };
+                }
+            }
+            
+            // Convert to array and sort by damage type name
+            return Object.values(bonusInfo).sort((a, b) => a.type.localeCompare(b.type));
+        });
+
+        // Helper function to capitalize damage type names
+        const capitalize = (str) => {
+            return str.charAt(0).toUpperCase() + str.slice(1);
+        };
+
+        // Helper function to format bonus values
+        const formatBonus = (value) => {
+            const numValue = Number(value) || 0;
+            return numValue > 0 ? \`+\${numValue}\` : \`\${numValue}\`;
+        };
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-damage-bonuses pt-2 single-wide">
+            <v-card class="damage-bonuses-card" variant="outlined" theme="light" color="white">
+                <v-card-title class="damage-bonuses-header bg-grey-darken-3 text-white">
+                    <v-icon v-if="icon" class="me-2">{{ icon }}</v-icon>
+                    <span>{{ game.i18n.localize(label) }}</span>
+                </v-card-title>
+
+                <v-card-text class="pa-0">
+                    <div v-if="damageBonuses.length === 0" class="text-center text-disabled pa-2">
+                        No damage bonuses found
+                    </div>
+
+                    <v-table v-else density="compact" class="damage-bonuses-table">
+                        <thead>
+                            <tr>
+                                <th class="text-left text-white">Type</th>
+                                <th class="text-center text-white">Bonus</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="damage in damageBonuses" :key="damage.type" class="damage-type-row">
+                                <td class="damage-type-name">
+                                    <div class="damage-type-header">
+                                        <v-icon :color="damage.color" size="small" class="me-2">{{ damage.icon }}</v-icon>
+                                        <span class="text-subtitle-2">{{ damage.label || capitalize(damage.type) }}</span>
+                                    </div>
+                                </td>
+                                <td class="text-center">
+                                    <v-chip
+                                        size="small"
+                                        :color="Number(damage.bonus) > 0 ? 'success' : Number(damage.bonus) < 0 ? 'error' : 'default'"
+                                        variant="flat"
+                                        class="text-white font-weight-bold"
+                                    >
+                                        {{ formatBonus(damage.bonus) }}
+                                    </v-chip>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </v-table>
+                </v-card-text>
+            </v-card>
+        </div>
+    </template>
+
+    <style scoped>
+    .damage-bonuses-card {
+        border-radius: 6px;
+        background: #ffffff;
+    }
+
+    .damage-bonuses-header {
+        background: #424242;
+        color: #ffffff;
+        padding: 6px 12px;
+        font-size: 0.85rem;
+        font-weight: 600;
+        border-bottom: 1px solid #333;
+    }
+
+    .damage-bonuses-table {
+        background: #ffffff;
+    }
+
+    .damage-type-row:hover {
+        background-color: #f9f9f9;
+    }
+
+    .damage-type-name {
+        font-weight: 500;
+        min-width: 120px;
+    }
+
+    .damage-type-header {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .v-table th {
+        font-weight: 600;
+        font-size: 0.8rem;
+        color: #555;
+        background: #fafafa;
+        border-bottom: 1px solid #e0e0e0;
+    }
+
+    .v-table td {
+        padding: 4px 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    .v-chip {
+        min-width: 48px;
+        justify-content: center;
+    }
+    </style>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-damage-bonuses.js.map

package/out/cli/components/vue/base-components/vue-damage-bonuses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-damage-bonuses.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-damage-bonuses.ts"],"names":[],"mappings":"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"}

package/out/cli/components/vue/base-components/vue-damage-resistances.js

@@ -0,0 +1,256 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+import { globalGetAllOfType } from "../../utils.js";
+import { isChoiceStringValue, isColorParam, isDamageTypeChoiceField, isIconParam, isLabelParam, isStringExtendedChoice, isStringParamChoices } from "../../../../language/generated/ast.js";
+export default function generateDamageResistancesComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `damage-resistances.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    // Extract damage types from AST
+    function extractDamageTypes() {
+        if (!entry)
+            return '{}';
+        const damageTypeFields = globalGetAllOfType(entry, isDamageTypeChoiceField);
+        const damageTypeMap = {};
+        for (const field of damageTypeFields) {
+            const choicesParam = field.params.find(isStringParamChoices);
+            if (!choicesParam)
+                continue;
+            for (const choice of choicesParam.choices) {
+                let damageTypeKey = '';
+                let damageTypeInfo = { icon: 'fa-solid fa-circle-info', color: '#666666', label: '' };
+                if (isStringExtendedChoice(choice.value)) {
+                    // Extended choice with properties
+                    const valueProperty = choice.value.properties.find(isChoiceStringValue);
+                    if (valueProperty) {
+                        damageTypeKey = valueProperty.value.replace(/"/g, '').toLowerCase();
+                    }
+                    const labelProperty = choice.value.properties.find(isLabelParam);
+                    if (labelProperty) {
+                        damageTypeInfo.label = labelProperty.value.replace(/"/g, '');
+                    }
+                    const iconProperty = choice.value.properties.find(isIconParam);
+                    if (iconProperty) {
+                        damageTypeInfo.icon = iconProperty.value.replace(/"/g, '');
+                    }
+                    const colorProperty = choice.value.properties.find(isColorParam);
+                    if (colorProperty) {
+                        damageTypeInfo.color = colorProperty.value;
+                    }
+                }
+                else {
+                    // Simple string choice
+                    damageTypeKey = choice.value.replace(/"/g, '').toLowerCase();
+                    damageTypeInfo.label = choice.value.replace(/"/g, '');
+                }
+                if (damageTypeKey) {
+                    damageTypeMap[damageTypeKey] = damageTypeInfo;
+                }
+            }
+        }
+        return JSON.stringify(damageTypeMap, null, 8);
+    }
+    const damageTypesObject = extractDamageTypes();
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject, watchEffect } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            visibility: String,
+            editMode: Boolean,
+            icon: String
+        });
+
+        const document = inject("rawDocument");
+
+        // Static damage type configuration extracted from AST
+        const damageTypeConfig = ${damageTypesObject};
+
+        const isHidden = computed(() => {
+            if (props.visibility === "hidden") {
+                return true;
+            }
+            if (props.visibility === "gm" && !game.user.isGM) {
+                return true;
+            }
+            return false;
+        });
+
+        // Get all damage resistances from the actor's system
+        const damageResistances = computed(() => {      
+            const system = document.system;
+            const resistanceInfo = {};
+            
+            // Scan all system properties for resistance damage fields
+            for (const [key, value] of Object.entries(system)) {
+                const flatResistMatch = key.match(/^(.+)damageresistanceflat$/);
+                const percentResistMatch = key.match(/^(.+)damageresistancepercent$/);
+                
+                let damageType = null;
+                let effectType = null;
+                
+                if (flatResistMatch) {
+                    damageType = flatResistMatch[1];
+                    effectType = 'flatResistance';
+                } else if (percentResistMatch) {
+                    damageType = percentResistMatch[1];
+                    effectType = 'percentResistance';
+                }
+                
+                if (damageType && effectType) {
+                    if (!resistanceInfo[damageType]) {
+                        const damageTypeObj = damageTypeConfig[damageType] || {};
+                        
+                        resistanceInfo[damageType] = {
+                            type: damageType,
+                            label: damageTypeObj.label || damageType,
+                            icon: damageTypeObj.icon || 'fa-solid fa-circle-info',
+                            color: damageTypeObj.color || '#666666',
+                            flatResistance: 0,
+                            percentResistance: 0
+                        };
+                    }
+                    
+                    if (effectType === 'flatResistance') {
+                        resistanceInfo[damageType].flatResistance = Number(value) || 0;
+                    } else if (effectType === 'percentResistance') {
+                        resistanceInfo[damageType].percentResistance = Number(value) || 0;
+                    }
+                }
+            }
+            
+            // Convert to array and sort by damage type name
+            return Object.values(resistanceInfo).sort((a, b) => a.type.localeCompare(b.type));
+        });
+
+        // Helper function to capitalize damage type names
+        const capitalize = (str) => {
+            return str.charAt(0).toUpperCase() + str.slice(1);
+        };
+
+        // Helper function to format resistance values
+        const formatValue = (value, suffix = '') => {
+            const numValue = Number(value) || 0;
+            return \`\${numValue}\${suffix}\`;
+        };
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-damage-resistances pt-2 double-wide">
+            <v-card class="damage-resistances-card" variant="outlined" theme="light" color="white">
+                <v-card-title class="damage-resistances-header bg-grey-darken-3 text-white">
+                    <v-icon v-if="icon" class="me-2">{{ icon }}</v-icon>
+                    <span>{{ game.i18n.localize(label) }}</span>
+                </v-card-title>
+
+                <v-card-text class="pa-0">
+                    <div v-if="damageResistances.length === 0" class="text-center text-disabled pa-2">
+                        No damage resistances found
+                    </div>
+
+                    <v-table v-else density="compact" class="damage-resistances-table">
+                        <thead>
+                            <tr>
+                                <th class="text-left text-white">Type</th>
+                                <th class="text-center text-white">Flat Resistance</th>
+                                <th class="text-center text-white">% Resistance</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="damage in damageResistances" :key="damage.type" class="damage-type-row">
+                                <td class="damage-type-name">
+                                    <div class="damage-type-header">
+                                        <v-icon :color="damage.color" size="small" class="me-2">{{ damage.icon }}</v-icon>
+                                        <span class="text-subtitle-2">{{ damage.label || capitalize(damage.type) }}</span>
+                                    </div>
+                                </td>
+                                <td class="text-center">
+                                    <v-chip
+                                        size="small"
+                                        :color="Number(damage.flatResistance) > 0 ? 'primary' : 'default'"
+                                        variant="flat"
+                                        class="text-white font-weight-bold"
+                                    >
+                                        {{ formatValue(damage.flatResistance) }}
+                                    </v-chip>
+                                </td>
+                                <td class="text-center">
+                                    <v-chip
+                                        size="small"
+                                        :color="Number(damage.percentResistance) > 0 ? 'primary' : 'default'"
+                                        variant="flat"
+                                        class="text-white font-weight-bold"
+                                    >
+                                        {{ formatValue(damage.percentResistance, '%') }}
+                                    </v-chip>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </v-table>
+                </v-card-text>
+            </v-card>
+        </div>
+    </template>
+
+    <style scoped>
+    .damage-resistances-card {
+        border-radius: 6px;
+        background: #ffffff;
+    }
+
+    .damage-resistances-header {
+        background: #424242;
+        color: #ffffff;
+        padding: 6px 12px;
+        font-size: 0.85rem;
+        font-weight: 600;
+        border-bottom: 1px solid #333;
+    }
+
+    .damage-resistances-table {
+        background: #ffffff;
+    }
+
+    .damage-type-row:hover {
+        background-color: #f9f9f9;
+    }
+
+    .damage-type-name {
+        font-weight: 500;
+        min-width: 120px;
+    }
+
+    .damage-type-header {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .v-table th {
+        font-weight: 600;
+        font-size: 0.8rem;
+        color: #555;
+        background: #fafafa;
+        border-bottom: 1px solid #e0e0e0;
+    }
+
+    .v-table td {
+        padding: 4px 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    .v-chip {
+        min-width: 48px;
+        justify-content: center;
+    }
+    </style>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-damage-resistances.js.map

package/out/cli/components/vue/base-components/vue-damage-resistances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-damage-resistances.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-damage-resistances.ts"],"names":[],"mappings":"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"}

package/out/cli/components/vue/base-components/vue-damage-track.js

@@ -0,0 +1,134 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateDamageTrackComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `damage-track.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            editMode: Boolean,
+            primaryColor: String,
+            secondaryColor: String,
+            types: Array,
+            max: Number,
+        });
+
+        const document = inject("rawDocument");
+
+        // types ordered from least to most severe (first type is least severe)
+        // empty is always the "unfilled" state
+        const typeColors = ['#888888', '#4fc3f7', '#ef5350', '#7b1fa2', '#ff9800', '#43a047'];
+
+        const getColor = (index) => {
+            if (index === 0) return props.secondaryColor ?? '#555';
+            return typeColors[index] ?? typeColors[typeColors.length - 1];
+        };
+
+        // Build ordered list of boxes: [most-severe ... least-severe ... empty]
+        // We render: all aggravated boxes, then lethal, then bashing, then empty
+        const boxes = computed(() => {
+            const result = [];
+            const types = props.types ?? [];
+            // Fill from most severe (last type) to least severe (first type), then empty
+            for (let t = types.length - 1; t >= 0; t--) {
+                const count = getVal(types[t]);
+                for (let i = 0; i < count; i++) {
+                    result.push({ type: types[t], typeIndex: t + 1 });
+                }
+            }
+            const emptyCount = getVal('empty');
+            for (let i = 0; i < emptyCount; i++) {
+                result.push({ type: 'empty', typeIndex: 0 });
+            }
+            return result;
+        });
+
+        const getVal = (type) => {
+            const v = foundry.utils.getProperty(props.context, props.systemPath + '.' + type);
+            return Math.max(0, Math.floor(v ?? 0));
+        };
+
+        const setVal = (type, value) => {
+            foundry.utils.setProperty(props.context, props.systemPath + '.' + type, value);
+        };
+
+        // Left-click: fill an empty box with least-severe type
+        const addDamage = (box, index) => {
+            if (!props.editMode) return;
+            const types = props.types ?? [];
+            if (types.length === 0) return;
+            if (box.type === 'empty') {
+                const leastSevere = types[0];
+                setVal(leastSevere, getVal(leastSevere) + 1);
+                setVal('empty', getVal('empty') - 1);
+            } else {
+                // Upgrade: cycle to next more severe type if available
+                const typeIndex = types.indexOf(box.type);
+                if (typeIndex < types.length - 1) {
+                    const nextType = types[typeIndex + 1];
+                    setVal(box.type, getVal(box.type) - 1);
+                    setVal(nextType, getVal(nextType) + 1);
+                }
+            }
+        };
+
+        // Right-click: heal most-severe filled box → empty
+        const healDamage = (box, index) => {
+            if (!props.editMode) return;
+            if (box.type === 'empty') return;
+            setVal(box.type, getVal(box.type) - 1);
+            setVal('empty', getVal('empty') + 1);
+        };
+
+        const getLabel = computed(() => game.i18n.localize(props.label));
+
+        const boxSymbol = (type) => {
+            const types = props.types ?? [];
+            const idx = types.indexOf(type);
+            if (type === 'empty') return '';
+            if (idx === types.length - 1) return 'X';
+            if (idx === types.length - 2) return '/';
+            return '\\\\';
+        };
+    </script>
+
+    <template>
+        <div class="isdl-damage-track">
+            <div class="damage-track-label">{{ getLabel }}</div>
+            <div class="damage-track-boxes">
+                <div
+                    v-for="(box, i) in boxes"
+                    :key="i"
+                    class="damage-box"
+                    :class="{ 'damage-box--filled': box.type !== 'empty', 'damage-box--empty': box.type === 'empty' }"
+                    :style="{
+                        borderColor: getColor(box.typeIndex),
+                        backgroundColor: box.type !== 'empty' ? getColor(box.typeIndex) : 'transparent',
+                    }"
+                    :data-tooltip="box.type !== 'empty' ? box.type : 'empty'"
+                    @click.stop="addDamage(box, i)"
+                    @contextmenu.prevent.stop="healDamage(box, i)"
+                >
+                    <span class="damage-symbol">{{ boxSymbol(box.type) }}</span>
+                </div>
+            </div>
+            <div class="damage-track-legend" v-if="types && types.length">
+                <span v-for="(t, i) in types" :key="t" class="damage-legend-item">
+                    <span :style="{ color: getColor(i + 1) }">{{ boxSymbol(t) }}</span> {{ t }}
+                </span>
+            </div>
+        </div>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-damage-track.js.map

package/out/cli/components/vue/base-components/vue-damage-track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-damage-track.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-damage-track.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,WAAmB;IACpE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;IAE1E,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyH5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}