<commit_before><div ng-switch on="item.type" class="icontrol" ng-controller="ItemController">
	<div ng-switch-when="SwitchItem" ng-controller="SwitchItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">{{getIcon(item.category)}}</i>{{getLabel(item.category, item.label, 'Switch')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="switch-widget">
				<md-switch class="md-default-theme" ng-disabled="isReadOnly(item)" ng-model="item.state" ng-change="setOn(item.state)" ng-true-value="'ON'" ng-false-value="'OFF'" aria-label={{item.label}}></md-switch>
			</div>
		</div>
	</div>
	<div ng-switch-when="DimmerItem" ng-controller="DimmerItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'brightness_medium')}}</i>{{getLabel(item.category, item.label, 'Dimmer')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<h2>{{item.state}}%</h2>
			</div>
		</div>
		<md-slider class="md-default-theme" style="height: 40px;" flex min="0" max="100" ng-model="item.state" ng-change="setBrightness(item.state)" aria-label={{item.label}}></md-slider>
		<div layout="row" layout-align="start center" class="dimmer-widget" ng-if="!isHideSwitch(item.category)">
			<div flex="40">
				<p>Off/On</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-switch class="md-default-theme" ng-model="on" ng-change="setOn(on)" ng-true-value="'ON'" ng-false-value="'OFF'" aria-label={{item.label}}></md-switch>
			</div>
		</div>
	</div>
	<div ng-switch-when="ColorItem" ng-controller="ColorItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">wb_incandescent</i>{{getLabel(item.category, null, 'Color')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">

				<md-slider class="hue md-default-theme" flex min="0" max="360" ng-model="hue" ng-change="setHue(hue)" aria-label="{{item.label}} hue"></md-slider>
			</div>
		</div>
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p class="">Brightness</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-slider class="md-default-theme" flex min="0" max="100" ng-model="brightness" ng-change="setBrightness(brightness)" aria-label="{{item.label}} brightness"></md-slider>
			</div>
		</div>
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p class="">Saturation</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-slider class="md-default-theme" flex min="0" max="100" ng-model="saturation" ng-change="setSaturation(saturation)" aria-label="{{item.label}} saturation"></md-slider>
			</div>
		</div>
	</div>
	<div ng-switch-when="NumberItem" ng-controller="NumberItemController">
		<div layout="row" layout-align="start center">
			<div flex="40" layout="row" layout-align="start center">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'trending_up')}}</i>{{getLabel(item.category, item.label, 'Value')}}
				</p>
			</div>
			<div flex="60">
				<div ng-show="isReadOnly(item)" layout="row" layout-align="end center">
					<h2 class="state" ng-if="isReadOnly(item)">{{getStateText(item)}}</h2>
				</div>
				<div ng-show="!isReadOnly(item)" layout="row" layout-align="end center">
					<h2 class="state edit" ng-if="!editMode" ng-click="editState()">{{getStateText(item)}}</h2>
					<md-input-container ng-show="editMode"> <input ng-model="item.state" aria-label={{item.label}}></input> </md-input-container>
					<button class="md-button" ng-show="editMode" ng-click="updateState()">
						<i class="material-icons">check</i>
					</button>
				</div>
			</div>
		</div>
		<div layout="row" layout-align="start center" class="number-control-widget">
			<span flex="15" class="text-left" ng-if="getMinText(item)">{{getMinText(item)}}</span>
			<md-slider class="md-default-theme" flex="70" min="{{item.stateDescription.minimum}}" max="{{item.stateDescription.maximum}}" step="{{item.stateDescription.step}}" ng-model="item.state" md-discrete="true" ng-if="getMinText(item) && getMaxText(item)" ng-change="sendCommand(item.state)" aria-label={{item.label}}></md-slider>
			<span flex="15" class="text-right" ng-if="getMaxText(item)">{{getMaxText(item)}}</span>
		</div>
	</div>
	<div ng-switch-when="RollershutterItem" ng-controller="RollershutterItemController">
		<div layout="row" layout-align="start center">
			<div flex="40" layout="row" layout-align="start center">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'format_align_justify')}}</i>{{getLabel(item.category, item.label, 'Position')}}<commit_msg>Paper UI: show slider only if item is not read only (#1587)<commit_after><div ng-switch on="item.type" class="icontrol" ng-controller="ItemController">
	<div ng-switch-when="SwitchItem" ng-controller="SwitchItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">{{getIcon(item.category)}}</i>{{getLabel(item.category, item.label, 'Switch')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="switch-widget">
				<md-switch class="md-default-theme" ng-disabled="isReadOnly(item)" ng-model="item.state" ng-change="setOn(item.state)" ng-true-value="'ON'" ng-false-value="'OFF'" aria-label={{item.label}}></md-switch>
			</div>
		</div>
	</div>
	<div ng-switch-when="DimmerItem" ng-controller="DimmerItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'brightness_medium')}}</i>{{getLabel(item.category, item.label, 'Dimmer')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<h2>{{item.state}}%</h2>
			</div>
		</div>
		<md-slider class="md-default-theme" style="height: 40px;" flex min="0" max="100" ng-model="item.state" ng-change="setBrightness(item.state)" aria-label={{item.label}}></md-slider>
		<div layout="row" layout-align="start center" class="dimmer-widget" ng-if="!isHideSwitch(item.category)">
			<div flex="40">
				<p>Off/On</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-switch class="md-default-theme" ng-model="on" ng-change="setOn(on)" ng-true-value="'ON'" ng-false-value="'OFF'" aria-label={{item.label}}></md-switch>
			</div>
		</div>
	</div>
	<div ng-switch-when="ColorItem" ng-controller="ColorItemController">
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p>
					<i class="material-icons">wb_incandescent</i>{{getLabel(item.category, null, 'Color')}}
				</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">

				<md-slider class="hue md-default-theme" flex min="0" max="360" ng-model="hue" ng-change="setHue(hue)" aria-label="{{item.label}} hue"></md-slider>
			</div>
		</div>
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p class="">Brightness</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-slider class="md-default-theme" flex min="0" max="100" ng-model="brightness" ng-change="setBrightness(brightness)" aria-label="{{item.label}} brightness"></md-slider>
			</div>
		</div>
		<div layout="row" layout-align="start center" class="dimmer-widget">
			<div flex="40">
				<p class="">Saturation</p>
			</div>
			<div flex="60" layout="row" layout-align="end center" class="dimmer-widget">
				<md-slider class="md-default-theme" flex min="0" max="100" ng-model="saturation" ng-change="setSaturation(saturation)" aria-label="{{item.label}} saturation"></md-slider>
			</div>
		</div>
	</div>
	<div ng-switch-when="NumberItem" ng-controller="NumberItemController">
		<div layout="row" layout-align="start center">
			<div flex="40" layout="row" layout-align="start center">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'trending_up')}}</i>{{getLabel(item.category, item.label, 'Value')}}
				</p>
			</div>
			<div flex="60">
				<div ng-show="isReadOnly(item)" layout="row" layout-align="end center">
					<h2 class="state" ng-if="isReadOnly(item)">{{getStateText(item)}}</h2>
				</div>
				<div ng-show="!isReadOnly(item)" layout="row" layout-align="end center">
					<h2 class="state edit" ng-if="!editMode" ng-click="editState()">{{getStateText(item)}}</h2>
					<md-input-container ng-show="editMode"> <input ng-model="item.state" aria-label={{item.label}}></input> </md-input-container>
					<button class="md-button" ng-show="editMode" ng-click="updateState()">
						<i class="material-icons">check</i>
					</button>
				</div>
			</div>
		</div>
		<div ng-show="!isReadOnly(item)" layout="row" layout-align="start center" class="number-control-widget">
			<span flex="15" class="text-left" ng-if="getMinText(item)">{{getMinText(item)}}</span>
			<md-slider class="md-default-theme" flex="70" min="{{item.stateDescription.minimum}}" max="{{item.stateDescription.maximum}}" step="{{item.stateDescription.step}}" ng-model="item.state" md-discrete="true" ng-if="getMinText(item) && getMaxText(item)" ng-change="sendCommand(item.state)" aria-label={{item.label}}></md-slider>
			<span flex="15" class="text-right" ng-if="getMaxText(item)">{{getMaxText(item)}}</span>
		</div>
	</div>
	<div ng-switch-when="RollershutterItem" ng-controller="RollershutterItemController">
		<div layout="row" layout-align="start center">
			<div flex="40" layout="row" layout-align="start center">
				<p>
					<i class="material-icons">{{getIcon(item.category, 'format_align_justify')}}</i>{{getLabel(item.category, item.label, 'Position')}}
{'fraction_non_alphanumeric': 0.22315106215578284, 'fraction_numerical': 0.012195121951219513, 'mean_word_length': 5.223378212974296, 'pattern_counts': {'":': 0, '<': 237, '<?xml version=': 0, '>': 237, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7491732', 'n_tokens_mistral': 4049, 'n_tokens_neox': 3551, 'n_words': 599}