@nativescript/core 8.9.0-napi-es5.0 → 8.9.0-napi.1

package/ui/core/properties/index.js

@@ -5,19 +5,18 @@ import { profile } from '../../../profiling';
 /**
  * Value specifying that Property should be set to its initial value.
  */
-export var unsetValue = new Object();
-var cssPropertyNames = [];
-var symbolPropertyMap = {};
-var cssSymbolPropertyMap = {};
-var inheritableProperties = new Array();
-var inheritableCssProperties = new Array();
+export const unsetValue = new Object();
+const cssPropertyNames = [];
+const symbolPropertyMap = {};
+const cssSymbolPropertyMap = {};
+const inheritableProperties = new Array();
+const inheritableCssProperties = new Array();
 function print(map) {
-    var symbols = Object.getOwnPropertySymbols(map);
-    for (var _i = 0, symbols_1 = symbols; _i < symbols_1.length; _i++) {
-        var symbol = symbols_1[_i];
-        var prop = map[symbol];
+    const symbols = Object.getOwnPropertySymbols(map);
+    for (const symbol of symbols) {
+        const prop = map[symbol];
         if (!prop.registered) {
-            console.log("Property ".concat(prop.name, " not Registered!!!!!"));
+            console.log(`Property ${prop.name} not Registered!!!!!`);
         }
     }
 }
@@ -48,33 +47,33 @@ export function _evaluateCssVariableExpression(view, cssName, value) {
         // Value is not using css-variable(s)
         return value;
     }
-    var output = value.trim();
+    let output = value.trim();
     // Evaluate every (and nested) css-variables in the value.
-    var lastValue;
+    let lastValue;
     while (lastValue !== output) {
         lastValue = output;
-        var idx = output.lastIndexOf('var(');
+        const idx = output.lastIndexOf('var(');
         if (idx === -1) {
             continue;
         }
-        var endIdx = output.indexOf(')', idx);
+        const endIdx = output.indexOf(')', idx);
         if (endIdx === -1) {
             continue;
         }
-        var matched = output
+        const matched = output
             .substring(idx + 4, endIdx)
             .split(',')
-            .map(function (v) { return v.trim(); })
-            .filter(function (v) { return !!v; });
-        var cssVariableName = matched.shift();
-        var cssVariableValue = view.style.getCssVariable(cssVariableName);
+            .map((v) => v.trim())
+            .filter((v) => !!v);
+        const cssVariableName = matched.shift();
+        let cssVariableValue = view.style.getCssVariable(cssVariableName);
         if (cssVariableValue === null && matched.length) {
             cssVariableValue = _evaluateCssVariableExpression(view, cssName, matched.join(', ')).split(',')[0];
         }
         if (!cssVariableValue) {
             cssVariableValue = 'unset';
         }
-        output = "".concat(output.substring(0, idx)).concat(cssVariableValue).concat(output.substring(endIdx + 1));
+        output = `${output.substring(0, idx)}${cssVariableValue}${output.substring(endIdx + 1)}`;
     }
     return output;
 }
@@ -91,31 +90,31 @@ export function _evaluateCssCalcExpression(value) {
     }
 }
 function getPropertiesFromMap(map) {
-    var props = [];
-    Object.getOwnPropertySymbols(map).forEach(function (symbol) { return props.push(map[symbol]); });
+    const props = [];
+    Object.getOwnPropertySymbols(map).forEach((symbol) => props.push(map[symbol]));
     return props;
 }
-var Property = /** @class */ (function () {
-    function Property(options) {
+export class Property {
+    constructor(options) {
         this.enumerable = true;
         this.configurable = true;
-        var propertyName = options.name;
+        const propertyName = options.name;
         this.name = propertyName;
-        var key = Symbol(propertyName + ':propertyKey');
+        const key = Symbol(propertyName + ':propertyKey');
         this.key = key;
-        var getDefault = Symbol(propertyName + ':getDefault');
+        const getDefault = Symbol(propertyName + ':getDefault');
         this.getDefault = getDefault;
-        var setNative = Symbol(propertyName + ':setNative');
+        const setNative = Symbol(propertyName + ':setNative');
         this.setNative = setNative;
-        var defaultValueKey = Symbol(propertyName + ':nativeDefaultValue');
+        const defaultValueKey = Symbol(propertyName + ':nativeDefaultValue');
         this.defaultValueKey = defaultValueKey;
-        var defaultValue = options.defaultValue;
+        const defaultValue = options.defaultValue;
         this.defaultValue = defaultValue;
-        var eventName = propertyName + 'Change';
-        var equalityComparer = options.equalityComparer;
-        var affectsLayout = options.affectsLayout;
-        var valueChanged = options.valueChanged;
-        var valueConverter = options.valueConverter;
+        const eventName = propertyName + 'Change';
+        let equalityComparer = options.equalityComparer;
+        let affectsLayout = options.affectsLayout;
+        let valueChanged = options.valueChanged;
+        let valueConverter = options.valueConverter;
         this.overrideHandlers = function (options) {
             if (typeof options.equalityComparer !== 'undefined') {
                 equalityComparer = options.equalityComparer;
@@ -130,11 +129,11 @@ var Property = /** @class */ (function () {
                 valueConverter = options.valueConverter;
             }
         };
-        var property = this;
+        const property = this;
         this.set = function (boxedValue) {
-            var reset = boxedValue === unsetValue;
-            var value;
-            var wrapped;
+            const reset = boxedValue === unsetValue;
+            let value;
+            let wrapped;
             if (reset) {
                 value = defaultValue;
             }
@@ -145,8 +144,8 @@ var Property = /** @class */ (function () {
                     value = valueConverter(value);
                 }
             }
-            var oldValue = (key in this ? this[key] : defaultValue);
-            var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            const oldValue = (key in this ? this[key] : defaultValue);
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
             if (wrapped || changed) {
                 if (affectsLayout) {
                     this.requestLayout();
@@ -195,10 +194,10 @@ var Property = /** @class */ (function () {
                 if (this.hasListeners(eventName)) {
                     this.notify({
                         object: this,
-                        eventName: eventName,
-                        propertyName: propertyName,
-                        value: value,
-                        oldValue: oldValue,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
                 if (this.domNode) {
@@ -215,8 +214,8 @@ var Property = /** @class */ (function () {
             return (key in this ? this[key] : defaultValue);
         };
         this.nativeValueChange = function (owner, value) {
-            var oldValue = (key in owner ? owner[key] : defaultValue);
-            var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            const oldValue = (key in owner ? owner[key] : defaultValue);
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
             if (changed) {
                 owner[key] = value;
                 if (valueChanged) {
@@ -228,10 +227,10 @@ var Property = /** @class */ (function () {
                 if (owner.hasListeners(eventName)) {
                     owner.notify({
                         object: owner,
-                        eventName: eventName,
-                        propertyName: propertyName,
-                        value: value,
-                        oldValue: oldValue,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
                 if (affectsLayout) {
@@ -244,39 +243,36 @@ var Property = /** @class */ (function () {
         };
         symbolPropertyMap[key] = this;
     }
-    Property.prototype.register = function (cls) {
+    register(cls) {
         if (this.registered) {
-            throw new Error("Property ".concat(this.name, " already registered."));
+            throw new Error(`Property ${this.name} already registered.`);
         }
         this.registered = true;
         Object.defineProperty(cls.prototype, this.name, this);
-    };
-    Property.prototype.isSet = function (instance) {
+    }
+    isSet(instance) {
         return this.key in instance;
-    };
-    return Property;
-}());
-export { Property };
+    }
+}
 Property.prototype.isStyleProperty = false;
-var CoercibleProperty = /** @class */ (function (_super) {
-    __extends(CoercibleProperty, _super);
-    function CoercibleProperty(options) {
-        var _this = _super.call(this, options) || this;
-        var propertyName = options.name;
-        var key = _this.key;
-        var getDefault = _this.getDefault;
-        var setNative = _this.setNative;
-        var defaultValueKey = _this.defaultValueKey;
-        var defaultValue = _this.defaultValue;
-        var coerceKey = Symbol(propertyName + ':coerceKey');
-        var eventName = propertyName + 'Change';
-        var affectsLayout = options.affectsLayout;
-        var equalityComparer = options.equalityComparer;
-        var valueChanged = options.valueChanged;
-        var valueConverter = options.valueConverter;
-        var coerceCallback = options.coerceValue;
-        var property = _this;
-        _this.overrideHandlers = function (options) {
+export class CoercibleProperty extends Property {
+    constructor(options) {
+        super(options);
+        const propertyName = options.name;
+        const key = this.key;
+        const getDefault = this.getDefault;
+        const setNative = this.setNative;
+        const defaultValueKey = this.defaultValueKey;
+        const defaultValue = this.defaultValue;
+        const coerceKey = Symbol(propertyName + ':coerceKey');
+        const eventName = propertyName + 'Change';
+        let affectsLayout = options.affectsLayout;
+        let equalityComparer = options.equalityComparer;
+        let valueChanged = options.valueChanged;
+        let valueConverter = options.valueConverter;
+        let coerceCallback = options.coerceValue;
+        const property = this;
+        this.overrideHandlers = function (options) {
             if (typeof options.equalityComparer !== 'undefined') {
                 equalityComparer = options.equalityComparer;
             }
@@ -293,15 +289,15 @@ var CoercibleProperty = /** @class */ (function (_super) {
                 coerceCallback = options.coerceValue;
             }
         };
-        _this.coerce = function (target) {
-            var originalValue = (coerceKey in target ? target[coerceKey] : defaultValue);
+        this.coerce = function (target) {
+            const originalValue = (coerceKey in target ? target[coerceKey] : defaultValue);
             // need that to make coercing but also fire change events
             target[propertyName] = originalValue;
         };
-        _this.set = function (boxedValue) {
-            var reset = boxedValue === unsetValue;
-            var value;
-            var wrapped;
+        this.set = function (boxedValue) {
+            const reset = boxedValue === unsetValue;
+            let value;
+            let wrapped;
             if (reset) {
                 value = defaultValue;
                 delete this[coerceKey];
@@ -315,8 +311,8 @@ var CoercibleProperty = /** @class */ (function (_super) {
                 this[coerceKey] = value;
                 value = coerceCallback(this, value);
             }
-            var oldValue = key in this ? this[key] : defaultValue;
-            var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            const oldValue = key in this ? this[key] : defaultValue;
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
             if (wrapped || changed) {
                 if (reset) {
                     delete this[key];
@@ -362,10 +358,10 @@ var CoercibleProperty = /** @class */ (function (_super) {
                 if (this.hasListeners(eventName)) {
                     this.notify({
                         object: this,
-                        eventName: eventName,
-                        propertyName: propertyName,
-                        value: value,
-                        oldValue: oldValue,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
                 if (affectsLayout) {
@@ -381,101 +377,92 @@ var CoercibleProperty = /** @class */ (function (_super) {
                 }
             }
         };
-        return _this;
     }
-    return CoercibleProperty;
-}(Property));
-export { CoercibleProperty };
-var InheritedProperty = /** @class */ (function (_super) {
-    __extends(InheritedProperty, _super);
-    function InheritedProperty(options) {
-        var _this = _super.call(this, options) || this;
-        var name = options.name;
-        var key = _this.key;
-        var defaultValue = options.defaultValue;
-        var sourceKey = Symbol(name + ':valueSourceKey');
-        _this.sourceKey = sourceKey;
-        var setBase = _this.set;
-        var setFunc = function (valueSource) {
-            return function (value) {
-                var that = this;
-                var unboxedValue;
-                var newValueSource;
-                if (value === unsetValue) {
-                    // If unsetValue - we want to reset the property.
-                    var parent_1 = that.parent;
-                    // If we have parent and it has non-default value we use as our inherited value.
-                    if (parent_1 && parent_1[sourceKey] !== 0 /* ValueSource.Default */) {
-                        unboxedValue = parent_1[name];
-                        newValueSource = 1 /* ValueSource.Inherited */;
-                    }
-                    else {
-                        unboxedValue = defaultValue;
-                        newValueSource = 0 /* ValueSource.Default */;
-                    }
+}
+export class InheritedProperty extends Property {
+    constructor(options) {
+        super(options);
+        const name = options.name;
+        const key = this.key;
+        const defaultValue = options.defaultValue;
+        const sourceKey = Symbol(name + ':valueSourceKey');
+        this.sourceKey = sourceKey;
+        const setBase = this.set;
+        const setFunc = (valueSource) => function (value) {
+            const that = this;
+            let unboxedValue;
+            let newValueSource;
+            if (value === unsetValue) {
+                // If unsetValue - we want to reset the property.
+                const parent = that.parent;
+                // If we have parent and it has non-default value we use as our inherited value.
+                if (parent && parent[sourceKey] !== 0 /* ValueSource.Default */) {
+                    unboxedValue = parent[name];
+                    newValueSource = 1 /* ValueSource.Inherited */;
                 }
                 else {
-                    // else we are set through property set.
-                    unboxedValue = value;
-                    newValueSource = valueSource;
+                    unboxedValue = defaultValue;
+                    newValueSource = 0 /* ValueSource.Default */;
                 }
-                // take currentValue before calling base - base may change it.
-                var currentValue = that[key];
-                setBase.call(that, unboxedValue);
-                var newValue = that[key];
-                that[sourceKey] = newValueSource;
-                if (currentValue !== newValue) {
-                    var reset_1 = newValueSource === 0 /* ValueSource.Default */;
-                    that.eachChild(function (child) {
-                        var childValueSource = child[sourceKey] || 0 /* ValueSource.Default */;
-                        if (reset_1) {
-                            if (childValueSource === 1 /* ValueSource.Inherited */) {
-                                setFunc.call(child, unsetValue);
-                            }
+            }
+            else {
+                // else we are set through property set.
+                unboxedValue = value;
+                newValueSource = valueSource;
+            }
+            // take currentValue before calling base - base may change it.
+            const currentValue = that[key];
+            setBase.call(that, unboxedValue);
+            const newValue = that[key];
+            that[sourceKey] = newValueSource;
+            if (currentValue !== newValue) {
+                const reset = newValueSource === 0 /* ValueSource.Default */;
+                that.eachChild((child) => {
+                    const childValueSource = child[sourceKey] || 0 /* ValueSource.Default */;
+                    if (reset) {
+                        if (childValueSource === 1 /* ValueSource.Inherited */) {
+                            setFunc.call(child, unsetValue);
                         }
-                        else {
-                            if (childValueSource <= 1 /* ValueSource.Inherited */) {
-                                setInheritedValue.call(child, newValue);
-                            }
+                    }
+                    else {
+                        if (childValueSource <= 1 /* ValueSource.Inherited */) {
+                            setInheritedValue.call(child, newValue);
                         }
-                        return true;
-                    });
-                }
-            };
+                    }
+                    return true;
+                });
+            }
         };
-        var setInheritedValue = setFunc(1 /* ValueSource.Inherited */);
-        _this.setInheritedValue = setInheritedValue;
-        _this.set = setFunc(3 /* ValueSource.Local */);
-        inheritableProperties.push(_this);
-        return _this;
+        const setInheritedValue = setFunc(1 /* ValueSource.Inherited */);
+        this.setInheritedValue = setInheritedValue;
+        this.set = setFunc(3 /* ValueSource.Local */);
+        inheritableProperties.push(this);
     }
-    return InheritedProperty;
-}(Property));
-export { InheritedProperty };
-var CssProperty = /** @class */ (function () {
-    function CssProperty(options) {
-        var propertyName = options.name;
+}
+export class CssProperty {
+    constructor(options) {
+        const propertyName = options.name;
         this.name = propertyName;
         cssPropertyNames.push(options.cssName);
-        this.cssName = "css:".concat(options.cssName);
+        this.cssName = `css:${options.cssName}`;
         this.cssLocalName = options.cssName;
-        var key = Symbol(propertyName + ':propertyKey');
+        const key = Symbol(propertyName + ':propertyKey');
         this.key = key;
-        var sourceKey = Symbol(propertyName + ':valueSourceKey');
+        const sourceKey = Symbol(propertyName + ':valueSourceKey');
         this.sourceKey = sourceKey;
-        var getDefault = Symbol(propertyName + ':getDefault');
+        const getDefault = Symbol(propertyName + ':getDefault');
         this.getDefault = getDefault;
-        var setNative = Symbol(propertyName + ':setNative');
+        const setNative = Symbol(propertyName + ':setNative');
         this.setNative = setNative;
-        var defaultValueKey = Symbol(propertyName + ':nativeDefaultValue');
+        const defaultValueKey = Symbol(propertyName + ':nativeDefaultValue');
         this.defaultValueKey = defaultValueKey;
-        var defaultValue = options.defaultValue;
+        const defaultValue = options.defaultValue;
         this.defaultValue = defaultValue;
-        var eventName = propertyName + 'Change';
-        var affectsLayout = options.affectsLayout;
-        var equalityComparer = options.equalityComparer;
-        var valueChanged = options.valueChanged;
-        var valueConverter = options.valueConverter;
+        const eventName = propertyName + 'Change';
+        let affectsLayout = options.affectsLayout;
+        let equalityComparer = options.equalityComparer;
+        let valueChanged = options.valueChanged;
+        let valueConverter = options.valueConverter;
         this.overrideHandlers = function (options) {
             if (typeof options.equalityComparer !== 'undefined') {
                 equalityComparer = options.equalityComparer;
@@ -490,15 +477,15 @@ var CssProperty = /** @class */ (function () {
                 valueConverter = options.valueConverter;
             }
         };
-        var property = this;
+        const property = this;
         function setLocalValue(newValue) {
-            var view = this.viewRef.get();
+            const view = this.viewRef.get();
             if (!view) {
-                Trace.write("".concat(newValue, " not set to view because \".viewRef\" is cleared"), Trace.categories.Style, Trace.messageType.warn);
+                Trace.write(`${newValue} not set to view because ".viewRef" is cleared`, Trace.categories.Style, Trace.messageType.warn);
                 return;
             }
-            var reset = newValue === unsetValue || newValue === '';
-            var value;
+            const reset = newValue === unsetValue || newValue === '';
+            let value;
             if (reset) {
                 value = defaultValue;
                 delete this[sourceKey];
@@ -507,8 +494,8 @@ var CssProperty = /** @class */ (function () {
                 this[sourceKey] = 3 /* ValueSource.Local */;
                 value = valueConverter && typeof newValue === 'string' ? valueConverter(newValue) : newValue;
             }
-            var oldValue = (key in this ? this[key] : defaultValue);
-            var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            const oldValue = (key in this ? this[key] : defaultValue);
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
             if (changed) {
                 if (reset) {
                     delete this[key];
@@ -554,10 +541,10 @@ var CssProperty = /** @class */ (function () {
                 if (this.hasListeners(eventName)) {
                     this.notify({
                         object: this,
-                        eventName: eventName,
-                        propertyName: propertyName,
-                        value: value,
-                        oldValue: oldValue,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
                 if (affectsLayout) {
@@ -566,18 +553,18 @@ var CssProperty = /** @class */ (function () {
             }
         }
         function setCssValue(newValue) {
-            var view = this.viewRef.get();
+            const view = this.viewRef.get();
             if (!view) {
-                Trace.write("".concat(newValue, " not set to view because \".viewRef\" is cleared"), Trace.categories.Style, Trace.messageType.warn);
+                Trace.write(`${newValue} not set to view because ".viewRef" is cleared`, Trace.categories.Style, Trace.messageType.warn);
                 return;
             }
-            var currentValueSource = this[sourceKey] || 0 /* ValueSource.Default */;
+            const currentValueSource = this[sourceKey] || 0 /* ValueSource.Default */;
             // We have localValueSource - NOOP.
             if (currentValueSource === 3 /* ValueSource.Local */) {
                 return;
             }
-            var reset = newValue === unsetValue || newValue === '';
-            var value;
+            const reset = newValue === unsetValue || newValue === '';
+            let value;
             if (reset) {
                 value = defaultValue;
                 delete this[sourceKey];
@@ -586,8 +573,8 @@ var CssProperty = /** @class */ (function () {
                 value = valueConverter && typeof newValue === 'string' ? valueConverter(newValue) : newValue;
                 this[sourceKey] = 2 /* ValueSource.Css */;
             }
-            var oldValue = (key in this ? this[key] : defaultValue);
-            var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            const oldValue = (key in this ? this[key] : defaultValue);
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
             if (changed) {
                 if (reset) {
                     delete this[key];
@@ -633,10 +620,10 @@ var CssProperty = /** @class */ (function () {
                 if (this.hasListeners(eventName)) {
                     this.notify({
                         object: this,
-                        eventName: eventName,
-                        propertyName: propertyName,
-                        value: value,
-                        oldValue: oldValue,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
                 if (affectsLayout) {
@@ -661,9 +648,9 @@ var CssProperty = /** @class */ (function () {
         };
         cssSymbolPropertyMap[key] = this;
     }
-    CssProperty.prototype.register = function (cls) {
+    register(cls) {
         if (this.registered) {
-            throw new Error("Property ".concat(this.name, " already registered."));
+            throw new Error(`Property ${this.name} already registered.`);
         }
         this.registered = true;
         Object.defineProperty(cls.prototype, this.name, this.localValueDescriptor);
@@ -671,17 +658,15 @@ var CssProperty = /** @class */ (function () {
         if (this.cssLocalName !== this.cssName) {
             Object.defineProperty(cls.prototype, this.cssLocalName, this.localValueDescriptor);
         }
-    };
-    CssProperty.prototype.isSet = function (instance) {
+    }
+    isSet(instance) {
         return this.key in instance;
-    };
-    return CssProperty;
-}());
-export { CssProperty };
+    }
+}
 CssProperty.prototype.isStyleProperty = true;
-var CssAnimationProperty = /** @class */ (function () {
-    function CssAnimationProperty(options) {
-        var propertyName = options.name;
+export class CssAnimationProperty {
+    constructor(options) {
+        const propertyName = options.name;
         this.name = propertyName;
         cssPropertyNames.push(options.cssName);
         CssAnimationProperty.properties[propertyName] = this;
@@ -689,32 +674,32 @@ var CssAnimationProperty = /** @class */ (function () {
             CssAnimationProperty.properties[options.cssName] = this;
         }
         this._valueConverter = options.valueConverter;
-        var cssLocalName = options.cssName || propertyName;
+        const cssLocalName = options.cssName || propertyName;
         this.cssLocalName = cssLocalName;
-        var cssName = 'css:' + cssLocalName;
+        const cssName = 'css:' + cssLocalName;
         this.cssName = cssName;
-        var keyframeName = 'keyframe:' + propertyName;
+        const keyframeName = 'keyframe:' + propertyName;
         this.keyframe = keyframeName;
-        var defaultName = 'default:' + propertyName;
-        var defaultValueKey = Symbol(defaultName);
+        const defaultName = 'default:' + propertyName;
+        const defaultValueKey = Symbol(defaultName);
         this.defaultValueKey = defaultValueKey;
         this.defaultValue = options.defaultValue;
-        var cssValue = Symbol(cssName);
-        var styleValue = Symbol("local:".concat(propertyName));
-        var keyframeValue = Symbol(keyframeName);
-        var computedValue = Symbol('computed-value:' + propertyName);
+        const cssValue = Symbol(cssName);
+        const styleValue = Symbol(`local:${propertyName}`);
+        const keyframeValue = Symbol(keyframeName);
+        const computedValue = Symbol('computed-value:' + propertyName);
         this.key = computedValue;
-        var computedSource = Symbol('computed-source:' + propertyName);
+        const computedSource = Symbol('computed-source:' + propertyName);
         this.source = computedSource;
         this.getDefault = Symbol(propertyName + ':getDefault');
-        var getDefault = this.getDefault;
-        var setNative = (this.setNative = Symbol(propertyName + ':setNative'));
-        var eventName = propertyName + 'Change';
-        var property = this;
+        const getDefault = this.getDefault;
+        const setNative = (this.setNative = Symbol(propertyName + ':setNative'));
+        const eventName = propertyName + 'Change';
+        const property = this;
         function descriptor(symbol, propertySource, enumerable, configurable, getsComputed) {
             return {
-                enumerable: enumerable,
-                configurable: configurable,
+                enumerable,
+                configurable,
                 get: getsComputed
                     ? function () {
                         return this[computedValue];
@@ -722,16 +707,16 @@ var CssAnimationProperty = /** @class */ (function () {
                     : function () {
                         return this[symbol];
                     },
-                set: function (boxedValue) {
-                    var view = this.viewRef.get();
+                set(boxedValue) {
+                    const view = this.viewRef.get();
                     if (!view) {
-                        Trace.write("".concat(boxedValue, " not set to view because \".viewRef\" is cleared"), Trace.categories.Animation, Trace.messageType.warn);
+                        Trace.write(`${boxedValue} not set to view because ".viewRef" is cleared`, Trace.categories.Animation, Trace.messageType.warn);
                         return;
                     }
-                    var oldValue = this[computedValue];
-                    var oldSource = this[computedSource];
-                    var wasSet = oldSource !== 0 /* ValueSource.Default */;
-                    var reset = boxedValue === unsetValue || boxedValue === '';
+                    const oldValue = this[computedValue];
+                    const oldSource = this[computedSource];
+                    const wasSet = oldSource !== 0 /* ValueSource.Default */;
+                    const reset = boxedValue === unsetValue || boxedValue === '';
                     if (reset) {
                         this[symbol] = unsetValue;
                         if (this[computedSource] === propertySource) {
@@ -760,10 +745,10 @@ var CssAnimationProperty = /** @class */ (function () {
                             this[computedValue] = boxedValue;
                         }
                     }
-                    var value = this[computedValue];
-                    var source = this[computedSource];
-                    var isSet = source !== 0 /* ValueSource.Default */;
-                    var computedValueChanged = oldValue !== value && (!options.equalityComparer || !options.equalityComparer(oldValue, value));
+                    const value = this[computedValue];
+                    const source = this[computedSource];
+                    const isSet = source !== 0 /* ValueSource.Default */;
+                    const computedValueChanged = oldValue !== value && (!options.equalityComparer || !options.equalityComparer(oldValue, value));
                     if (computedValueChanged && options.valueChanged) {
                         options.valueChanged(this, oldValue, value);
                     }
@@ -793,22 +778,22 @@ var CssAnimationProperty = /** @class */ (function () {
                     if (computedValueChanged && this.hasListeners(eventName)) {
                         this.notify({
                             object: this,
-                            eventName: eventName,
-                            propertyName: propertyName,
-                            value: value,
-                            oldValue: oldValue,
+                            eventName,
+                            propertyName,
+                            value,
+                            oldValue,
                         });
                     }
                 },
             };
         }
-        var defaultPropertyDescriptor = descriptor(defaultValueKey, 0 /* ValueSource.Default */, false, false, false);
-        var cssPropertyDescriptor = descriptor(cssValue, 2 /* ValueSource.Css */, false, false, false);
-        var stylePropertyDescriptor = descriptor(styleValue, 3 /* ValueSource.Local */, true, true, true);
-        var keyframePropertyDescriptor = descriptor(keyframeValue, 4 /* ValueSource.Keyframe */, false, false, false);
+        const defaultPropertyDescriptor = descriptor(defaultValueKey, 0 /* ValueSource.Default */, false, false, false);
+        const cssPropertyDescriptor = descriptor(cssValue, 2 /* ValueSource.Css */, false, false, false);
+        const stylePropertyDescriptor = descriptor(styleValue, 3 /* ValueSource.Local */, true, true, true);
+        const keyframePropertyDescriptor = descriptor(keyframeValue, 4 /* ValueSource.Keyframe */, false, false, false);
         symbolPropertyMap[computedValue] = this;
         cssSymbolPropertyMap[computedValue] = this;
-        this.register = function (cls) {
+        this.register = (cls) => {
             cls.prototype[computedValue] = options.defaultValue;
             cls.prototype[computedSource] = 0 /* ValueSource.Default */;
             cls.prototype[cssValue] = unsetValue;
@@ -823,50 +808,47 @@ var CssAnimationProperty = /** @class */ (function () {
             Object.defineProperty(cls.prototype, keyframeName, keyframePropertyDescriptor);
         };
     }
-    CssAnimationProperty.prototype._initDefaultNativeValue = function (target) {
-        var view = target.viewRef.get();
+    _initDefaultNativeValue(target) {
+        const view = target.viewRef.get();
         if (!view) {
-            Trace.write("_initDefaultNativeValue not executed to view because \".viewRef\" is cleared", Trace.categories.Animation, Trace.messageType.warn);
+            Trace.write(`_initDefaultNativeValue not executed to view because ".viewRef" is cleared`, Trace.categories.Animation, Trace.messageType.warn);
             return;
         }
-        var defaultValueKey = this.defaultValueKey;
+        const defaultValueKey = this.defaultValueKey;
         if (!(defaultValueKey in target)) {
-            var getDefault = this.getDefault;
+            const getDefault = this.getDefault;
             target[defaultValueKey] = view[getDefault] ? view[getDefault]() : this.defaultValue;
         }
-    };
-    CssAnimationProperty._getByCssName = function (name) {
+    }
+    static _getByCssName(name) {
         return this.properties[name];
-    };
-    CssAnimationProperty._getPropertyNames = function () {
+    }
+    static _getPropertyNames() {
         return Object.keys(CssAnimationProperty.properties);
-    };
-    CssAnimationProperty.prototype.isSet = function (instance) {
+    }
+    isSet(instance) {
         return instance[this.source] !== 0 /* ValueSource.Default */;
-    };
-    CssAnimationProperty.properties = {};
-    return CssAnimationProperty;
-}());
-export { CssAnimationProperty };
+    }
+}
+CssAnimationProperty.properties = {};
 CssAnimationProperty.prototype.isStyleProperty = true;
-var InheritedCssProperty = /** @class */ (function (_super) {
-    __extends(InheritedCssProperty, _super);
-    function InheritedCssProperty(options) {
-        var _this = _super.call(this, options) || this;
-        var propertyName = options.name;
-        var key = _this.key;
-        var sourceKey = _this.sourceKey;
-        var getDefault = _this.getDefault;
-        var setNative = _this.setNative;
-        var defaultValueKey = _this.defaultValueKey;
-        var eventName = propertyName + 'Change';
-        var defaultValue = options.defaultValue;
-        var affectsLayout = options.affectsLayout;
-        var equalityComparer = options.equalityComparer;
-        var valueChanged = options.valueChanged;
-        var valueConverter = options.valueConverter;
-        var property = _this;
-        _this.overrideHandlers = function (options) {
+export class InheritedCssProperty extends CssProperty {
+    constructor(options) {
+        super(options);
+        const propertyName = options.name;
+        const key = this.key;
+        const sourceKey = this.sourceKey;
+        const getDefault = this.getDefault;
+        const setNative = this.setNative;
+        const defaultValueKey = this.defaultValueKey;
+        const eventName = propertyName + 'Change';
+        let defaultValue = options.defaultValue;
+        let affectsLayout = options.affectsLayout;
+        let equalityComparer = options.equalityComparer;
+        let valueChanged = options.valueChanged;
+        let valueConverter = options.valueConverter;
+        const property = this;
+        this.overrideHandlers = function (options) {
             if (typeof options.equalityComparer !== 'undefined') {
                 equalityComparer = options.equalityComparer;
             }
@@ -880,159 +862,150 @@ var InheritedCssProperty = /** @class */ (function (_super) {
                 valueConverter = options.valueConverter;
             }
         };
-        var setFunc = function (valueSource) {
-            return function (boxedValue) {
-                var view = this.viewRef.get();
-                if (!view) {
-                    Trace.write("".concat(boxedValue, " not set to view's property because \".viewRef\" is cleared"), Trace.categories.Style, Trace.messageType.warn);
+        const setFunc = (valueSource) => function (boxedValue) {
+            const view = this.viewRef.get();
+            if (!view) {
+                Trace.write(`${boxedValue} not set to view's property because ".viewRef" is cleared`, Trace.categories.Style, Trace.messageType.warn);
+                return;
+            }
+            const reset = boxedValue === unsetValue || boxedValue === '';
+            const currentValueSource = this[sourceKey] || 0 /* ValueSource.Default */;
+            if (reset) {
+                // If we want to reset cssValue and we have localValue - return;
+                if (valueSource === 2 /* ValueSource.Css */ && currentValueSource === 3 /* ValueSource.Local */) {
                     return;
                 }
-                var reset = boxedValue === unsetValue || boxedValue === '';
-                var currentValueSource = this[sourceKey] || 0 /* ValueSource.Default */;
-                if (reset) {
-                    // If we want to reset cssValue and we have localValue - return;
-                    if (valueSource === 2 /* ValueSource.Css */ && currentValueSource === 3 /* ValueSource.Local */) {
-                        return;
-                    }
+            }
+            else {
+                if (currentValueSource > valueSource) {
+                    return;
+                }
+            }
+            const oldValue = key in this ? this[key] : defaultValue;
+            let value;
+            let unsetNativeValue = false;
+            if (reset) {
+                // If unsetValue - we want to reset this property.
+                const parent = view.parent;
+                const style = parent ? parent.style : null;
+                // If we have parent and it has non-default value we use as our inherited value.
+                if (style && style[sourceKey] > 0 /* ValueSource.Default */) {
+                    value = style[propertyName];
+                    this[sourceKey] = 1 /* ValueSource.Inherited */;
+                    this[key] = value;
                 }
                 else {
-                    if (currentValueSource > valueSource) {
-                        return;
-                    }
+                    value = defaultValue;
+                    delete this[sourceKey];
+                    delete this[key];
+                    unsetNativeValue = true;
                 }
-                var oldValue = key in this ? this[key] : defaultValue;
-                var value;
-                var unsetNativeValue = false;
-                if (reset) {
-                    // If unsetValue - we want to reset this property.
-                    var parent_2 = view.parent;
-                    var style = parent_2 ? parent_2.style : null;
-                    // If we have parent and it has non-default value we use as our inherited value.
-                    if (style && style[sourceKey] > 0 /* ValueSource.Default */) {
-                        value = style[propertyName];
-                        this[sourceKey] = 1 /* ValueSource.Inherited */;
-                        this[key] = value;
-                    }
-                    else {
-                        value = defaultValue;
-                        delete this[sourceKey];
-                        delete this[key];
-                        unsetNativeValue = true;
-                    }
+            }
+            else {
+                this[sourceKey] = valueSource;
+                if (valueConverter && typeof boxedValue === 'string') {
+                    value = valueConverter(boxedValue);
                 }
                 else {
-                    this[sourceKey] = valueSource;
-                    if (valueConverter && typeof boxedValue === 'string') {
-                        value = valueConverter(boxedValue);
-                    }
-                    else {
-                        value = boxedValue;
-                    }
-                    this[key] = value;
+                    value = boxedValue;
                 }
-                var changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
-                if (changed) {
-                    if (valueChanged) {
-                        valueChanged(this, oldValue, value);
-                    }
-                    if (view[setNative]) {
-                        if (view._suspendNativeUpdatesCount) {
-                            if (view._suspendedUpdates) {
-                                view._suspendedUpdates[propertyName] = property;
-                            }
+                this[key] = value;
+            }
+            const changed = equalityComparer ? !equalityComparer(oldValue, value) : oldValue !== value;
+            if (changed) {
+                if (valueChanged) {
+                    valueChanged(this, oldValue, value);
+                }
+                if (view[setNative]) {
+                    if (view._suspendNativeUpdatesCount) {
+                        if (view._suspendedUpdates) {
+                            view._suspendedUpdates[propertyName] = property;
                         }
-                        else {
-                            if (unsetNativeValue) {
-                                if (defaultValueKey in this) {
-                                    view[setNative](this[defaultValueKey]);
-                                    delete this[defaultValueKey];
-                                }
-                                else {
-                                    view[setNative](defaultValue);
-                                }
+                    }
+                    else {
+                        if (unsetNativeValue) {
+                            if (defaultValueKey in this) {
+                                view[setNative](this[defaultValueKey]);
+                                delete this[defaultValueKey];
                             }
                             else {
-                                if (!(defaultValueKey in this)) {
-                                    this[defaultValueKey] = view[getDefault] ? view[getDefault]() : defaultValue;
-                                }
-                                view[setNative](value);
-                            }
-                        }
-                    }
-                    if (this.hasListeners(eventName)) {
-                        this.notify({
-                            object: this,
-                            eventName: eventName,
-                            propertyName: propertyName,
-                            value: value,
-                            oldValue: oldValue,
-                        });
-                    }
-                    if (affectsLayout) {
-                        view.requestLayout();
-                    }
-                    view.eachChild(function (child) {
-                        var childStyle = child.style;
-                        var childValueSource = childStyle[sourceKey] || 0 /* ValueSource.Default */;
-                        if (reset) {
-                            if (childValueSource === 1 /* ValueSource.Inherited */) {
-                                setDefaultFunc.call(childStyle, unsetValue);
+                                view[setNative](defaultValue);
                             }
                         }
                         else {
-                            if (childValueSource <= 1 /* ValueSource.Inherited */) {
-                                setInheritedFunc.call(childStyle, value);
+                            if (!(defaultValueKey in this)) {
+                                this[defaultValueKey] = view[getDefault] ? view[getDefault]() : defaultValue;
                             }
+                            view[setNative](value);
                         }
-                        return true;
+                    }
+                }
+                if (this.hasListeners(eventName)) {
+                    this.notify({
+                        object: this,
+                        eventName,
+                        propertyName,
+                        value,
+                        oldValue,
                     });
                 }
-            };
+                if (affectsLayout) {
+                    view.requestLayout();
+                }
+                view.eachChild((child) => {
+                    const childStyle = child.style;
+                    const childValueSource = childStyle[sourceKey] || 0 /* ValueSource.Default */;
+                    if (reset) {
+                        if (childValueSource === 1 /* ValueSource.Inherited */) {
+                            setDefaultFunc.call(childStyle, unsetValue);
+                        }
+                    }
+                    else {
+                        if (childValueSource <= 1 /* ValueSource.Inherited */) {
+                            setInheritedFunc.call(childStyle, value);
+                        }
+                    }
+                    return true;
+                });
+            }
         };
-        var setDefaultFunc = setFunc(0 /* ValueSource.Default */);
-        var setInheritedFunc = setFunc(1 /* ValueSource.Inherited */);
-        _this.setInheritedValue = setInheritedFunc;
-        _this.cssValueDescriptor.set = setFunc(2 /* ValueSource.Css */);
-        _this.localValueDescriptor.set = setFunc(3 /* ValueSource.Local */);
-        inheritableCssProperties.push(_this);
-        return _this;
+        const setDefaultFunc = setFunc(0 /* ValueSource.Default */);
+        const setInheritedFunc = setFunc(1 /* ValueSource.Inherited */);
+        this.setInheritedValue = setInheritedFunc;
+        this.cssValueDescriptor.set = setFunc(2 /* ValueSource.Css */);
+        this.localValueDescriptor.set = setFunc(3 /* ValueSource.Local */);
+        inheritableCssProperties.push(this);
     }
-    return InheritedCssProperty;
-}(CssProperty));
-export { InheritedCssProperty };
-var ShorthandProperty = /** @class */ (function () {
-    function ShorthandProperty(options) {
+}
+export class ShorthandProperty {
+    constructor(options) {
         this.name = options.name;
-        var key = Symbol(this.name + ':propertyKey');
+        const key = Symbol(this.name + ':propertyKey');
         this.key = key;
-        this.cssName = "css:".concat(options.cssName);
-        this.cssLocalName = "".concat(options.cssName);
-        var converter = options.converter;
+        this.cssName = `css:${options.cssName}`;
+        this.cssLocalName = `${options.cssName}`;
+        const converter = options.converter;
         function setLocalValue(value) {
-            var _this = this;
-            var view = this.viewRef.get();
+            const view = this.viewRef.get();
             if (!view) {
-                Trace.write("setLocalValue not executed to view because \".viewRef\" is cleared", Trace.categories.Animation, Trace.messageType.warn);
+                Trace.write(`setLocalValue not executed to view because ".viewRef" is cleared`, Trace.categories.Animation, Trace.messageType.warn);
                 return;
             }
-            view._batchUpdate(function () {
-                for (var _i = 0, _a = converter(value); _i < _a.length; _i++) {
-                    var _b = _a[_i], p = _b[0], v = _b[1];
-                    _this[p.name] = v;
+            view._batchUpdate(() => {
+                for (const [p, v] of converter(value)) {
+                    this[p.name] = v;
                 }
             });
         }
         function setCssValue(value) {
-            var _this = this;
-            var view = this.viewRef.get();
+            const view = this.viewRef.get();
             if (!view) {
-                Trace.write("setCssValue not executed to view because \".viewRef\" is cleared", Trace.categories.Animation, Trace.messageType.warn);
+                Trace.write(`setCssValue not executed to view because ".viewRef" is cleared`, Trace.categories.Animation, Trace.messageType.warn);
                 return;
             }
-            view._batchUpdate(function () {
-                for (var _i = 0, _a = converter(value); _i < _a.length; _i++) {
-                    var _b = _a[_i], p = _b[0], v = _b[1];
-                    _this[p.cssName] = v;
+            view._batchUpdate(() => {
+                for (const [p, v] of converter(value)) {
+                    this[p.cssName] = v;
                 }
             });
         }
@@ -1051,19 +1024,17 @@ var ShorthandProperty = /** @class */ (function () {
         this.propertyBagDescriptor = {
             enumerable: false,
             configurable: true,
-            set: function (value) {
-                var _this = this;
-                converter(value).forEach(function (_a) {
-                    var property = _a[0], value = _a[1];
-                    _this[property.cssLocalName] = value;
+            set(value) {
+                converter(value).forEach(([property, value]) => {
+                    this[property.cssLocalName] = value;
                 });
             },
         };
         cssSymbolPropertyMap[key] = this;
     }
-    ShorthandProperty.prototype.register = function (cls) {
+    register(cls) {
         if (this.registered) {
-            throw new Error("Property ".concat(this.name, " already registered."));
+            throw new Error(`Property ${this.name} already registered.`);
         }
         this.registered = true;
         Object.defineProperty(cls.prototype, this.name, this.localValueDescriptor);
@@ -1072,16 +1043,13 @@ var ShorthandProperty = /** @class */ (function () {
             Object.defineProperty(cls.prototype, this.cssLocalName, this.localValueDescriptor);
         }
         Object.defineProperty(cls.prototype.PropertyBag, this.cssLocalName, this.propertyBagDescriptor);
-    };
-    return ShorthandProperty;
-}());
-export { ShorthandProperty };
+    }
+}
 function inheritablePropertyValuesOn(view) {
-    var array = new Array();
-    for (var _i = 0, inheritableProperties_1 = inheritableProperties; _i < inheritableProperties_1.length; _i++) {
-        var prop = inheritableProperties_1[_i];
-        var sourceKey = prop.sourceKey;
-        var valueSource = view[sourceKey] || 0 /* ValueSource.Default */;
+    const array = new Array();
+    for (const prop of inheritableProperties) {
+        const sourceKey = prop.sourceKey;
+        const valueSource = view[sourceKey] || 0 /* ValueSource.Default */;
         if (valueSource !== 0 /* ValueSource.Default */) {
             // use prop.name as it will return value or default value.
             // prop.key will return undefined if property is set the same value as default one.
@@ -1091,11 +1059,10 @@ function inheritablePropertyValuesOn(view) {
     return array;
 }
 function inheritableCssPropertyValuesOn(style) {
-    var array = new Array();
-    for (var _i = 0, inheritableCssProperties_1 = inheritableCssProperties; _i < inheritableCssProperties_1.length; _i++) {
-        var prop = inheritableCssProperties_1[_i];
-        var sourceKey = prop.sourceKey;
-        var valueSource = style[sourceKey] || 0 /* ValueSource.Default */;
+    const array = new Array();
+    for (const prop of inheritableCssProperties) {
+        const sourceKey = prop.sourceKey;
+        const valueSource = style[sourceKey] || 0 /* ValueSource.Default */;
         if (valueSource !== 0 /* ValueSource.Default */) {
             // use prop.name as it will return value or default value.
             // prop.key will return undefined if property is set the same value as default one.
@@ -1104,7 +1071,7 @@ function inheritableCssPropertyValuesOn(style) {
     }
     return array;
 }
-export var initNativeView = profile('"properties".initNativeView', function initNativeView(view) {
+export const initNativeView = profile('"properties".initNativeView', function initNativeView(view) {
     if (view._suspendedUpdates) {
         applyPendingNativeSetters(view);
     }
@@ -1116,15 +1083,15 @@ export var initNativeView = profile('"properties".initNativeView', function init
 });
 export function applyPendingNativeSetters(view) {
     // TODO: Check what happens if a view was suspended and its value was reset, or set back to default!
-    var suspendedUpdates = view._suspendedUpdates;
-    for (var propertyName in suspendedUpdates) {
-        var property = suspendedUpdates[propertyName];
-        var setNative = property.setNative;
+    const suspendedUpdates = view._suspendedUpdates;
+    for (const propertyName in suspendedUpdates) {
+        const property = suspendedUpdates[propertyName];
+        const setNative = property.setNative;
         if (view[setNative]) {
-            var getDefault = property.getDefault, isStyleProperty = property.isStyleProperty, defaultValueKey = property.defaultValueKey, defaultValue = property.defaultValue;
-            var value = void 0;
+            const { getDefault, isStyleProperty, defaultValueKey, defaultValue } = property;
+            let value;
             if (isStyleProperty) {
-                var style = view.style;
+                const style = view.style;
                 if (property.isSet(view.style)) {
                     if (!(defaultValueKey in style)) {
                         style[defaultValueKey] = view[getDefault] ? view[getDefault]() : defaultValue;
@@ -1152,47 +1119,44 @@ export function applyPendingNativeSetters(view) {
     }
 }
 export function applyAllNativeSetters(view) {
-    var symbols = Object.getOwnPropertySymbols(view);
-    for (var _i = 0, symbols_2 = symbols; _i < symbols_2.length; _i++) {
-        var symbol = symbols_2[_i];
-        var property = symbolPropertyMap[symbol];
+    let symbols = Object.getOwnPropertySymbols(view);
+    for (const symbol of symbols) {
+        const property = symbolPropertyMap[symbol];
         if (!property) {
             continue;
         }
-        var setNative = property.setNative;
-        var getDefault = property.getDefault;
+        const setNative = property.setNative;
+        const getDefault = property.getDefault;
         if (setNative in view) {
-            var defaultValueKey = property.defaultValueKey;
+            const defaultValueKey = property.defaultValueKey;
             if (!(defaultValueKey in view)) {
                 view[defaultValueKey] = view[getDefault] ? view[getDefault]() : property.defaultValue;
             }
-            var value = view[symbol];
+            const value = view[symbol];
             view[setNative](value);
         }
     }
-    var style = view.style;
+    const style = view.style;
     symbols = Object.getOwnPropertySymbols(style);
-    for (var _a = 0, symbols_3 = symbols; _a < symbols_3.length; _a++) {
-        var symbol = symbols_3[_a];
-        var property = cssSymbolPropertyMap[symbol];
+    for (const symbol of symbols) {
+        const property = cssSymbolPropertyMap[symbol];
         if (!property) {
             continue;
         }
         if (view[property.setNative]) {
-            var defaultValueKey = property.defaultValueKey;
+            const defaultValueKey = property.defaultValueKey;
             if (!(defaultValueKey in style)) {
                 style[defaultValueKey] = view[property.getDefault] ? view[property.getDefault]() : property.defaultValue;
             }
-            var value = style[symbol];
+            const value = style[symbol];
             view[property.setNative](value);
         }
     }
 }
 export function resetNativeView(view) {
-    var symbols = Object.getOwnPropertySymbols(view);
-    for (var _i = 0, symbols_4 = symbols; _i < symbols_4.length; _i++) {
-        var symbol = symbols_4[_i];
-        var property = symbolPropertyMap[symbol];
+    let symbols = Object.getOwnPropertySymbols(view);
+    for (const symbol of symbols) {
+        const property = symbolPropertyMap[symbol];
         if (!property) {
             continue;
         }
@@ -1206,11 +1170,10 @@ export function resetNativeView(view) {
             }
         }
     }
-    var style = view.style;
+    const style = view.style;
     symbols = Object.getOwnPropertySymbols(style);
-    for (var _a = 0, symbols_5 = symbols; _a < symbols_5.length; _a++) {
-        var symbol = symbols_5[_a];
-        var property = cssSymbolPropertyMap[symbol];
+    for (const symbol of symbols) {
+        const property = cssSymbolPropertyMap[symbol];
         if (!property) {
             continue;
         }
@@ -1226,27 +1189,24 @@ export function resetNativeView(view) {
     }
 }
 export function clearInheritedProperties(view) {
-    for (var _i = 0, inheritableProperties_2 = inheritableProperties; _i < inheritableProperties_2.length; _i++) {
-        var prop = inheritableProperties_2[_i];
-        var sourceKey = prop.sourceKey;
+    for (const prop of inheritableProperties) {
+        const sourceKey = prop.sourceKey;
         if (view[sourceKey] === 1 /* ValueSource.Inherited */) {
             prop.set.call(view, unsetValue);
         }
     }
-    var style = view.style;
-    for (var _a = 0, inheritableCssProperties_2 = inheritableCssProperties; _a < inheritableCssProperties_2.length; _a++) {
-        var prop = inheritableCssProperties_2[_a];
-        var sourceKey = prop.sourceKey;
+    const style = view.style;
+    for (const prop of inheritableCssProperties) {
+        const sourceKey = prop.sourceKey;
         if (style[sourceKey] === 1 /* ValueSource.Inherited */) {
             prop.setInheritedValue.call(style, unsetValue);
         }
     }
 }
 export function resetCSSProperties(style) {
-    var symbols = Object.getOwnPropertySymbols(style);
-    for (var _i = 0, symbols_6 = symbols; _i < symbols_6.length; _i++) {
-        var symbol = symbols_6[_i];
-        var cssProperty = void 0;
+    const symbols = Object.getOwnPropertySymbols(style);
+    for (const symbol of symbols) {
+        let cssProperty;
         if ((cssProperty = cssSymbolPropertyMap[symbol])) {
             style[cssProperty.cssName] = unsetValue;
             if (cssProperty instanceof CssAnimationProperty) {
@@ -1256,47 +1216,40 @@ export function resetCSSProperties(style) {
     }
 }
 export function propagateInheritableProperties(view, child) {
-    var inheritablePropertyValues = inheritablePropertyValuesOn(view);
-    for (var _i = 0, inheritablePropertyValues_1 = inheritablePropertyValues; _i < inheritablePropertyValues_1.length; _i++) {
-        var pair = inheritablePropertyValues_1[_i];
-        var prop = pair.property;
-        var sourceKey = prop.sourceKey;
-        var currentValueSource = child[sourceKey] || 0 /* ValueSource.Default */;
+    const inheritablePropertyValues = inheritablePropertyValuesOn(view);
+    for (const pair of inheritablePropertyValues) {
+        const prop = pair.property;
+        const sourceKey = prop.sourceKey;
+        const currentValueSource = child[sourceKey] || 0 /* ValueSource.Default */;
         if (currentValueSource <= 1 /* ValueSource.Inherited */) {
             prop.setInheritedValue.call(child, pair.value);
         }
     }
 }
 export function propagateInheritableCssProperties(parentStyle, childStyle) {
-    var inheritableCssPropertyValues = inheritableCssPropertyValuesOn(parentStyle);
-    for (var _i = 0, inheritableCssPropertyValues_1 = inheritableCssPropertyValues; _i < inheritableCssPropertyValues_1.length; _i++) {
-        var pair = inheritableCssPropertyValues_1[_i];
-        var prop = pair.property;
-        var sourceKey = prop.sourceKey;
-        var currentValueSource = childStyle[sourceKey] || 0 /* ValueSource.Default */;
+    const inheritableCssPropertyValues = inheritableCssPropertyValuesOn(parentStyle);
+    for (const pair of inheritableCssPropertyValues) {
+        const prop = pair.property;
+        const sourceKey = prop.sourceKey;
+        const currentValueSource = childStyle[sourceKey] || 0 /* ValueSource.Default */;
         if (currentValueSource <= 1 /* ValueSource.Inherited */) {
             prop.setInheritedValue.call(childStyle, pair.value, 1 /* ValueSource.Inherited */);
         }
     }
 }
-export function makeValidator() {
-    var values = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        values[_i] = arguments[_i];
-    }
-    var set = new Set(values);
-    return function (value) { return set.has(value); };
+export function makeValidator(...values) {
+    const set = new Set(values);
+    return (value) => set.has(value);
 }
-export function makeParser(isValid, allowNumbers) {
-    if (allowNumbers === void 0) { allowNumbers = false; }
-    return function (value) {
-        var lower = value && value.toLowerCase();
+export function makeParser(isValid, allowNumbers = false) {
+    return (value) => {
+        const lower = value && value.toLowerCase();
         if (isValid(lower)) {
             return lower;
         }
         else {
             if (allowNumbers) {
-                var convNumber = +value;
+                const convNumber = +value;
                 if (!isNaN(convNumber)) {
                     return value;
                 }
@@ -1306,27 +1259,25 @@ export function makeParser(isValid, allowNumbers) {
     };
 }
 export function getSetProperties(view) {
-    var result = [];
-    Object.getOwnPropertyNames(view).forEach(function (prop) {
+    const result = [];
+    Object.getOwnPropertyNames(view).forEach((prop) => {
         result.push([prop, view[prop]]);
     });
-    var symbols = Object.getOwnPropertySymbols(view);
-    for (var _i = 0, symbols_7 = symbols; _i < symbols_7.length; _i++) {
-        var symbol = symbols_7[_i];
-        var property = symbolPropertyMap[symbol];
+    const symbols = Object.getOwnPropertySymbols(view);
+    for (const symbol of symbols) {
+        const property = symbolPropertyMap[symbol];
         if (!property) {
             continue;
         }
-        var value = view[property.key];
+        const value = view[property.key];
         result.push([property.name, value]);
     }
     return result;
 }
 export function getComputedCssValues(view) {
-    var result = [];
-    var style = view.style;
-    for (var _i = 0, cssPropertyNames_1 = cssPropertyNames; _i < cssPropertyNames_1.length; _i++) {
-        var prop = cssPropertyNames_1[_i];
+    const result = [];
+    const style = view.style;
+    for (const prop of cssPropertyNames) {
         result.push([prop, style[prop]]);
     }
     // Add these to enable box model in chrome-devtools styles tab