<commit_before><div flex layout="column" ng-controller="EditorController as EditorCtrl">
    <div class="bandeau" ng-show="!EditorCtrl.inPrint" layout="row" layout-align="space-between center">
        <div layout="row" layput-align="start center">
            <button ng-click="appCtrl.zoomLower()" title="{{'ZOOM_OUT' | translate}}" class="transparent"><span class="typcn typcn-zoom-out-outline"></span></button>
            <button ng-click="appCtrl.zoomHigher()" title="{{'ZOOM_IN' | translate}}" class="transparent"><span class="typcn typcn-zoom-in-outline"></span></button>
        </div>
        <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showDys}" ng-click="appCtrl.toggleDys()" title="{{'DYS' | translate}}"><span class="typcn typcn-feather"></span></button>
        <div layout="row" layput-align="start center">
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showMenu}" ng-click="appCtrl.toggleMenu()" title="{{'MENU' | translate}}"><span class="typcn typcn-th-menu-outline"></span></button>
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showEditor}" ng-click="appCtrl.toggleEditor()" title="{{'EDITOR' | translate}}"><span class="typcn typcn-edit"></span></button>
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showVisualiser}" ng-click="appCtrl.toggleVisualiser()" title="{{'VISUALIZER' | translate}}"><span class="typcn typcn-eye-outline"></span></button>
        </div>

        <div layout="row" layput-align="start center">
            <button ng-click="EditorCtrl.print()" title="{{'PRINT' | translate}}" class="transparent"><span class="typcn typcn-printer"></span></button>
            <button ng-click="EditorCtrl.print()" title="{{'HELP' | translate}}" class="transparent"><span class="typcn typcn-compass"></span></button>
            <button ng-click="appCtrl.goSettings()" title="{{'SETTINGS' | translate}}" class="transparent"><span class="typcn typcn-cog-outline"></span></button>
        </div>
    </div>
    <div class="principal" flex layout="row">
        <div class="left-panel" layout="row" ng-class="{hidden: !appCtrl.PreferencesService.preferences.showMenu}" ng-show="!EditorCtrl.inPrint">
            <div class="menu" layout="column">
                <div layout="row" layout-align="space-between center">
                    <p>Cartable</p>
                    <script type="text/ng-template" id="popoverNewClass">
                        <div class="triangle"></div>
                        <div class="ns-popover-tooltip">
                            <form novalidate ng-submit="EditorCtrl.addClassPopover(hidePopover)">
                                <label for="newClassName" layout="column" layout-align="center center">
                                    <p>{{ 'CLASS_NAME' | translate }}</p>
                                    <input id="newClassName" ng-model="EditorCtrl.newClass">
                                </label>
                                <button type="submit" id="submit" value="Submit">{{ 'BTN_ADD' | translate }}</button>
                                <button type="reset" ng-click="EditorCtrl.closeClassPopover(hidePopover)">{{ 'BTN_CANCEL' | translate }}</button>
                            </form>
                        </div>
                    </script>
                    <button ns-popover  class="transparent light"
                            ns-popover-template="popoverNewClass"
                            ns-popover-trigger="click"
                            ns-popover-placement="right"<commit_msg>feat(buttons): icons<commit_after><div flex layout="column" ng-controller="EditorController as EditorCtrl">
    <div class="bandeau" ng-show="!EditorCtrl.inPrint" layout="row" layout-align="space-between center">
        <div layout="row" layput-align="start center">
            <button ng-click="appCtrl.zoomLower()" title="{{'ZOOM_OUT' | translate}}" class="transparent"><span class="typcn typcn-zoom-out-outline"></span></button>
            <button ng-click="appCtrl.zoomHigher()" title="{{'ZOOM_IN' | translate}}" class="transparent"><span class="typcn typcn-zoom-in-outline"></span></button>
        </div>
        <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showDys}" ng-click="appCtrl.toggleDys()" title="{{'DYS' | translate}}"><span class="typcn typcn-feather"></span></button>
        <div layout="row" layput-align="start center">
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showMenu}" ng-click="appCtrl.toggleMenu()" title="{{'MENU' | translate}}"><span class="typcn typcn-th-menu-outline"></span></button>
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showEditor}" ng-click="appCtrl.toggleEditor()" title="{{'EDITOR' | translate}}"><span class="typcn typcn-edit"></span></button>
            <button class="toggle" ng-class="{off: !appCtrl.PreferencesService.preferences.showVisualiser}" ng-click="appCtrl.toggleVisualiser()" title="{{'VISUALIZER' | translate}}"><span class="typcn typcn-eye-outline"></span></button>
        </div>

        <div layout="row" layput-align="start center">
            <button ng-click="EditorCtrl.print()" title="{{'PRINT' | translate}}" class="transparent"><span class="typcn typcn-printer"></span></button>
            <button ng-click="EditorCtrl.print()" title="{{'HELP' | translate}}" class="transparent"><span class="typcn typcn-compass"></span></button>
            <button ng-click="appCtrl.goSettings()" title="{{'SETTINGS' | translate}}" class="transparent"><span class="typcn typcn-cog-outline"></span></button>
        </div>
    </div>
    <div class="principal" flex layout="row">
        <div class="left-panel" layout="row" ng-class="{hidden: !appCtrl.PreferencesService.preferences.showMenu}" ng-show="!EditorCtrl.inPrint">
            <div class="menu" layout="column">
                <div layout="row" layout-align="space-between center">
                    <p>Cartable</p>
                    <script type="text/ng-template" id="popoverNewClass">
                        <div class="triangle"></div>
                        <div class="ns-popover-tooltip">
                            <form novalidate ng-submit="EditorCtrl.addClassPopover(hidePopover)">
                                <label for="newClassName" layout="column" layout-align="center center">
                                    <p>{{ 'CLASS_NAME' | translate }}</p>
                                    <input id="newClassName" ng-model="EditorCtrl.newClass">
                                </label>
                                <button type="submit" id="submit" value="Submit" title="{{ 'BTN_ADD' | translate }}"><span class="typcn typcn-input-checked-outline"></span></button>
                                <button type="reset" ng-click="EditorCtrl.closeClassPopover(hidePopover)" title="{{ 'BTN_CANCEL' | translate }}"><span class="typcn typcn-arrow-back-outline"></span></button>
                            </form>
                        </div>
                    </script>
                    <button ns-popover  class="transparent light"
                            ns-popover-template="popoverNewClass"
                            ns-popover-trigger="click"
                            ns-popover-placement="right"
{'fraction_non_alphanumeric': 0.17270531400966183, 'fraction_numerical': 0.0, 'mean_word_length': 2.7527693856998994, 'pattern_counts': {'":': 0, '<': 145, '<?xml version=': 0, '>': 143, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '621531', 'n_tokens_mistral': 2105, 'n_tokens_neox': 2026, 'n_words': 332}