How to use @swim/transform - 10 common examples
To help you get started, we’ve selected a few @swim/transform examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
swimos / swim / swim-js / swim-ui-js / @swim / view / main / style / TransformStyleAnimator.ts View on Github 
get: function (this: TransformStyleAnimator): Transform | null | undefined {
let value = this._value;
if (value === void 0) {
const propertyValue = this.propertyValue;
if (propertyValue) {
try {
value = Transform.parse(propertyValue);
} catch (swallow) {
// nop
}
}
}
return value;
},
enumerable: true,get: function (this: TransformAttributeAnimator): Transform | null | undefined {
let value = this._value;
if (value === void 0) {
const attributeValue = this.attributeValue;
if (attributeValue) {
try {
value = Transform.parse(attributeValue);
} catch (swallow) {
// nop
}
}
}
return value;
},
enumerable: true,let _this: TransformAttributeAnimator = function (value?: AnyTransform | null, tween?: Tween): Transform | null | undefined | V {
if (value === void 0) {
return _this.value;
} else {
if (value !== null) {
value = Transform.fromAny(value);
}
_this.setState(value, tween);
return _this._view;
}
} as TransformAttributeAnimator;
(_this as any).__proto__ = this;let _this: TransformMemberAnimator = function (value?: AnyTransform | null, tween?: Tween): Transform | null | undefined | V {
if (value === void 0) {
return _this.value;
} else {
if (value !== null) {
value = Transform.fromAny(value);
}
_this.setState(value, tween);
return _this._view;
}
} as TransformMemberAnimator;
(_this as any).__proto__ = this;let _this: TransformMemberAnimator = function (value?: AnyTransform | null, tween?: Tween): Transform | null | undefined | V {
if (value === void 0) {
return _this.value;
} else {
if (value !== null) {
value = Transform.fromAny(value);
}
_this.setState(value, tween);
return _this._view;
}
} as TransformMemberAnimator;
(_this as any).__proto__ = this;this: TransformMemberAnimator, view: V, value?: AnyTransform,
transition?: Transition | null, inherit?: string | null): TransformMemberAnimator {
let _this: TransformMemberAnimator = function (value?: AnyTransform | null, tween?: Tween): Transform | null | undefined | V {
if (value === void 0) {
return _this.value;
} else {
if (value !== null) {
value = Transform.fromAny(value);
}
_this.setState(value, tween);
return _this._view;
}
} as TransformMemberAnimator;
(_this as any).__proto__ = this;
if (value !== null && value !== void 0) {
value = Transform.fromAny(value);
}
_this = _super.call(_this, view, value, transition, inherit) || _this;
return _this;
} as unknown as MemberAnimatorConstructor;
__extends(TransformMemberAnimator, _super);let _this: TransformStyleAnimator = function (value?: AnyTransform | null, tween?: Tween, priority?: string | null): Transform | null | undefined | V {
if (value === void 0) {
return _this.value;
} else {
if (value !== null) {
value = Transform.fromAny(value);
}
_this.setState(value, tween, priority);
return _this._view;
}
} as TransformStyleAnimator;
(_this as any).__proto__ = this;get parentTransform(): Transform {
return Transform.identity();
}get parentTransform(): Transform {
return Transform.identity();
}interpolate(u: number): TransformList {
const transforms = [];
for (let i = 0; i < this.interpolators.length; i += 1) {
transforms.push(this.interpolators[i].interpolate(u));
}
return new TransformList(transforms);
}@swim/transform
CSS and SVG compatible transform types with unit-aware algebraic operators and parsers
