apeman-react-clock/lib/ap_analog_clock_style.js

/**
 * Style for ApClock.
 * @constructor ApAnalogClockStyle
 */

"use strict";

const React = require('react'),
      types = React.PropTypes,
      extend = require('extend'),
      ApStyle = require('apeman-react-style')['ApStyle'];

/** @lends ApAnalogClockStyle */
let ApAnalogClockStyle = React.createClass({
    displayName: 'ApAnalogClockStyle',

    propTypes: {
        scoped: types.bool,
        style: types.object,
        minSize: types.number,
        maxSize: types.number,
        color: types.string
    },
    getDefaultProps: function () {
        return {
            scoped: false,
            style: {},
            minSize: 80,
            maxSize: 480,
            color: '#555'
        };
    },
    render: function () {
        let s = this,
            props = s.props;

        let minSize = props.minSize,
            maxSize = props.maxSize,
            color = props.color;

        let boardPading = 18;

        let data = {

            '.ap-analog-clock': {
                minWidth: minSize,
                minHeight: minSize,
                maxWidth: maxSize,
                maxHeight: maxSize,
                display: `block`,
                textAlign: 'center'
            },
            '.ap-analog-clock-board': {
                width: `100%`,
                height: `100%`,
                border: `2px solid ${ color }`,
                display: `inline-block`,
                position: `relative`,
                borderRadius: `50%`
            },
            '.ap-analog-letter': {
                height: `50%`,
                width: `10%`,
                position: `absolute`,
                left: `45%`,
                top: `0`,
                display: `inline-block`,
                transformOrigin: `50% 100%`
            },
            '.ap-analog-letter-title': {
                position: `absolute`,
                left: `0`,
                top: `0`,
                display: `inline-block`
            },
            '.ap-analog-clock-board-inner': {
                position: `absolute`,
                left: boardPading,
                top: boardPading,
                right: boardPading,
                bottom: boardPading
            },
            '.ap-analog-clock-hand': {
                height: `50%`,
                width: `10%`,
                position: `absolute`,
                left: `45%`,
                top: `0`,
                display: `inline-block`,
                transformOrigin: `50% 100%`
            },
            '.ap-analog-clock-hand-bar-container': {
                position: `absolute`,
                left: 0,
                top: 0,
                right: 0,
                bottom: -8,
                display: `inline-block`,
                textAlign: `center`
            },
            '.ap-analog-clock-hand-bar': {
                background: `${ color }`,
                width: 24,
                height: '100%',
                display: `inline-block`
            }
        },
            smallMediaData = {},
            mediumMediaData = {},
            largeMediaData = {};
        return React.createElement(
            ApStyle,
            { scoped: props.scoped,
                data: extend(data, props.style),
                smallMediaData: smallMediaData,
                mediumMediaData: mediumMediaData,
                largeMediaData: largeMediaData
            },
            props.children
        );
    }
});

module.exports = ApAnalogClockStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImpzeC9hcF9hbmFsb2dfY2xvY2tfc3R5bGUuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBS0EsWUFBWSxDQUFDOztBQUViLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUM7TUFDMUIsS0FBSyxHQUFHLEtBQUssQ0FBQyxTQUFTO01BQ3ZCLE1BQU0sR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDO01BQzFCLE9BQU8sR0FBRyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxTQUFTLENBQUM7OztBQUFDLEFBR3ZELElBQUksa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQzs7O0FBQ3ZDLGFBQVMsRUFBRTtBQUNQLGNBQU0sRUFBRSxLQUFLLENBQUMsSUFBSTtBQUNsQixhQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU07QUFDbkIsZUFBTyxFQUFFLEtBQUssQ0FBQyxNQUFNO0FBQ3JCLGVBQU8sRUFBRSxLQUFLLENBQUMsTUFBTTtBQUNyQixhQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU07S0FDdEI7QUFDRCxtQkFBZSxFQUFFLFlBQVk7QUFDekIsZUFBTztBQUNILGtCQUFNLEVBQUUsS0FBSztBQUNiLGlCQUFLLEVBQUUsRUFBRTtBQUNULG1CQUFPLEVBQUUsRUFBRTtBQUNYLG1CQUFPLEVBQUUsR0FBRztBQUNaLGlCQUFLLEVBQUUsTUFBTTtTQUNoQixDQUFBO0tBQ0o7QUFDRCxVQUFNLEVBQUUsWUFBWTtBQUNoQixZQUFJLENBQUMsR0FBRyxJQUFJO1lBQ1IsS0FBSyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7O0FBRXBCLFlBQUksT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPO1lBQ3ZCLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTztZQUN2QixLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQzs7QUFFeEIsWUFBSSxXQUFXLEdBQUcsRUFBRSxDQUFDOztBQUVyQixZQUFJLElBQUksR0FBRzs7QUFFSCw4QkFBa0IsRUFBRTtB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QUM3QjtLQUNMO0NBQ0osQ0FBQyxDQUFDOztBQUVILE1BQU0sQ0FBQyxPQUFPLEdBQUcsa0JBQWtCLENBQUMiLCJmaWxlIjoiYXBfYW5hbG9nX2Nsb2NrX3N0eWxlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaXRha2EvcHJvamVjdHMvYXBlbWFuLXJlYWN0LWxhYm8vYXBlbWFuLXJlYWN0LWNsb2NrL2xpYi9qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcENsb2NrLlxuICogQGNvbnN0cnVjdG9yIEFwQW5hbG9nQ2xvY2tTdHlsZVxuICovXG5cblwidXNlIHN0cmljdFwiO1xuXG5jb25zdCBSZWFjdCA9IHJlcXVpcmUoJ3JlYWN0JyksXG4gICAgdHlwZXMgPSBSZWFjdC5Qcm9wVHlwZXMsXG4gICAgZXh0ZW5kID0gcmVxdWlyZSgnZXh0ZW5kJyksXG4gICAgQXBTdHlsZSA9IHJlcXVpcmUoJ2FwZW1hbi1yZWFjdC1zdHlsZScpWydBcFN0eWxlJ107XG5cbi8qKiBAbGVuZHMgQXBBbmFsb2dDbG9ja1N0eWxlICovXG5sZXQgQXBBbmFsb2dDbG9ja1N0eWxlID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICAgIHByb3BUeXBlczoge1xuICAgICAgICBzY29wZWQ6IHR5cGVzLmJvb2wsXG4gICAgICAgIHN0eWxlOiB0eXBlcy5vYmplY3QsXG4gICAgICAgIG1pblNpemU6IHR5cGVzLm51bWJlcixcbiAgICAgICAgbWF4U2l6ZTogdHlwZXMubnVtYmVyLFxuICAgICAgICBjb2xvcjogdHlwZXMuc3RyaW5nXG4gICAgfSxcbiAgICBnZXREZWZhdWx0UHJvcHM6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHNjb3BlZDogZmFsc2UsXG4gICAgICAgICAgICBzdHlsZToge30sXG4gICAgICAgICAgICBtaW5TaXplOiA4MCxcbiAgICAgICAgICAgIG1heFNpemU6IDQ4MCxcbiAgICAgICAgICAgIGNvbG9yOiAnIzU1NSdcbiAgICAgICAgfVxuICAgIH0sXG4gICAgcmVuZGVyOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgIGxldCBzID0gdGhpcyxcbiAgICAgICAgICAgIHByb3BzID0gcy5wcm9wcztcblxuICAgICAgICBsZXQgbWluU2l6ZSA9IHByb3BzLm1pblNpemUsXG4gICAgICAgICAgICBtYXhTaXplID0gcHJvcHMubWF4U2l6ZSxcbiAgICAgICAgICAgIGNvbG9yID0gcHJvcHMuY29sb3I7XG5cbiAgICAgICAgbGV0IGJvYXJkUGFkaW5nID0gMTg7XG5cbiAgICAgICAgbGV0IGRhdGEgPSB7XG5cbiAgICAgICAgICAgICAgICAnLmFwLWFuYWxvZy1jbG9jayc6IHtcbiAgICAgICAgICAgICAgICAgICAgbWluV2lkdGg6IG1pblNpemUsXG4gICAgICAgICAgICAgICAgICAgIG1pbkhlaWdodDogbWluU2l6ZSxcbiAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IG1heFNpemUsXG4gICAgICAgICAgICAgICAgICAgIG1heEhlaWdodDogbWF4U2l6ZSxcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYGJsb2NrYCxcbiAgICAgICAgICAgICAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJ1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1hbmFsb2ctY2xvY2stYm9hcmQnOiB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBgMTAwJWAsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogYDEwMCVgLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IGAycHggc29saWQgJHtjb2xvcn1gLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgaW5saW5lLWJsb2NrYCxcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGByZWxhdGl2ZWAsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogYDUwJWBcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICcuYXAtYW5hbG9nLWxldHRlcic6IHtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBgNTAlYCxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IGAxMCVgLFxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYGFic29sdXRlYCxcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogYDQ1JWAsXG4gICAgICAgICAgICAgICAgICAgIHRvcDogYDBgLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgaW5saW5lLWJsb2NrYCxcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtT3JpZ2luOiBgNTAlIDEwMCVgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLWFuYWxvZy1sZXR0ZXItdGl0bGUnOiB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBgMGAsXG4gICAgICAgICAgICAgICAgICAgIHRvcDogYDBgLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBgaW5saW5lLWJsb2NrYFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgJy5hcC1hbmFsb2ctY2xvY2stYm9hcmQtaW5uZXInOiB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBib2FyZFBhZGluZyxcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBib2FyZFBhZGluZyxcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IGJvYXJkUGFkaW5nLFxuICAgICAgICAgICAgICAgICAgICBib3R0b206IGJvYXJkUGFkaW5nXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLWFuYWxvZy1jbG9jay1oYW5kJzoge1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGA1MCVgLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogYDEwJWAsXG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBgYWJzb2x1dGVgLFxuICAgICAgICAgICAgICAgICAgICBsZWZ0OiBgNDUlYCxcbiAgICAgICAgICAgICAgICAgICAgdG9wOiBgMGAsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBpbmxpbmUtYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm1PcmlnaW46IGA1MCUgMTAwJWBcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICcuYXAtYW5hbG9nLWNsb2NrLWhhbmQtYmFyLWNvbnRhaW5lcic6IHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGBhYnNvbHV0ZWAsXG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogLTgsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGBpbmxpbmUtYmxvY2tgLFxuICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246IGBjZW50ZXJgXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAnLmFwLWFuYWxvZy1jbG9jay1oYW5kLWJhcic6IHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYCR7Y29sb3J9YCxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDI0LFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYGlubGluZS1ibG9ja2BcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgc21hbGxNZWRpYURhdGEgPSB7fSxcbiAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YSA9IHt9LFxuICAgICAgICAgICAgbGFyZ2VNZWRpYURhdGEgPSB7fTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxBcFN0eWxlIHNjb3BlZD17cHJvcHMuc2NvcGVkfVxuICAgICAgICAgICAgICAgICAgICAgZGF0YT17ZXh0ZW5kKGRhdGEsIHByb3BzLnN0eWxlKX1cbiAgICAgICAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXtzbWFsbE1lZGlhRGF0YX1cbiAgICAgICAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17bWVkaXVtTWVkaWFEYXRhfVxuICAgICAgICAgICAgICAgICAgICAgbGFyZ2VNZWRpYURhdGE9e2xhcmdlTWVkaWFEYXRhfVxuICAgICAgICAgICAgPntwcm9wcy5jaGlsZHJlbn08L0FwU3R5bGU+XG4gICAgICAgICk7XG4gICAgfVxufSk7XG5cbm1vZHVsZS5leHBvcnRzID0gQXBBbmFsb2dDbG9ja1N0eWxlO1xuIl19