<div
	:style="{ flex: '1 1 auto', 'max-width': data.{{{widget.widget_id}}}.maxWidth }"
>
	{% if widget._empty_text %}
	<span v-if="state.{{{widget.widget_id}}}.users.length == 0">
		{{{ widget._empty_text }}}
	</span>
	{% endif %}
	<div v-for="user in state.{{{widget.widget_id}}}.users">
		<div style="display: flex; gap: 10px">
			<i class="zmdi zmdi-account" style="color: rgb(132, 146, 166)"></i>
			<span
				style="padding-bottom: 3px; overflow: hidden; text-overflow: ellipsis"
			>
				<span
					style="align-items: center; height: 100%"
					v-html="user.login"
				></span>
			</span>
			<span style="padding-bottom: 3px">
				<span
					style="
						display: flex;
						align-items: center;
						height: 100%;
						font-size: 12px;
						color: #8492a6;
						line-height: initial;
					"
					v-html="user.role"
				></span>
			</span>
		</div>
	</div>
</div>
