<commit_before>import { Component, OnDestroy } from "@angular/core";
import { SuiLocalizationService } from "ng2-semantic-ui";
import locales from "ng2-semantic-ui/locales";

const exampleTemplate = `
<div class="ui segments">
    <div class="ui segment">
        <p>Language</p>
        <sui-select class="selection"
                    [(ngModel)]="language"
                    [options]="languages"
                    labelField="name"
                    valueField="code"
                    [isSearchable]="true"
                    #lang>

            <sui-select-option *ngFor="let l of lang.availableOptions"
                               [value]="l"></sui-select-option>
        </sui-select>
    </div>
    <div class="ui segment">
        <div class="ui left icon fluid input">
            <i class="calendar icon"></i>
            <input suiDatepicker pickerMode="date" [pickerUseNativeOnMobile]="false">
        </div>
    </div>
    <div class="ui segment">
        <sui-select class="fluid selection">
            <sui-select-option value="Option 1"></sui-select-option>
            <sui-select-option value="Option 2"></sui-select-option>
            <sui-select-option value="Option 3"></sui-select-option>
        </sui-select>
    </div>
</div>
`;

interface ISupportedLanguage {
    name:string;
    code?:string;
    children?:ISupportedLanguage[];
    default?:boolean;
}

const supportedLanguages:ISupportedLanguage[] = [
    {
        name: "English",
        children: [
            {
                name: "Australian",
                code: "en-AU"
            },
            {
                name: "UK",
                code: "en-GB",
                default: true
            },
            {
                name: "US",
                code: "en-US"
            }
        ]
    },
    {
        name: "Spanish",
        code: "es"
    },
    {
        name: "Italian",
        code: "it"
    },
    {
        name: "Portuguese",
        code: "pt"
    },
    {
        name: "French",
        code: "fr"
    },
    {
        name: "German",
        code: "de"
    },
    {
        name: "Russian",
        code: "ru"
    },
    {
        name: "Hebrew",
        code: "he"
    }
];

@Component({
    selector: "demo-page-localization",
    templateUrl: "./localization.page.html"<commit_msg>demo: Added new localizations to list<commit_after>import { Component, OnDestroy } from "@angular/core";
import { SuiLocalizationService } from "ng2-semantic-ui";
import locales from "ng2-semantic-ui/locales";

const exampleTemplate = `
<div class="ui segments">
    <div class="ui segment">
        <p>Language</p>
        <sui-select class="selection"
                    [(ngModel)]="language"
                    [options]="languages"
                    labelField="name"
                    valueField="code"
                    [isSearchable]="true"
                    #lang>

            <sui-select-option *ngFor="let l of lang.availableOptions"
                               [value]="l"></sui-select-option>
        </sui-select>
    </div>
    <div class="ui segment">
        <div class="ui left icon fluid input">
            <i class="calendar icon"></i>
            <input suiDatepicker pickerMode="date" [pickerUseNativeOnMobile]="false">
        </div>
    </div>
    <div class="ui segment">
        <sui-select class="fluid selection">
            <sui-select-option value="Option 1"></sui-select-option>
            <sui-select-option value="Option 2"></sui-select-option>
            <sui-select-option value="Option 3"></sui-select-option>
        </sui-select>
    </div>
</div>
`;

interface ISupportedLanguage {
    name:string;
    code?:string;
    children?:ISupportedLanguage[];
    default?:boolean;
}

const supportedLanguages:ISupportedLanguage[] = [
    {
        name: "English",
        children: [
            {
                name: "Australian",
                code: "en-AU"
            },
            {
                name: "UK",
                code: "en-GB",
                default: true
            },
            {
                name: "US",
                code: "en-US"
            }
        ]
    },
    {
        name: "Spanish",
        code: "es"
    },
    {
        name: "Italian",
        code: "it"
    },
    {
        name: "Portuguese",
        code: "pt"
    },
    {
        name: "French",
        code: "fr"
    },
    {
        name: "German",
        code: "de"
    },
    {
        name: "Russian",
        code: "ru"
    },
    {
        name: "Hebrew",
        code: "he"
    },
    {
        name: "Dutch",
        code: "nl"
    },
    {
        name: "Georgian",
        code: "ge"
    }
];

@Component({
    selector: "demo-page-localization",
    templateUrl: "./localization.page.html"
{'fraction_non_alphanumeric': 0.14679473794111506, 'fraction_numerical': 0.0020881186051367718, 'mean_word_length': 1.4818652849740932, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, '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': '3314321', 'n_tokens_mistral': 1478, 'n_tokens_neox': 1418, 'n_words': 276}