<commit_before><ng-container *ngFor="let featureId of selection">
	<div class="context-menu-wrapper"
		 *ngIf="annotations?.idToEntity?.has(featureId)"
		 [ngStyle]="calcBoundingRect(featureId)">

		<div class="context-menu" [style.outline-color]="getFeatureProps(featureId)?.style?.initial?.stroke">
			<ul class="buttons">
				<li>
					<button [class.active]="getFeatureProps(featureId)?.showMeasures"
							(click)="toggleMeasures(featureId)">
						<i [attr.tooltip-value]="'Measures' | translate" tooltip-class="bottom">
							<svg
								viewBox="0 0 1024 1024" fill="#fff">
								<path
									d="M691.989 213.333l-478.656 474.965 118.721 122.368 478.612-474.988-118.677-122.345zM728.346 375.595l-16.401 16.3-23.902-24.615-15.13 15.057 23.881 24.593-22.524 22.352-36.774-37.897-15.194 15.057 36.796 37.876-16.405 16.277-23.855-24.593-15.155 15.036 23.859 24.614-22.148 21.956-40.657-41.869-15.172 15.057 40.657 41.869-16.405 16.23-27.759-28.582-15.155 15.057 27.742 28.587-22.498 22.327-40.636-41.865-15.172 15.057 40.653 41.869-16.38 16.277-27.738-28.608-15.155 15.057 27.742 28.608-20.791 20.646-40.653-41.916-15.176 15.083 40.656 41.89-16.405 16.23-27.738-28.582-15.131 15.078 27.718 28.587-22.499 22.353-40.655-41.89-15.153 15.057 40.634 41.89-16.425 16.277-27.739-28.608-15.131 15.057 27.74 28.608-20.262 20.092-77.408-79.791 436.577-433.252 77.385 79.767-25.502 25.325-36.774-37.899-15.155 15.035 36.774 37.876z"></path>
							</svg>
						</i>
					</button>
				</li>
				<li>
					<button [class.active]="selectedTab[featureId] === Tabs.Label"
							(click)="selectTab(featureId, Tabs.Label)">
						<i [attr.tooltip-value]="'Label' | translate" tooltip-class="bottom">
							<svg viewBox="0 0 1024 1024">
								<path
									d="M772.676 213.333h-192.124c-10.001 0-19.802 4.052-26.871 11.119l-329.236 329.263c-14.816 14.818-14.816 38.903 0 53.722l192.124 192.137c7.395 7.394 17.146 11.093 26.87 11.093 9.702 0 19.452-3.699 26.871-11.068l329.237-329.263c7.168-7.194 11.119-16.742 11.119-26.876v-192.135c0-20.946-17.045-37.992-37.99-37.992zM785.314 443.439c0 3.341-1.34 6.609-3.699 8.964l-329.237 329.263c-4.937 4.937-12.966 4.937-17.903 0l-192.124-192.137c-4.939-4.941-4.939-12.971 0-17.907l329.237-329.263c2.355-2.355 5.623-3.698 8.964-3.698h192.098c6.967 0 12.663 5.674 12.663 12.664v192.114z"></path>
							</svg>
						</i>
					</button>

					<form class="annotation-label-edit"
						  *ngIf="selectedTab[featureId] === Tabs.Label"
						  (ngSubmit)="labelInput.blur()">

						<mat-form-field class="label-form-field">
							<input matInput
								   type="text"
                                   #labelInput
								   autofocus
								   [placeholder]="'Label' | translate"
								   name="EditLabel"
								   [ngModel]="getFeatureProps(featureId)?.label"
								   (ngModelChange)="updateLabel($event, featureId)">
						</mat-form-field>

					</form>
				</li>
				<li class="expanded-selection line-width-selection">
					<p>
						<button [class.active]="selectedTab[featureId] === Tabs.Weight"
								(click)="selectTab(featureId, Tabs.Weight)">
							<i [attr.tooltip-value]="'Width' | translate" tooltip-class="bottom">
								<svg viewBox="0 0 1024 1024">
									<path
										d="M171.008 692.224v-41.984h681.984v41.984h-681.984zM171.008 787.456v-20.48h681.984v20.48h-681.984zM171.008 585.728v-63.488h681.984v63.488h-681.984zM171.008 447.488v-84.992h681.984v84.992h-681.984zM171.008 299.008v-128h681.984v128h-681.984z"></path>
								</svg>
							</i>
						</button>
						<ansyn-annotations-weight
							[show]="selectedTab[featureId] === Tabs.Weight"
							[properties]="getFeatureProps(featureId)?.style?.initial"
							(selectLineStyle)="selectLineWidth($event, featureId)">
						</ansyn-annotations-weight>
					</p>
				</li>
				<li>
					<p>
						<button [class.active]="selectedTab[featureId] === Tabs.Colors"
								(click)="selectTab(featureId, Tabs.Colors)">
							<i [attr.tooltip-value]="'Color' | translate" tooltip-class="bottom">
								<svg viewBox="0 0 1024 1024">
									<path
										d="M779.264 171.008c-20.48 0-38.912 7.168-52.224 22.528l-310.272 321.536c0 0 0 0 0 0s0 0 0 0l-68.608 70.656c-57.344 3.072-154.624 39.936-167.936 166.912-2.048 5.12-11.264 28.672-31.744 31.744-14.336 3.072-20.48 14.336-20.48 23.552 1.024 28.672 57.344 39.936 80.896 43.008 8.192 1.024 20.48 2.048 34.816 2.048 61.44 0 165.888-21.504 207.872-157.696l380.928-395.264c13.312-14.336 21.504-33.792 20.48-54.272 0-20.48-7.168-38.912-21.504-53.248s-32.768-21.504-52.224-21.504zM432.128 558.080l47.104 49.152-46.080 47.104-47.104-48.128 46.080-48.128zM306.176 802.816c-41.984 13.312-84.992 10.24-112.64 3.072 18.432-18.432 25.6-41.984 25.6-44.032 1.024-1.024 1.024-2.048 1.024-3.072 11.264-113.664 101.376-129.024 129.024-131.072l61.44 61.44c-19.456 58.368-54.272 97.28-104.448 113.664zM803.84 270.336l-295.936 307.2-48.128-48.128 295.936-307.2c12.288-13.312 34.816-13.312 47.104 0 6.144 6.144 10.24 14.336 10.24 23.552s-3.072 18.432-9.216 24.576z"></path>
								</svg>
							</i>
						</button>
						<ansyn-annotations-color
							[show]="selectedTab[featureId] === Tabs.Colors"
							[properties]="getFeatureProps(featureId)?.style?.initial"
							(colorChange)="colorChange($event, featureId)"
							(activeChange)="activeChange($event, featureId)"
						></ansyn-annotations-color>
					</p>
				</li>
				<li *ngIf="!getFeatureProps(featureId)?.undeletable">
					<button class='removeFeature' (click)="removeFeature(featureId)">
						<i [attr.tooltip-value]="'Delete' | translate" tooltip-class="bottom">
							<svg viewBox="0 0 1024 1024">
								<path
									d="M810.667 273.493l-60.16-60.16-238.507 238.507-238.507-238.507-60.16 60.16 238.507 238.507-238.507 238.507 60.16 60.16 238.507-238.507 238.507 238.507 60.16-60.16-238.507-238.507 238.507-238.507z"></path>
							</svg>
						</i>
					</button>
				</li>
			</ul>
		</div>

	</div>
</ng-container>
<div class="context-menu-wrapper"
	 *ngIf="annotations?.idToEntity?.has(hoverFeatureId)"
	 [ngStyle]="calcBoundingRect(hoverFeatureId)">
	<div class="context-menu" [style.outline-color]="getFeatureProps(hoverFeatureId)?.style?.initial?.stroke"></div>
</div><commit_msg>style the annotations context menu (#2765)<commit_after><ng-container *ngFor="let featureId of selection">
	<div class="context-menu-wrapper"
		 *ngIf="annotations?.idToEntity?.has(featureId)"
		 [ngStyle]="calcBoundingRect(featureId)">

		<div class="context-menu" [style.outline-color]="getFeatureProps(featureId)?.style?.initial?.stroke">
			<ul class="buttons">
				<li>
					<button [class.active]="getFeatureProps(featureId)?.showMeasures"
							(click)="toggleMeasures(featureId)">
						<i [attr.tooltip-value]="'Measures' | translate" tooltip-class="bottom">
							<svg fill="#fff">
								<path d="M21.888 15.328l1.888-1.888-2.336-2.368c-0.256-0.256-0.256-0.672 0-0.928s0.672-0.256 0.928 0l2.368 2.336 1.888-1.888-4.704-4.704-16.032 16.032 4.704 4.704 1.888-1.888-2.368-2.336c-0.256-0.256-0.256-0.704 0-0.96s0.704-0.256 0.96 0l2.336 2.368 1.888-1.888-1.408-1.408c-0.256-0.256-0.256-0.672 0-0.96 0.256-0.256 0.672-0.256 0.96 0l1.408 1.44 1.888-1.888-2.368-2.368c-0.256-0.256-0.256-0.672 0-0.928 0.256-0.288 0.672-0.288 0.928 0l2.368 2.336 1.888-1.888-1.408-1.408c-0.256-0.256-0.256-0.672 0-0.928s0.672-0.256 0.928 0l1.408 1.408zM21.44 4.48c0.256-0.256 0.672-0.256 0.96 0l5.632 5.632c0.256 0.288 0.256 0.704 0 0.96l-16.96 16.96c-0.256 0.256-0.672 0.256-0.928 0l-5.664-5.664c-0.256-0.256-0.256-0.672 0-0.928l16.96-16.96z"></path>
							</svg>
						</i>
					</button>
				</li>
				<li>
					<button [class.active]="selectedTab[featureId] === Tabs.Label"
							(click)="selectTab(featureId, Tabs.Label)">
						<i [attr.tooltip-value]="'Label' | translate" tooltip-class="bottom">
							<svg >
								<path d="M16.608 6.912l7.68 0.16c0.384 0.032 0.672 0.32 0.672 0.672l0.16 7.68c0 0.192-0.064 0.384-0.192 0.512l-9.44 9.408c-0.256 0.256-0.672 0.256-0.928 0l-7.872-7.84c-0.256-0.256-0.256-0.704 0-0.96l9.44-9.408c0.128-0.128 0.288-0.224 0.48-0.224zM16.864 8.256l-8.768 8.768 6.912 6.912 8.768-8.768-0.128-6.752-6.784-0.16zM17.696 11.52c0.768-0.768 2.048-0.768 2.816 0 0.8 0.768 0.8 2.048 0 2.816-0.768 0.8-2.048 0.8-2.816 0-0.8-0.768-0.8-2.048 0-2.816zM19.584 12.48c-0.256-0.288-0.704-0.288-0.96 0-0.256 0.256-0.256 0.672 0 0.928s0.704 0.256 0.96 0c0.256-0.256 0.256-0.672 0-0.928z"></path>
							</svg>
						</i>
					</button>

					<form class="annotation-label-edit"
						  *ngIf="selectedTab[featureId] === Tabs.Label"
						  (ngSubmit)="labelInput.blur()">

						<mat-form-field class="label-form-field">
							<input matInput
								   type="text"
                                   #labelInput
								   autofocus
								   [placeholder]="'Label' | translate"
								   name="EditLabel"
								   [ngModel]="getFeatureProps(featureId)?.label"
								   (ngModelChange)="updateLabel($event, featureId)">
						</mat-form-field>

					</form>
				</li>
				<li class="expanded-selection line-width-selection">
					<p>
						<button [class.active]="selectedTab[featureId] === Tabs.Weight"
								(click)="selectTab(featureId, Tabs.Weight)">
							<i [attr.tooltip-value]="'Width' | translate" tooltip-class="bottom">
								<svg>
									<path d="M5.344 21.632v-1.312h21.312v1.312h-21.312zM5.344 24.608v-0.64h21.312v0.64h-21.312zM5.344 18.304v-1.984h21.312v1.984h-21.312zM5.344 13.984v-2.656h21.312v2.656h-21.312zM5.344 9.344v-4h21.312v4h-21.312z"></path>
								</svg>
							</i>
						</button>
						<ansyn-annotations-weight
							[show]="selectedTab[featureId] === Tabs.Weight"
							[properties]="getFeatureProps(featureId)?.style?.initial"
							(selectLineStyle)="selectLineWidth($event, featureId)">
						</ansyn-annotations-weight>
					</p>
				</li>
				<li>
					<p>
						<button [class.active]="selectedTab[featureId] === Tabs.Colors"
								(click)="selectTab(featureId, Tabs.Colors)">
							<i [attr.tooltip-value]="'Color' | translate" tooltip-class="bottom">
								<svg >
									<path d="M24.352 5.344c-0.64 0-1.216 0.224-1.632 0.704l-9.696 10.048c0 0 0 0 0 0s0 0 0 0l-2.144 2.208c-1.792 0.096-4.832 1.248-5.248 5.216-0.064 0.16-0.352 0.896-0.992 0.992-0.448 0.096-0.64 0.448-0.64 0.736 0.032 0.896 1.792 1.248 2.528 1.344 0.256 0.032 0.64 0.064 1.088 0.064 1.92 0 5.184-0.672 6.496-4.928l11.904-12.352c0.416-0.448 0.672-1.056 0.64-1.696 0-0.64-0.224-1.216-0.672-1.664s-1.024-0.672-1.632-0.672zM13.504 17.44l1.472 1.536-1.44 1.472-1.472-1.504 1.44-1.504zM9.568 25.088c-1.312 0.416-2.656 0.32-3.52 0.096 0.576-0.576 0.8-1.312 0.8-1.376 0.032-0.032 0.032-0.064 0.032-0.096 0.352-3.552 3.168-4.032 4.032-4.096l1.92 1.92c-0.608 1.824-1.696 3.040-3.264 3.552zM25.12 8.448l-9.248 9.6-1.504-1.504 9.248-9.6c0.384-0.416 1.088-0.416 1.472 0 0.192 0.192 0.32 0.448 0.32 0.736s-0.096 0.576-0.288 0.768z"></path>
								</svg>
							</i>
						</button>
						<ansyn-annotations-color
							[show]="selectedTab[featureId] === Tabs.Colors"
							[properties]="getFeatureProps(featureId)?.style?.initial"
							(colorChange)="colorChange($event, featureId)"
							(activeChange)="activeChange($event, featureId)"
						></ansyn-annotations-color>
					</p>
				</li>
				<li *ngIf="!getFeatureProps(featureId)?.undeletable">
					<button class='removeFeature' (click)="removeFeature(featureId)">
						<i [attr.tooltip-value]="'Delete' | translate" tooltip-class="bottom">
							<svg >
								<path d="M12 11.296h2.656c0.384 0 0.672-0.288 0.672-0.64v-0.672h1.344v-0.64h-1.344v0.64h1.344v0.672c0 0.352 0.288 0.64 0.672 0.64h-5.344v10.688h8v-10.688h-8zM20.672 9.984v0h1.344c0.864 0 0.864 1.312 0 1.312h-0.672v11.36c0 0.352-0.32 0.64-0.672 0.64h-9.344c-0.352 0-0.672-0.288-0.672-0.64v-11.36h-0.64v-1.312h1.312c-0.352 0-0.672 0.288-0.672 0.672v0.64h-0.64c-0.896 0-0.896-1.312 0-1.312h4v-1.312c0-0.384 0.288-0.672 0.64-0.672h2.688c0.352 0 0.672 0.288 0.672 0.672v1.312h4v1.312h-0.672v-0.64c0-0.384-0.32-0.672-0.672-0.672zM14.016 13.984c0-0.352 0.288-0.64 0.64-0.64 0.384 0 0.672 0.288 0.672 0.64v5.344c0 0.384-0.288 0.672-0.672 0.672-0.352 0-0.64-0.288-0.64-0.672v-5.344zM18.016 19.328c0 0.384-0.32 0.672-0.672 0.672-0.384 0-0.672-0.288-0.672-0.672v-5.344c0-0.352 0.288-0.64 0.672-0.64 0.352 0 0.672 0.288 0.672 0.64v5.344z"></path>
							</svg>
						</i>
					</button>
				</li>
			</ul>
		</div>

	</div>
</ng-container>
<div class="context-menu-wrapper"
	 *ngIf="annotations?.idToEntity?.has(hoverFeatureId)"
	 [ngStyle]="calcBoundingRect(hoverFeatureId)">
	<div class="context-menu" [style.outline-color]="getFeatureProps(hoverFeatureId)?.style?.initial?.stroke"></div>
</div>
{'fraction_non_alphanumeric': 0.19979467740661772, 'fraction_numerical': 0.3129590144515518, 'mean_word_length': 2.642220304860512, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 153, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5569498', 'n_tokens_mistral': 9010, 'n_tokens_neox': 5586, 'n_words': 751}