opacity_input.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

opacity_input.vue
View Options

	<template>
	<div
	class="opacity-control style-control"
	:class="{ disabled: !present \|\| disabled }"
	>
	<label
	:for="name"
	class="label"
	>
	{{ $t('settings.style.common.opacity') }}
	</label>
	<Checkbox
	v-if="typeof fallback !== 'undefined'"
	:model-value="present"
	:disabled="disabled"
	class="opt"
	@update:modelValue="$emit('update:modelValue', !present ? fallback : undefined)"
	/>
	<input
	:id="name"
	class="input input-number"
	type="number"
	:value="modelValue \|\| fallback"
	:disabled="!present \|\| disabled"
	max="1"
	min="0"
	step=".05"
	@input="$emit('update:modelValue', $event.target.value)"
	>
	</div>
	</template>

	<script>
	import Checkbox from '../checkbox/checkbox.vue'
	export default {
	components: {
	Checkbox
	},
	props: [
	'name', 'modelValue', 'fallback', 'disabled'
	],
	emits: ['update:modelValue'],
	computed: {
	present () {
	return typeof this.modelValue !== 'undefined'
	}
	}
	}
	</script>