examples/webpack/dist/0.e100c23eefa4ef71b346.chunk.js
function () {
            var /** @type {?} */ tickSize = this._tickIntervalPercent * 100;
            var /** @type {?} */ backgroundSize = this.vertical ? "2px " + tickSize + "%" : tickSize + "% 2px";
            var /** @type {?} */ axis = this.vertical ? 'Y' : 'X';
            // Depending on the direction we pushed the ticks container, push the ticks the opposite
            // direction to re-center them but clip off the end edge. In RTL languages we need to flip the
            // ticks 180 degrees so we're really cutting off the end edge abd not the start.
            var /** @type {?} */ sign = !this.vertical && this._direction == 'rtl' ? '-' : '';
            var /** @type {?} */ rotate = !this.vertical && this._direction == 'rtl' ? ' rotate(180deg)' : '';
            var /** @type {?} */ styles = {
                'backgroundSize': backgroundSize,
                // Without translateZ ticks sometimes jitter as the slider moves on Chrome & Firefox.
                'transform': "translateZ(0) translate" + axis + "(" + sign + tickSize / 2 + "%)" + rotate
            };
            if (this._isMinValue && this._thumbGap) {
                var /** @type {?} */ side = this.vertical ?
                    (this._invertAxis ? 'Bottom' : 'Top') :
                    (this._invertAxis ? 'Right' : 'Left');
                styles["padding" + side] = this._thumbGap + "px";
            }
            return styles;
        }
function () {
            var /** @type {?} */ tickSize = this._tickIntervalPercent * 100;
            var /** @type {?} */ backgroundSize = this.vertical ? "2px " + tickSize + "%" : tickSize + "% 2px";
            var /** @type {?} */ axis = this.vertical ? 'Y' : 'X';
            // Depending on the direction we pushed the ticks container, push the ticks the opposite
            // direction to re-center them but clip off the end edge. In RTL languages we need to flip the
            // ticks 180 degrees so we're really cutting off the end edge abd not the start.
            var /** @type {?} */ sign = !this.vertical && this._direction == 'rtl' ? '-' : '';
            var /** @type {?} */ rotate = !this.vertical && this._direction == 'rtl' ? ' rotate(180deg)' : '';
            var /** @type {?} */ styles = {
                'backgroundSize': backgroundSize,
                // Without translateZ ticks sometimes jitter as the slider moves on Chrome & Firefox.
                'transform': "translateZ(0) translate" + axis + "(" + sign + tickSize / 2 + "%)" + rotate
            };
            if (this._isMinValue && this._thumbGap) {
                var /** @type {?} */ side = this.vertical ?
                    (this._invertAxis ? 'Bottom' : 'Top') :
                    (this._invertAxis ? 'Right' : 'Left');
                styles["padding" + side] = this._thumbGap + "px";
            }
            return styles;
        }
function ( ) { var /** @type {?} */ tickSize = this . _tickIntervalPercent * 100 ; var /** @type {?} */ backgroundSize = this . vertical ? "2px " + tickSize + "%" : tickSize + "% 2px" ; var /** @type {?} */ axis = this . vertical ? 'Y' : 'X' ; // Depending on the direction we pushed the ticks container, push the ticks the opposite // direction to re-center them but clip off the end edge. In RTL languages we need to flip the // ticks 180 degrees so we're really cutting off the end edge abd not the start. var /** @type {?} */ sign = ! this . vertical && this . _direction == 'rtl' ? '-' : '' ; var /** @type {?} */ rotate = ! this . vertical && this . _direction == 'rtl' ? ' rotate(180deg)' : '' ; var /** @type {?} */ styles = { 'backgroundSize' : backgroundSize , // Without translateZ ticks sometimes jitter as the slider moves on Chrome & Firefox. 'transform' : "translateZ(0) translate" + axis + "(" + sign + tickSize / 2 + "%)" + rotate } ; if ( this . _isMinValue && this . _thumbGap ) { var /** @type {?} */ side = this . vertical ? ( this . _invertAxis ? 'Bottom' : 'Top' ) : ( this . _invertAxis ? 'Right' : 'Left' ) ; styles [ "padding" + side ] = this . _thumbGap + "px" ; } return styles ; }
CSS styles for the ticks element.
@return {?}
CSS styles for the ticks element .