@conduction/nextcloud-vue 0.1.0-beta.13 → 0.1.0-beta.14

package/src/components/CnSchemaFormDialog/CnSchemaPropertyActions.vue

@@ -1,119 +1,119 @@
 <template>
 	<NcActions>
-		<NcActionCaption name="Actions" />
-		<NcActionButton :aria-label="'Copy ' + propertyKey" @click="$emit('copy-property', propertyKey)">
+		<NcActionCaption :name="t('nextcloud-vue', 'Actions')" />
+		<NcActionButton :aria-label="t('nextcloud-vue', 'Copy {key}', { key: propertyKey })" @click="$emit('copy-property', propertyKey)">
 			<template #icon>
 				<ContentCopy :size="16" />
 			</template>
-			Copy Property
+			{{ t('nextcloud-vue', 'Copy property') }}
 		</NcActionButton>
-		<NcActionButton :aria-label="'Delete ' + propertyKey" @click="$emit('delete-property', propertyKey)">
+		<NcActionButton :aria-label="t('nextcloud-vue', 'Delete {key}', { key: propertyKey })" @click="$emit('delete-property', propertyKey)">
 			<template #icon>
 				<TrashCanOutline :size="16" />
 			</template>
-			Delete Property
+			{{ t('nextcloud-vue', 'Delete property') }}
 		</NcActionButton>
 
 		<NcActionSeparator />
-		<NcActionCaption name="General" />
+		<NcActionCaption :name="t('nextcloud-vue', 'General')" />
 		<NcActionCheckbox
 			:checked="isPropertyRequired(schema, propertyKey)"
 			@update:checked="updatePropertyRequired(propertyKey, $event)">
-			Required
+			{{ t('nextcloud-vue', 'Required') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="property.immutable || false"
 			@update:checked="updatePropertySetting(propertyKey, 'immutable', $event)">
-			Immutable
+			{{ t('nextcloud-vue', 'Immutable') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="property.deprecated || false"
 			@update:checked="updatePropertySetting(propertyKey, 'deprecated', $event)">
-			Deprecated
+			{{ t('nextcloud-vue', 'Deprecated') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="property.visible !== false"
 			@update:checked="updatePropertySetting(propertyKey, 'visible', $event)">
-			Visible to end users
+			{{ t('nextcloud-vue', 'Visible to end users') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="property.hideOnCollection || false"
 			@update:checked="updatePropertySetting(propertyKey, 'hideOnCollection', $event)">
-			Hide in collection view
+			{{ t('nextcloud-vue', 'Hide in collection view') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="property.hideOnForm || false"
 			@update:checked="updatePropertySetting(propertyKey, 'hideOnForm', $event)">
-			Hide in form view
+			{{ t('nextcloud-vue', 'Hide in form view') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			:checked="isFacetableEnabled(property)"
 			@update:checked="toggleFacetable(propertyKey, $event)">
-			Facetable
+			{{ t('nextcloud-vue', 'Facetable') }}
 		</NcActionCheckbox>
 		<NcActionCheckbox
 			v-if="isFacetableEnabled(property)"
 			:checked="getFacetConfig(property).aggregated !== false"
 			@update:checked="updateFacetConfigField(propertyKey, property, 'aggregated', $event)">
-			Aggregated across schemas
+			{{ t('nextcloud-vue', 'Aggregated across schemas') }}
 		</NcActionCheckbox>
 		<NcActionInput
 			v-if="isFacetableEnabled(property)"
 			:value="getFacetConfig(property).title || ''"
-			label="Facet Title"
+			:label="t('nextcloud-vue', 'Facet title')"
 			@update:value="updateFacetConfigField(propertyKey, property, 'title', $event)" />
 		<NcActionInput
 			v-if="isFacetableEnabled(property)"
 			:value="getFacetConfig(property).description || ''"
-			label="Facet Description"
+			:label="t('nextcloud-vue', 'Facet description')"
 			@update:value="updateFacetConfigField(propertyKey, property, 'description', $event)" />
 		<NcActionInput
 			v-if="isFacetableEnabled(property)"
 			:value="getFacetConfig(property).order != null ? String(getFacetConfig(property).order) : ''"
 			type="number"
-			label="Facet Order"
+			:label="t('nextcloud-vue', 'Facet order')"
 			@update:value="updateFacetConfigField(propertyKey, property, 'order', $event)" />
 
 		<NcActionSeparator />
-		<NcActionCaption name="Properties" />
+		<NcActionCaption :name="t('nextcloud-vue', 'Properties')" />
 		<NcActionInput
 			:value="property.title || ''"
-			label="Title"
+			:label="t('nextcloud-vue', 'Title')"
 			@update:value="updatePropertySetting(propertyKey, 'title', $event)" />
 		<NcActionInput
 			v-if="getFormatOptionsForType(property.type).length > 0"
 			v-model="schema.properties[propertyKey].format"
 			type="multiselect"
 			:options="getFormatOptionsForType(property.type)"
-			input-label="Format"
-			label="Format" />
+			:input-label="t('nextcloud-vue', 'Format')"
+			:label="t('nextcloud-vue', 'Format')" />
 		<NcActionInput
 			:value="property.description || ''"
-			label="Description"
+			:label="t('nextcloud-vue', 'Description')"
 			@update:value="updatePropertySetting(propertyKey, 'description', $event)" />
 		<NcActionInput
 			:value="property.example || ''"
-			label="Example"
+			:label="t('nextcloud-vue', 'Example')"
 			@update:value="updatePropertySetting(propertyKey, 'example', $event)" />
 		<NcActionInput
 			:value="property.order || 0"
 			type="number"
-			label="Order"
+			:label="t('nextcloud-vue', 'Order')"
 			@update:value="updatePropertySetting(propertyKey, 'order', Number($event))" />
 
 		<!-- Const and Enum Configuration -->
 		<NcActionSeparator />
-		<NcActionCaption name="Value Constraints" />
+		<NcActionCaption :name="t('nextcloud-vue', 'Value constraints')" />
 		<NcActionInput
 			:value="property.const || ''"
-			label="Constant"
+			:label="t('nextcloud-vue', 'Constant')"
 			@update:value="updatePropertySetting(propertyKey, 'const', $event === '' ? undefined : $event)" />
 		<template v-if="property.enum && property.enum.length > 0">
-			<NcActionCaption :name="'Current Enum Values (' + property.enum.length + ')'" />
+			<NcActionCaption :name="t('nextcloud-vue', 'Current enum values ({count})', { count: property.enum.length })" />
 			<NcActionButton
 				v-for="(enumValue, index) in property.enum"
 				:key="`enum-chip-${index}-${enumValue}`"
-				:aria-label="'Remove ' + enumValue"
+				:aria-label="t('nextcloud-vue', 'Remove {value}', { value: enumValue })"
 				class="cn-schema-form__enum-action-chip"
 				@click="removeEnumValue(propertyKey, index)">
 				<template #icon>
@@ -124,45 +124,45 @@
 		</template>
 		<NcActionInput
 			:value="enumInputValue"
-			label="Add Enum Value"
-			placeholder="Type value and press Enter"
+			:label="t('nextcloud-vue', 'Add enum value')"
+			:placeholder="t('nextcloud-vue', 'Type value and press Enter')"
 			@update:value="enumInputValue = $event"
 			@keydown.enter.prevent="addEnumValueAndClear(propertyKey)" />
 
 		<!-- Default Value Configuration -->
 		<NcActionSeparator />
-		<NcActionCaption name="Default Value Configuration" />
+		<NcActionCaption :name="t('nextcloud-vue', 'Default value configuration')" />
 		<template v-if="property.type === 'string'">
 			<NcActionInput
 				:value="property.default || ''"
-				label="Default Value"
+				:label="t('nextcloud-vue', 'Default value')"
 				@update:value="updatePropertySetting(propertyKey, 'default', $event === '' ? undefined : $event)" />
 		</template>
 		<template v-else-if="property.type === 'number' || property.type === 'integer'">
 			<NcActionInput
 				:value="property.default || 0"
 				type="number"
-				label="Default Value"
+				:label="t('nextcloud-vue', 'Default value')"
 				@update:value="updatePropertySetting(propertyKey, 'default', Number($event))" />
 		</template>
 		<template v-else-if="property.type === 'boolean'">
 			<NcActionCheckbox
 				:checked="property.default === true"
 				@update:checked="updatePropertySetting(propertyKey, 'default', $event)">
-				Default Value
+				{{ t('nextcloud-vue', 'Default value') }}
 			</NcActionCheckbox>
 		</template>
 		<template v-else-if="property.type === 'array' && property.items && property.items.type === 'string'">
 			<NcActionInput
 				:value="getArrayDefaultAsString(property.default)"
-				label="Default Values (comma separated)"
+				:label="t('nextcloud-vue', 'Default values (comma separated)')"
 				placeholder="value1, value2, value3"
 				@update:value="updateArrayDefault(propertyKey, $event)" />
 		</template>
 		<template v-else-if="property.type === 'object'">
 			<NcActionInput
 				:value="typeof property.default === 'object' ? JSON.stringify(property.default, null, 2) : (property.default || '{}')"
-				label="Default Value (JSON)"
+				:label="t('nextcloud-vue', 'Default value (JSON)')"
 				@update:value="updateObjectDefault(propertyKey, $event)" />
 		</template>
 
@@ -171,122 +171,115 @@
 			<NcActionCheckbox
 				:checked="property.defaultBehavior === 'falsy'"
 				@update:checked="updatePropertySetting(propertyKey, 'defaultBehavior', $event ? 'falsy' : 'false')">
-				Apply default for empty values
+				{{ t('nextcloud-vue', 'Apply default for empty values') }}
 			</NcActionCheckbox>
 			<NcActionCaption
 				v-if="property.defaultBehavior === 'falsy'"
-				name="ℹ️ Default will be applied when value is missing, null, or empty string"
+				:name="'ℹ️ ' + t('nextcloud-vue', 'Default will be applied when value is missing, null, or empty string')"
 				style="color: var(--color-text-lighter); font-size: 11px;" />
 			<NcActionCaption
 				v-else
-				name="ℹ️ Default will only be applied when value is missing or null"
+				:name="'ℹ️ ' + t('nextcloud-vue', 'Default will only be applied when value is missing or null')"
 				style="color: var(--color-text-lighter); font-size: 11px;" />
 		</template>
 
 		<!-- Type-specific configurations -->
 		<template v-if="property.type === 'string'">
 			<NcActionSeparator />
-			<NcActionCaption name="String Configuration" />
+			<NcActionCaption :name="t('nextcloud-vue', 'String configuration')" />
 			<NcActionInput
 				:value="property.minLength || 0"
 				type="number"
-				label="Minimum Length"
+				:label="t('nextcloud-vue', 'Minimum length')"
 				@update:value="updatePropertySetting(propertyKey, 'minLength', Number($event))" />
 			<NcActionInput
 				:value="property.maxLength || 0"
 				type="number"
-				label="Maximum Length"
+				:label="t('nextcloud-vue', 'Maximum length')"
 				@update:value="updatePropertySetting(propertyKey, 'maxLength', Number($event))" />
 			<NcActionInput
 				:value="property.pattern || ''"
-				label="Pattern (regex)"
+				:label="t('nextcloud-vue', 'Pattern (regex)')"
 				@update:value="updatePropertySetting(propertyKey, 'pattern', $event)" />
 		</template>
 
 		<template v-if="property.type === 'number' || property.type === 'integer'">
 			<NcActionSeparator />
-			<NcActionCaption name="Number Configuration" />
+			<NcActionCaption :name="t('nextcloud-vue', 'Number configuration')" />
 			<NcActionInput
 				:value="property.minimum || 0"
 				type="number"
-				label="Minimum Value"
+				:label="t('nextcloud-vue', 'Minimum value')"
 				@update:value="updatePropertySetting(propertyKey, 'minimum', Number($event))" />
 			<NcActionInput
 				:value="property.maximum || 0"
 				type="number"
-				label="Maximum Value"
+				:label="t('nextcloud-vue', 'Maximum value')"
 				@update:value="updatePropertySetting(propertyKey, 'maximum', Number($event))" />
 			<NcActionInput
 				:value="property.multipleOf || 0"
 				type="number"
-				label="Multiple Of"
+				:label="t('nextcloud-vue', 'Multiple of')"
 				@update:value="updatePropertySetting(propertyKey, 'multipleOf', Number($event))" />
 			<NcActionCheckbox
 				:checked="property.exclusiveMin || false"
 				@update:checked="updatePropertySetting(propertyKey, 'exclusiveMin', $event)">
-				Exclusive Minimum
+				{{ t('nextcloud-vue', 'Exclusive minimum') }}
 			</NcActionCheckbox>
 			<NcActionCheckbox
 				:checked="property.exclusiveMax || false"
 				@update:checked="updatePropertySetting(propertyKey, 'exclusiveMax', $event)">
-				Exclusive Maximum
+				{{ t('nextcloud-vue', 'Exclusive maximum') }}
 			</NcActionCheckbox>
 		</template>
 
 		<template v-if="property.type === 'array'">
 			<NcActionSeparator />
-			<NcActionCaption name="Array Configuration" />
+			<NcActionCaption :name="t('nextcloud-vue', 'Array configuration')" />
 			<NcActionInput
 				v-model="schema.properties[propertyKey].items.type"
 				type="multiselect"
-				:options="[
-					{ id: 'string', label: 'String' },
-					{ id: 'number', label: 'Number' },
-					{ id: 'integer', label: 'Integer' },
-					{ id: 'object', label: 'Object' },
-					{ id: 'boolean', label: 'Boolean' },
-					{ id: 'file', label: 'File' }
-				]"
-				input-label="Array Item Type"
-				label="Array Item Type" />
+				:options="arrayItemTypeOptions"
+				:input-label="t('nextcloud-vue', 'Array item type')"
+				:label="t('nextcloud-vue', 'Array item type')" />
 			<NcActionInput
 				:value="property.minItems || 0"
 				type="number"
-				label="Minimum Items"
+				:label="t('nextcloud-vue', 'Minimum items')"
 				@update:value="updatePropertySetting(propertyKey, 'minItems', Number($event))" />
 			<NcActionInput
 				:value="property.maxItems || 0"
 				type="number"
-				label="Maximum Items"
+				:label="t('nextcloud-vue', 'Maximum items')"
 				@update:value="updatePropertySetting(propertyKey, 'maxItems', Number($event))" />
 
 			<!-- Show object configuration for array items when item type is object -->
 			<template v-if="property.items && property.items.type === 'object'">
 				<NcActionSeparator />
-				<NcActionCaption name="Array Item Object Configuration" />
+				<NcActionCaption :name="t('nextcloud-vue', 'Array item object configuration')" />
 				<NcActionInput
 					v-model="schema.properties[propertyKey].items.objectConfiguration.handling"
 					type="multiselect"
 					:options="objectHandlingOptions"
-					input-label="Object Handling"
-					label="Object Handling" />
+					:input-label="t('nextcloud-vue', 'Object handling')"
+					:label="t('nextcloud-vue', 'Object handling')" />
 				<NcActionInput
 					:value="schema.properties[propertyKey].items.$ref"
 					type="multiselect"
 					:options="availableSchemas"
-					input-label="Schema Reference"
-					label="Schema Reference"
+					:input-label="t('nextcloud-vue', 'Schema reference')"
+					:label="t('nextcloud-vue', 'Schema reference')"
 					@update:value="updateArrayItemSchemaReference(propertyKey, $event)" />
 				<NcActionCaption
 					v-if="isArrayItemRefInvalid(propertyKey)"
-					:name="`⚠️ Invalid Schema Reference: Expected string, got number (${schema.properties[propertyKey].items.$ref}). This will be sent to backend as-is.`"
+					:name="'⚠️ ' + t('nextcloud-vue', 'Invalid schema reference: Expected string, got number ({value}). This will be sent to backend as-is.', { value: schema.properties[propertyKey].items.$ref })"
 					style="color: var(--color-error); font-weight: bold;" />
 				<NcActionInput
 					:value="getArrayItemRegisterValue(propertyKey)"
 					type="multiselect"
 					:options="availableRegisters"
-					input-label="Register"
-					label="Register (Required when schema is selected)"
+					:input-label="t('nextcloud-vue', 'Register')"
+					:label="t('nextcloud-vue', 'Register (required when schema is selected)')"
 					:required="!!schema.properties[propertyKey].items.$ref"
 					:disabled="!schema.properties[propertyKey].items.$ref"
 					@update:value="updateArrayItemRegisterReference(propertyKey, $event)" />
@@ -294,59 +287,59 @@
 					v-model="schema.properties[propertyKey].items.inversedBy"
 					type="multiselect"
 					:options="getInversedByOptionsForArrayItems(propertyKey)"
-					input-label="Inversed By Property"
-					label="Inversed By"
+					:input-label="t('nextcloud-vue', 'Inversed by property')"
+					:label="t('nextcloud-vue', 'Inversed by')"
 					:disabled="!schema.properties[propertyKey].items.$ref"
 					@update:value="updateInversedByForArrayItems(propertyKey, $event)" />
 				<NcActionInput
 					:value="getArrayItemQueryParams(propertyKey)"
-					label="Query Parameters"
+					:label="t('nextcloud-vue', 'Query parameters')"
 					placeholder="e.g. gemmaType=referentiecomponent&_extend=aanbevolenStandaarden"
 					@update:value="updateArrayItemQueryParams(propertyKey, $event)" />
 				<NcActionCheckbox
 					:checked="property.items.writeBack || false"
 					@update:checked="updateArrayItemObjectConfigurationSetting(propertyKey, 'writeBack', $event)">
-					Write Back
+					{{ t('nextcloud-vue', 'Write back') }}
 				</NcActionCheckbox>
 				<NcActionCheckbox
 					:checked="property.items.removeAfterWriteBack || false"
 					@update:checked="updateArrayItemObjectConfigurationSetting(propertyKey, 'removeAfterWriteBack', $event)">
-					Remove After Write Back
+					{{ t('nextcloud-vue', 'Remove after write back') }}
 				</NcActionCheckbox>
 				<NcActionCheckbox
 					:checked="property.items.cascadeDelete || false"
 					@update:checked="updateArrayItemObjectConfigurationSetting(propertyKey, 'cascadeDelete', $event)">
-					Cascade Delete
+					{{ t('nextcloud-vue', 'Cascade delete') }}
 				</NcActionCheckbox>
 			</template>
 		</template>
 
 		<template v-if="property.type === 'object'">
 			<NcActionSeparator />
-			<NcActionCaption name="Object Configuration" />
+			<NcActionCaption :name="t('nextcloud-vue', 'Object configuration')" />
 			<NcActionInput
 				v-model="schema.properties[propertyKey].objectConfiguration.handling"
 				type="multiselect"
 				:options="objectHandlingOptions"
-				input-label="Object Handling"
-				label="Object Handling" />
+				:input-label="t('nextcloud-vue', 'Object handling')"
+				:label="t('nextcloud-vue', 'Object handling')" />
 			<NcActionInput
 				:value="schema.properties[propertyKey].$ref"
 				type="multiselect"
 				:options="availableSchemas"
-				input-label="Schema Reference"
-				label="Schema Reference"
+				:input-label="t('nextcloud-vue', 'Schema reference')"
+				:label="t('nextcloud-vue', 'Schema reference')"
 				@update:value="updateSchemaReference(propertyKey, $event)" />
 			<NcActionCaption
 				v-if="isRefInvalid(propertyKey)"
-				:name="`⚠️ Invalid Schema Reference: Expected string, got number (${schema.properties[propertyKey].$ref}). This will be sent to backend as-is.`"
+				:name="'⚠️ ' + t('nextcloud-vue', 'Invalid schema reference: Expected string, got number ({value}). This will be sent to backend as-is.', { value: schema.properties[propertyKey].$ref })"
 				style="color: var(--color-error); font-weight: bold;" />
 			<NcActionInput
 				:value="getRegisterValue(propertyKey)"
 				type="multiselect"
 				:options="availableRegisters"
-				input-label="Register"
-				label="Register (Required when schema is selected)"
+				:input-label="t('nextcloud-vue', 'Register')"
+				:label="t('nextcloud-vue', 'Register (required when schema is selected)')"
 				:required="!!schema.properties[propertyKey].$ref"
 				:disabled="!schema.properties[propertyKey].$ref"
 				@update:value="updateRegisterReference(propertyKey, $event)" />
@@ -354,86 +347,86 @@
 				v-model="schema.properties[propertyKey].inversedBy"
 				type="multiselect"
 				:options="getInversedByOptions(propertyKey)"
-				input-label="Inversed By Property"
-				label="Inversed By"
+				:input-label="t('nextcloud-vue', 'Inversed by property')"
+				:label="t('nextcloud-vue', 'Inversed by')"
 				:disabled="!schema.properties[propertyKey].$ref"
 				@update:value="updateInversedBy(propertyKey, $event)" />
 			<NcActionInput
 				:value="getObjectQueryParams(propertyKey)"
-				label="Query Parameters"
+				:label="t('nextcloud-vue', 'Query parameters')"
 				placeholder="e.g. gemmaType=referentiecomponent&_extend=aanbevolenStandaarden"
 				@update:value="updateObjectQueryParams(propertyKey, $event)" />
 			<NcActionCheckbox
 				:checked="property.writeBack || false"
 				@update:checked="updatePropertySetting(propertyKey, 'writeBack', $event)">
-				Write Back
+				{{ t('nextcloud-vue', 'Write back') }}
 			</NcActionCheckbox>
 			<NcActionCheckbox
 				:checked="property.removeAfterWriteBack || false"
 				@update:checked="updatePropertySetting(propertyKey, 'removeAfterWriteBack', $event)">
-				Remove After Write Back
+				{{ t('nextcloud-vue', 'Remove after write back') }}
 			</NcActionCheckbox>
 			<NcActionCheckbox
 				:checked="property.cascadeDelete || false"
 				@update:checked="updatePropertySetting(propertyKey, 'cascadeDelete', $event)">
-				Cascade Delete
+				{{ t('nextcloud-vue', 'Cascade delete') }}
 			</NcActionCheckbox>
 		</template>
 
 		<!-- File Configuration -->
 		<template v-if="property.type === 'file' || (property.type === 'array' && property.items && property.items.type === 'file')">
 			<NcActionSeparator />
-			<NcActionCaption name="File Configuration" />
+			<NcActionCaption :name="t('nextcloud-vue', 'File configuration')" />
 			<NcActionCheckbox
 				:checked="getFilePropertySetting(propertyKey, 'autoPublish')"
 				@update:checked="updateFilePropertySetting(propertyKey, 'autoPublish', $event)">
-				Auto-Publish Files
+				{{ t('nextcloud-vue', 'Auto-publish files') }}
 			</NcActionCheckbox>
 			<NcActionCaption
 				v-if="getFilePropertySetting(propertyKey, 'autoPublish')"
-				name="ℹ️ Files uploaded to this property will be automatically publicly shared"
+				:name="'ℹ️ ' + t('nextcloud-vue', 'Files uploaded to this property will be automatically publicly shared')"
 				style="color: var(--color-text-lighter); font-size: 11px;" />
 			<NcActionInput
 				:value="(property.allowedTypes || []).join(', ')"
-				label="Allowed MIME Types (comma separated)"
+				:label="t('nextcloud-vue', 'Allowed MIME types (comma separated)')"
 				placeholder="image/png, image/jpeg, application/pdf"
 				@update:value="updateFileProperty(propertyKey, 'allowedTypes', $event)" />
 			<NcActionInput
 				:value="property.maxSize || ''"
 				type="number"
-				label="Maximum File Size (bytes)"
+				:label="t('nextcloud-vue', 'Maximum file size (bytes)')"
 				placeholder="5242880"
 				@update:value="updateFileProperty(propertyKey, 'maxSize', $event)" />
 			<NcActionInput
 				:value="getFilePropertyTags(propertyKey, 'allowedTags')"
 				type="multiselect"
 				:options="availableTagsOptions"
-				input-label="Allowed Tags"
-				label="Allowed Tags (select from available tags)"
+				:input-label="t('nextcloud-vue', 'Allowed tags')"
+				:label="t('nextcloud-vue', 'Allowed tags (select from available tags)')"
 				multiple
 				@update:value="updateFilePropertyTags(propertyKey, 'allowedTags', $event)" />
 			<NcActionInput
 				:value="getFilePropertyTags(propertyKey, 'autoTags')"
 				type="multiselect"
 				:options="availableTagsOptions"
-				input-label="Auto Tags"
-				label="Auto Tags (automatically applied to uploaded files)"
+				:input-label="t('nextcloud-vue', 'Auto tags')"
+				:label="t('nextcloud-vue', 'Auto tags (automatically applied to uploaded files)')"
 				multiple
 				@update:value="updateFilePropertyTags(propertyKey, 'autoTags', $event)" />
 		</template>
 
 		<!-- Property-level Table Configuration -->
 		<NcActionSeparator />
-		<NcActionCaption name="Table" />
+		<NcActionCaption :name="t('nextcloud-vue', 'Table')" />
 		<NcActionCheckbox
 			:checked="getPropertyTableSetting(propertyKey, 'default')"
 			@update:checked="updatePropertyTableSetting(propertyKey, 'default', $event)">
-			Default
+			{{ t('nextcloud-vue', 'Default') }}
 		</NcActionCheckbox>
 
 		<!-- Property-level Security Configuration -->
 		<NcActionSeparator />
-		<NcActionCaption name="Property Security" />
+		<NcActionCaption :name="t('nextcloud-vue', 'Property security')" />
 
 		<template v-if="!loadingGroups">
 			<!-- Current Property Permissions List -->
@@ -445,20 +438,20 @@
 				<NcActionButton
 					v-if="permission.groupId !== 'admin'"
 					:key="`${propertyKey}-perm-remove-${permission.group}`"
-					:aria-label="`Remove ${permission.group} permissions`"
+					:aria-label="t('nextcloud-vue', 'Remove {group} permissions', { group: permission.group })"
 					class="cn-schema-form__property-permission-remove-btn"
 					@click="removePropertyGroupPermissions(propertyKey, permission.group)">
 					<template #icon>
 						<Close :size="16" />
 					</template>
-					Remove {{ permission.group }}
+					{{ t('nextcloud-vue', 'Remove {group}', { group: permission.group }) }}
 				</NcActionButton>
 			</div>
 
 			<!-- Show inheritance status if no specific permissions -->
 			<NcActionCaption
 				v-if="!hasPropertyAnyPermissions(propertyKey)"
-				name="📄 Inherits schema permissions"
+				:name="'📄 ' + t('nextcloud-vue', 'Inherits schema permissions')"
 				style="color: var(--color-success); font-size: 11px;" />
 
 			<!-- Add Permission Interface -->
@@ -467,31 +460,31 @@
 				v-model="propertyNewPermissionGroup"
 				type="multiselect"
 				:options="getAvailableGroupsForProperty()"
-				input-label="Group"
-				label="Add Group Permission"
-				placeholder="Select group..." />
+				:input-label="t('nextcloud-vue', 'Group')"
+				:label="t('nextcloud-vue', 'Add group permission')"
+				:placeholder="t('nextcloud-vue', 'Select group...')" />
 
 			<template v-if="propertyNewPermissionGroup">
-				<NcActionCaption name="Select Permissions:" />
+				<NcActionCaption :name="t('nextcloud-vue', 'Select permissions:')" />
 				<NcActionCheckbox
 					:checked="propertyNewPermissionCreate"
 					@update:checked="propertyNewPermissionCreate = $event">
-					Create (C)
+					{{ t('nextcloud-vue', 'Create (C)') }}
 				</NcActionCheckbox>
 				<NcActionCheckbox
 					:checked="propertyNewPermissionRead"
 					@update:checked="propertyNewPermissionRead = $event">
-					Read (R)
+					{{ t('nextcloud-vue', 'Read (R)') }}
 				</NcActionCheckbox>
 				<NcActionCheckbox
 					:checked="propertyNewPermissionUpdate"
 					@update:checked="propertyNewPermissionUpdate = $event">
-					Update (U)
+					{{ t('nextcloud-vue', 'Update (U)') }}
 				</NcActionCheckbox>
 				<NcActionCheckbox
 					:checked="propertyNewPermissionDelete"
 					@update:checked="propertyNewPermissionDelete = $event">
-					Delete (D)
+					{{ t('nextcloud-vue', 'Delete (D)') }}
 				</NcActionCheckbox>
 
 				<NcActionButton
@@ -500,17 +493,18 @@
 					<template #icon>
 						<Plus :size="16" />
 					</template>
-					Add Permission
+					{{ t('nextcloud-vue', 'Add permission') }}
 				</NcActionButton>
 			</template>
 		</template>
 		<template v-else>
-			<NcActionCaption name="Loading groups..." />
+			<NcActionCaption :name="t('nextcloud-vue', 'Loading groups...')" />
 		</template>
 	</NcActions>
 </template>
 
 <script>
+import { translate as t } from '@nextcloud/l10n'
 import {
 	NcActions,
 	NcActionButton,
@@ -583,13 +577,6 @@ export default {
 			propertyNewPermissionRead: false,
 			propertyNewPermissionUpdate: false,
 			propertyNewPermissionDelete: false,
-			objectHandlingOptions: [
-				{ id: 'nested-object', label: 'Nested Object' },
-				{ id: 'related-object', label: 'Related Object' },
-				{ id: 'nested-schema', label: 'Nested Schema' },
-				{ id: 'related-schema', label: 'Related Schema' },
-				{ id: 'uri', label: 'URI' },
-			],
 		}
 	},
 	computed: {
@@ -597,8 +584,29 @@ export default {
 		schema() {
 			return this.schemaItem
 		},
+		objectHandlingOptions() {
+			return [
+				{ id: 'nested-object', label: t('nextcloud-vue', 'Nested object') },
+				{ id: 'related-object', label: t('nextcloud-vue', 'Related object') },
+				{ id: 'nested-schema', label: t('nextcloud-vue', 'Nested schema') },
+				{ id: 'related-schema', label: t('nextcloud-vue', 'Related schema') },
+				{ id: 'uri', label: 'URI' },
+			]
+		},
+		arrayItemTypeOptions() {
+			return [
+				{ id: 'string', label: t('nextcloud-vue', 'String') },
+				{ id: 'number', label: t('nextcloud-vue', 'Number') },
+				{ id: 'integer', label: t('nextcloud-vue', 'Integer') },
+				{ id: 'object', label: t('nextcloud-vue', 'Object') },
+				{ id: 'boolean', label: t('nextcloud-vue', 'Boolean') },
+				{ id: 'file', label: t('nextcloud-vue', 'File') },
+			]
+		},
 	},
 	methods: {
+		t,
+
 		// --- General helpers ---
 
 		isPropertyRequired(schema, key) {
@@ -618,7 +626,6 @@ export default {
 
 		checkPropertiesModified() {
 			// Bubble up to parent — the parent's deep watcher handles this
-			// This is a no-op placeholder; modifications are detected by the parent's watcher
 		},
 
 		// --- Property setting updates ---
@@ -715,50 +722,50 @@ export default {
 		getFormatOptionsForType(type) {
 			const formatMap = {
 				string: [
-					{ id: 'text', label: 'Text' },
-					{ id: 'markdown', label: 'Markdown' },
-					{ id: 'html', label: 'HTML' },
-					{ id: 'date-time', label: 'Date Time' },
-					{ id: 'date', label: 'Date' },
-					{ id: 'time', label: 'Time' },
-					{ id: 'duration', label: 'Duration' },
-					{ id: 'email', label: 'Email' },
-					{ id: 'idn-email', label: 'IDN Email' },
-					{ id: 'hostname', label: 'Hostname' },
-					{ id: 'idn-hostname', label: 'IDN Hostname' },
+					{ id: 'text', label: t('nextcloud-vue', 'Text') },
+					{ id: 'markdown', label: t('nextcloud-vue', 'Markdown') },
+					{ id: 'html', label: t('nextcloud-vue', 'HTML') },
+					{ id: 'date-time', label: t('nextcloud-vue', 'Date time') },
+					{ id: 'date', label: t('nextcloud-vue', 'Date') },
+					{ id: 'time', label: t('nextcloud-vue', 'Time') },
+					{ id: 'duration', label: t('nextcloud-vue', 'Duration') },
+					{ id: 'email', label: t('nextcloud-vue', 'Email') },
+					{ id: 'idn-email', label: t('nextcloud-vue', 'IDN email') },
+					{ id: 'hostname', label: t('nextcloud-vue', 'Hostname') },
+					{ id: 'idn-hostname', label: t('nextcloud-vue', 'IDN hostname') },
 					{ id: 'ipv4', label: 'IPv4' },
 					{ id: 'ipv6', label: 'IPv6' },
 					{ id: 'uri', label: 'URI' },
-					{ id: 'uri-reference', label: 'URI Reference' },
+					{ id: 'uri-reference', label: t('nextcloud-vue', 'URI reference') },
 					{ id: 'iri', label: 'IRI' },
-					{ id: 'iri-reference', label: 'IRI Reference' },
+					{ id: 'iri-reference', label: t('nextcloud-vue', 'IRI reference') },
 					{ id: 'uuid', label: 'UUID' },
-					{ id: 'uri-template', label: 'URI Template' },
-					{ id: 'json-pointer', label: 'JSON Pointer' },
-					{ id: 'relative-json-pointer', label: 'Relative JSON Pointer' },
-					{ id: 'regex', label: 'Regex' },
-					{ id: 'binary', label: 'Binary' },
-					{ id: 'byte', label: 'Byte' },
-					{ id: 'password', label: 'Password' },
+					{ id: 'uri-template', label: t('nextcloud-vue', 'URI template') },
+					{ id: 'json-pointer', label: t('nextcloud-vue', 'JSON pointer') },
+					{ id: 'relative-json-pointer', label: t('nextcloud-vue', 'Relative JSON pointer') },
+					{ id: 'regex', label: t('nextcloud-vue', 'Regex') },
+					{ id: 'binary', label: t('nextcloud-vue', 'Binary') },
+					{ id: 'byte', label: t('nextcloud-vue', 'Byte') },
+					{ id: 'password', label: t('nextcloud-vue', 'Password') },
 					{ id: 'rsin', label: 'RSIN' },
 					{ id: 'kvk', label: 'KVK' },
 					{ id: 'bsn', label: 'BSN' },
 					{ id: 'oidn', label: 'OIDN' },
-					{ id: 'telephone', label: 'Telephone' },
-					{ id: 'accessUrl', label: 'Access URL' },
-					{ id: 'shareUrl', label: 'Share URL' },
-					{ id: 'downloadUrl', label: 'Download URL' },
-					{ id: 'extension', label: 'Extension' },
-					{ id: 'filename', label: 'Filename' },
-					{ id: 'semver', label: 'Semantic Version' },
+					{ id: 'telephone', label: t('nextcloud-vue', 'Telephone') },
+					{ id: 'accessUrl', label: t('nextcloud-vue', 'Access URL') },
+					{ id: 'shareUrl', label: t('nextcloud-vue', 'Share URL') },
+					{ id: 'downloadUrl', label: t('nextcloud-vue', 'Download URL') },
+					{ id: 'extension', label: t('nextcloud-vue', 'Extension') },
+					{ id: 'filename', label: t('nextcloud-vue', 'Filename') },
+					{ id: 'semver', label: t('nextcloud-vue', 'Semantic version') },
 					{ id: 'url', label: 'URL' },
-					{ id: 'color', label: 'Color' },
-					{ id: 'color-hex', label: 'Color Hex' },
-					{ id: 'color-hex-alpha', label: 'Color Hex Alpha' },
-					{ id: 'color-rgb', label: 'Color RGB' },
-					{ id: 'color-rgba', label: 'Color RGBA' },
-					{ id: 'color-hsl', label: 'Color HSL' },
-					{ id: 'color-hsla', label: 'Color HSLA' },
+					{ id: 'color', label: t('nextcloud-vue', 'Color') },
+					{ id: 'color-hex', label: t('nextcloud-vue', 'Color hex') },
+					{ id: 'color-hex-alpha', label: t('nextcloud-vue', 'Color hex alpha') },
+					{ id: 'color-rgb', label: t('nextcloud-vue', 'Color RGB') },
+					{ id: 'color-rgba', label: t('nextcloud-vue', 'Color RGBA') },
+					{ id: 'color-hsl', label: t('nextcloud-vue', 'Color HSL') },
+					{ id: 'color-hsla', label: t('nextcloud-vue', 'Color HSLA') },
 				],
 				number: [],
 				integer: [],
@@ -1239,9 +1246,9 @@ export default {
 		},
 
 		getDisplayGroupName(groupId) {
-			if (groupId === 'public') return 'Public'
-			if (groupId === 'authenticated') return 'Authenticated'
-			if (groupId === 'admin') return 'Admin'
+			if (groupId === 'public') return t('nextcloud-vue', 'Public')
+			if (groupId === 'authenticated') return t('nextcloud-vue', 'Authenticated')
+			if (groupId === 'admin') return t('nextcloud-vue', 'Admin')
 
 			const group = this.userGroups.find(g => g.id === groupId)
 			return group ? (group.displayname || group.id) : groupId
@@ -1276,7 +1283,7 @@ export default {
 			})
 
 			permissionsList.push({
-				group: 'Admin',
+				group: t('nextcloud-vue', 'Admin'),
 				groupId: 'admin',
 				rights: 'C,R,U,D',
 			})
@@ -1294,8 +1301,8 @@ export default {
 
 		getAvailableGroupsForProperty() {
 			return [
-				{ id: 'public', label: 'Public (Unauthenticated)' },
-				{ id: 'authenticated', label: 'Authenticated' },
+				{ id: 'public', label: t('nextcloud-vue', 'Public (unauthenticated)') },
+				{ id: 'authenticated', label: t('nextcloud-vue', 'Authenticated') },
 				...this.sortedUserGroups.map(group => ({
 					id: group.id,
 					label: group.displayname || group.id,