app-i18n.html

<!--
@license
Copyright (c) 2017 The expand.js authors. All rights reserved.
This code may only be used under the BSD style license found at https://expandjs.github.io/LICENSE.txt
The complete set of authors may be found at https://expandjs.github.io/AUTHORS.txt
The complete set of contributors may be found at https://expandjs.github.io/CONTRIBUTORS.txt
-->

<!--
A web component used to provide i18n support.

@element app-i18n
@since 1.0.0
@category functionality
@description A web component used to provide i18n support
@keywords expandjs, web app, web components

@homepage https://expandjs.com/components/app-i18n
@repository https://github.com/expandjs/app-behaviors
@source https://github.com/expandjs/app-behaviors/blob/master/app-i18n.html

@behavior xp-meta-behavior /bower_components/xp-elements/xp-meta-behavior.html
-->

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../expandjs/expandjs.html">
<link rel="import" href="../xp-elements/xp-meta-behavior.html">

<dom-module id="app-i18n">

    <template strip-whitespace>

        <style>
            :host {
                display: none !important;
            }
        </style>

        <slot></slot>

    </template>

    <script>
        Polymer({

            // ELEMENT
            is: 'app-i18n',

            // BEHAVIORS
            behaviors: [
                Polymer.XPMetaBehavior
            ],

            /*********************************************************************/

            /**
             * Fired when the i18n has been parsed.
             *
             * @event app-i18n
             * @param {string} namespace
             * @param {string} locale
             * @param {Object} data
             * @bubbles
             */

            /*********************************************************************/

            // OBSERVERS
            observers: [
                '_dataChanged(data)'
            ],

            // PROPERTIES
            properties: {

                /**
                 * The i18n's locale.
                 *
                 * @attribute locale
                 * @type string
                 */
                locale: {
                    type: String
                },

                /**
                 * The i18n's namespace.
                 *
                 * @attribute namespace
                 * @type string
                 */
                namespace: {
                    type: String
                }
            },

            /*********************************************************************/

            // OBSERVER
            _dataChanged() {

                // Preventing
                if (!this.data || !this.locale || !this.namespace) { return; }

                // Setting
                XP.set(window, `app.${this.namespace}.i18n.${this.locale}`, XP.freezeDeep(this.data));

                // Firing
                this.fire(`app-i18n`, {data: this.data, locale: this.locale, namespace: this.namespace}, {node: window});
            }
        });
    </script>

</dom-module>