<alloy>

	<script>
		logger.track( '🏷️  you are here → inside @titanium/updater.update-required' );

		$.version_text = '';
		if ( $.args.version ) {
			$.version_text = `v${$.args.version}`;
			if ( $.args.channel && $.args.channel !== 'release' ) {
				$.version_text += ` (${$.args.channel})`
			}
		}

	</script>

	<style src="../styles/app.tss"></style>

	<window id="update-required" backgroundColor="#4A4F54" layout="composite">

		<scroll-view height="size">

			<absolute height="turbo.HEIGHT_30">
				<AnimationView id="view_lottie" module="@titanium/lottie" class="updater-lottie" />
			</absolute>

			<label class="updater-title" top="0" />

			<label class="updater-version" text="$.version_text" />

			<label class="updater-ask" />

			<label class="updater-go" onClick="turbo.updater.update" />

			<label class="updater-later" onClick="turbo.updater.ignore" if="$.args.optional" />

			<view id="bottom-spacer" height="100" />

		</scroll-view>

	</window>

</alloy>