<commit_before><div class="d-flex m-auto sublayerContainer">
    <!-- string -->
    <div class="p-0 form-check form-check-inline" *ngIf="subLayerIsString(subLayer)">
        <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer]"
            (change)="subLayerSelected()">
        <label class="form-check-label">{{subLayer}}</label>
    </div>
    <!-- object -->
    <div *ngIf="!subLayerIsString(subLayer)" class="w-100">
        <div class="d-flex">
            <div class="p-0 form-check form-check-inline">
                <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer.Name]" [ngModelOptions]="{standalone: true}"
                    (change)="subLayerSelected(subLayer,checkedSubLayers[subLayer.Name])"
                    [attr.id]="'hs-sublayers-'+subLayer.Name" *ngIf="!subLayer.Layer">
                <input class="form-check-input" type="checkbox" [(ngModel)]="withChildren[subLayer.Name]" [ngModelOptions]="{standalone: true}"
                    (change)="subLayerSelected(subLayer, withChildren[subLayer.Name])"
                    [attr.id]="'hs-sublayers-'+subLayer.Name" *ngIf="subLayer.Layer">

                <div class="p-0 d-inline-flex flex-grow" *ngIf="subLayer.Layer">
                    <label class="form-check-label m-0"
                        [ngClass]="{'hs-checkmark':withChildren[subLayer.Name],'hs-uncheckmark':!withChildren[subLayer.Name]}"
                        [attr.for]="'hs-sublayers-'+subLayer.Name"></label>
                    <div (click)="toggleExpanded()" [ngStyle]="{'cursor':'pointer'}" [ngClass]="{'grayed': HsLayerManagerService.currentResolution >= subLayer.maxResolution}">
                        {{subLayer.Title || subLayer.Name}}
                        <button type="button" class="btn btn-sm p-0" [ngStyle]="{'font-size':'x-small'}">
                            <i [ngClass]="{'icon-chevron-down': expanded, 'icon-chevron-right': !expanded}"></i>
                        </button>
                    </div>
                </div>
                <div *ngIf="!subLayer.Layer">
                    <label class="form-check-label m-0"
                        [ngClass]="{'hs-checkmark':checkedSubLayers[subLayer.Name],'hs-uncheckmark':!checkedSubLayers[subLayer.Name], 'grayed': (HsLayerManagerService.currentResolution > subLayer.maxResolution) }"
                        [attr.for]="'hs-sublayers-'+subLayer.Name">{{subLayer.Title || subLayer.Name}}</label>
                </div>
            </div>
        </div>
        <div *ngIf="subLayer.Layer" class="collapse ml-4" [ngClass]="{'show': expanded}">
            <div *ngFor="let subLayer of subLayer.Layer">
                <div *ngIf="subLayerIsString(subLayer)">
                    <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer]"
                        (change)="subLayerSelected(subLayer,checkedSubLayers[subLayer.Name])"
                        [attr.id]="'hs-sublayers-'+subLayer" [ngModelOptions]="{standalone: true}">
                    <label class="form-check-label" [attr.for]="'hs-sublayers-'+subLayer">{{subLayer}}</label>
                </div>
                <hs-layer-editor-sub-layer-checkbox [subLayer]="subLayer" *ngIf="!subLayerIsString(subLayer)">
                </hs-layer-editor-sub-layer-checkbox>
            </div>
        </div>

    </div>
</div><commit_msg>fix: Replace 'show' CSS class with [hidden]<commit_after><div class="d-flex m-auto sublayerContainer">
    <!-- string -->
    <div class="p-0 form-check form-check-inline" *ngIf="subLayerIsString(subLayer)">
        <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer]"
            (change)="subLayerSelected()">
        <label class="form-check-label">{{subLayer}}</label>
    </div>
    <!-- object -->
    <div *ngIf="!subLayerIsString(subLayer)" class="w-100">
        <div class="d-flex">
            <div class="p-0 form-check form-check-inline">
                <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer.Name]" [ngModelOptions]="{standalone: true}"
                    (change)="subLayerSelected(subLayer,checkedSubLayers[subLayer.Name])"
                    [attr.id]="'hs-sublayers-'+subLayer.Name" *ngIf="!subLayer.Layer">
                <input class="form-check-input" type="checkbox" [(ngModel)]="withChildren[subLayer.Name]" [ngModelOptions]="{standalone: true}"
                    (change)="subLayerSelected(subLayer, withChildren[subLayer.Name])"
                    [attr.id]="'hs-sublayers-'+subLayer.Name" *ngIf="subLayer.Layer">

                <div class="p-0 d-inline-flex flex-grow" *ngIf="subLayer.Layer">
                    <label class="form-check-label m-0"
                        [ngClass]="{'hs-checkmark':withChildren[subLayer.Name],'hs-uncheckmark':!withChildren[subLayer.Name]}"
                        [attr.for]="'hs-sublayers-'+subLayer.Name"></label>
                    <div (click)="toggleExpanded()" [ngStyle]="{'cursor':'pointer'}" [ngClass]="{'grayed': HsLayerManagerService.currentResolution >= subLayer.maxResolution}">
                        {{subLayer.Title || subLayer.Name}}
                        <button type="button" class="btn btn-sm p-0" [ngStyle]="{'font-size':'x-small'}">
                            <i [ngClass]="{'icon-chevron-down': expanded, 'icon-chevron-right': !expanded}"></i>
                        </button>
                    </div>
                </div>
                <div *ngIf="!subLayer.Layer">
                    <label class="form-check-label m-0"
                        [ngClass]="{'hs-checkmark':checkedSubLayers[subLayer.Name],'hs-uncheckmark':!checkedSubLayers[subLayer.Name], 'grayed': (HsLayerManagerService.currentResolution > subLayer.maxResolution) }"
                        [attr.for]="'hs-sublayers-'+subLayer.Name">{{subLayer.Title || subLayer.Name}}</label>
                </div>
            </div>
        </div>
        <div *ngIf="subLayer.Layer" class="collapse ml-4" [hidden]="!expanded">
            <div *ngFor="let subLayer of subLayer.Layer">
                <div *ngIf="subLayerIsString(subLayer)">
                    <input class="form-check-input" type="checkbox" [(ngModel)]="checkedSubLayers[subLayer]"
                        (change)="subLayerSelected(subLayer,checkedSubLayers[subLayer.Name])"
                        [attr.id]="'hs-sublayers-'+subLayer" [ngModelOptions]="{standalone: true}">
                    <label class="form-check-label" [attr.for]="'hs-sublayers-'+subLayer">{{subLayer}}</label>
                </div>
                <hs-layer-editor-sub-layer-checkbox [subLayer]="subLayer" *ngIf="!subLayerIsString(subLayer)">
                </hs-layer-editor-sub-layer-checkbox>
            </div>
        </div>

    </div>
</div>
{'fraction_non_alphanumeric': 0.17923704135119395, 'fraction_numerical': 0.0029120559114735, 'mean_word_length': 2.4242273180458622, 'pattern_counts': {'":': 0, '<': 87, '<?xml version=': 0, '>': 91, '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': '4630523', 'n_tokens_mistral': 2146, 'n_tokens_neox': 2016, 'n_words': 256}