<commit_before><!--
/**
 * Fixes the browser's native `<input type="file">` by allow it to be easily 
 * styled.  Also provides access to selected `File` object via a proper `Array`,
 * and not a `FileList`, which is a pseudo-array.  Selected `File` objects are
 * made available via a property on the custom element and via a custom event.
 *
 * Other conveniences include:
 * - non-vendor-prefixed directory selection 
 * - filtering via file extension
 * - the ability to "reset" the element (clear selected files, etc)
 * - allow camera access on mobile devices
 *
 * More features are likely to be added as requested.
 */
-->
<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="file-input" attributes="accept directory extensions maxFiles maxSize minSize">

    <template>
    
        <style>
            :host {
                position: relative;
            }
        
            #fileInputInput {
                bottom: 0; 
                height: 100%; 
                left: 0; 
                margin: 0; 
                opacity: 0; 
                padding: 0; 
                position: absolute;
                right: 0; 
                top: 0; 
                width: 100%; 
            }
        </style>
        
        <content></content>

        <input 
            accept="{{accept}}" 
            id="fileInputInput" 
            on-change="{{changeHandler}}" 
            type="file"
        >

    </template>
    
    <script src="file-input.js"></script>

</polymer-element><commit_msg>docs(file-input.html): fix comments<commit_after><!--
/**
 * Fixes the browser's native `<input type="file">` by allow it to be easily
 * styled.  Also provides access to selected `File` object via a proper `Array`,
 * and not a `FileList`, which is a pseudo-array.  Selected `File` objects are
 * made available via a property on the custom element and via a custom event.
 *
 * Other conveniences include:
 * - non-vendor-prefixed directory selection
 * - many validation options
 * - the ability to "reset" the element (clear selected files, etc)
 *
 * More features are likely to be added as requested.
 */
-->
<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="file-input" attributes="accept directory extensions maxFiles maxSize minSize">

    <template>

        <style>
            :host {
                position: relative;
            }

            #fileInputInput {
                bottom: 0;
                height: 100%;
                left: 0;
                margin: 0;
                opacity: 0;
                padding: 0;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
            }
        </style>

        <content></content>

        <input
            accept="{{accept}}"
            id="fileInputInput"
            on-change="{{changeHandler}}"
            type="file"
        >

    </template>

    <script src="file-input.js"></script>

</polymer-element>
{'fraction_non_alphanumeric': 0.11096563011456628, 'fraction_numerical': 0.00851063829787234, 'mean_word_length': 1.7506750675067506, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, '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': '4002405', 'n_tokens_mistral': 851, 'n_tokens_neox': 764, 'n_words': 262}