@tamagui/react-native-web-lite
Version:
React Native for Web
215 lines (214 loc) • 9.3 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
if (from && typeof from == "object" || typeof from == "function")
for (let key of __getOwnPropNames(from))
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
mod
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var AnimatedStyle_exports = {};
__export(AnimatedStyle_exports, {
default: () => AnimatedStyle_default
});
module.exports = __toCommonJS(AnimatedStyle_exports);
var import_AnimatedNode = __toESM(require("./AnimatedNode")), import_AnimatedTransform = __toESM(require("./AnimatedTransform")), import_AnimatedWithChildren = __toESM(require("./AnimatedWithChildren")), import_NativeAnimatedHelper = __toESM(require("../NativeAnimatedHelper")), import_react_native_web_internals = require("@tamagui/react-native-web-internals");
function _assert_this_initialized(self) {
if (self === void 0)
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return self;
}
function _call_super(_this, derived, args) {
return derived = _get_prototype_of(derived), _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
}
function _class_call_check(instance, Constructor) {
if (!(instance instanceof Constructor))
throw new TypeError("Cannot call a class as a function");
}
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || !1, descriptor.configurable = !0, "value" in descriptor && (descriptor.writable = !0), Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _create_class(Constructor, protoProps, staticProps) {
return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
}
function _define_property(obj, key, value) {
return key in obj ? Object.defineProperty(obj, key, {
value,
enumerable: !0,
configurable: !0,
writable: !0
}) : obj[key] = value, obj;
}
function _get(target, property, receiver) {
return typeof Reflect < "u" && Reflect.get ? _get = Reflect.get : _get = function(target2, property2, receiver2) {
var base = _super_prop_base(target2, property2);
if (base) {
var desc = Object.getOwnPropertyDescriptor(base, property2);
return desc.get ? desc.get.call(receiver2 || target2) : desc.value;
}
}, _get(target, property, receiver || target);
}
function _get_prototype_of(o) {
return _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function(o2) {
return o2.__proto__ || Object.getPrototypeOf(o2);
}, _get_prototype_of(o);
}
function _inherits(subClass, superClass) {
if (typeof superClass != "function" && superClass !== null)
throw new TypeError("Super expression must either be null or a function");
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: !0,
configurable: !0
}
}), superClass && _set_prototype_of(subClass, superClass);
}
function _possible_constructor_return(self, call) {
return call && (_type_of(call) === "object" || typeof call == "function") ? call : _assert_this_initialized(self);
}
function _set_prototype_of(o, p) {
return _set_prototype_of = Object.setPrototypeOf || function(o2, p2) {
return o2.__proto__ = p2, o2;
}, _set_prototype_of(o, p);
}
function _super_prop_base(object, property) {
for (; !Object.prototype.hasOwnProperty.call(object, property) && (object = _get_prototype_of(object), object !== null); )
;
return object;
}
function _type_of(obj) {
"@swc/helpers - typeof";
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
}
function _is_native_reflect_construct() {
try {
var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
}));
} catch {
}
return (_is_native_reflect_construct = function() {
return !!result;
})();
}
var flattenStyle = import_react_native_web_internals.StyleSheet.flatten;
function createAnimatedStyle(inputStyle) {
var style = flattenStyle(inputStyle), animatedStyles = {};
for (var key in style) {
var value = style[key];
key === "transform" && Array.isArray(value) ? animatedStyles[key] = new import_AnimatedTransform.default(value) : value instanceof import_AnimatedNode.default ? animatedStyles[key] = value : value && !Array.isArray(value) && typeof value == "object" && (animatedStyles[key] = createAnimatedStyle(value));
}
return animatedStyles;
}
var AnimatedStyle = /* @__PURE__ */ function(AnimatedWithChildren2) {
"use strict";
_inherits(AnimatedStyle2, AnimatedWithChildren2);
function AnimatedStyle2(style) {
_class_call_check(this, AnimatedStyle2);
var _this;
return _this = _call_super(this, AnimatedStyle2), _define_property(_this, "_inputStyle", void 0), _define_property(_this, "_style", void 0), _this._inputStyle = style, _this._style = createAnimatedStyle(style), _this;
}
return _create_class(AnimatedStyle2, [
{
// Recursively get values for nested styles (like iOS's shadowOffset)
key: "_walkStyleAndGetValues",
value: function(style) {
var updatedStyle = {};
for (var key in style) {
var value = style[key];
value instanceof import_AnimatedNode.default ? value.__isNative || (updatedStyle[key] = value.__getValue()) : value && !Array.isArray(value) && typeof value == "object" ? updatedStyle[key] = this._walkStyleAndGetValues(value) : updatedStyle[key] = value;
}
return updatedStyle;
}
},
{
key: "__getValue",
value: function() {
return [
this._inputStyle,
this._walkStyleAndGetValues(this._style)
];
}
},
{
// Recursively get animated values for nested styles (like iOS's shadowOffset)
key: "_walkStyleAndGetAnimatedValues",
value: function(style) {
var updatedStyle = {};
for (var key in style) {
var value = style[key];
value instanceof import_AnimatedNode.default ? updatedStyle[key] = value.__getAnimatedValue() : value && !Array.isArray(value) && typeof value == "object" && (updatedStyle[key] = this._walkStyleAndGetAnimatedValues(value));
}
return updatedStyle;
}
},
{
key: "__getAnimatedValue",
value: function() {
return this._walkStyleAndGetAnimatedValues(this._style);
}
},
{
key: "__attach",
value: function() {
for (var key in this._style) {
var value = this._style[key];
value instanceof import_AnimatedNode.default && value.__addChild(this);
}
}
},
{
key: "__detach",
value: function() {
for (var key in this._style) {
var value = this._style[key];
value instanceof import_AnimatedNode.default && value.__removeChild(this);
}
_get(_get_prototype_of(AnimatedStyle2.prototype), "__detach", this).call(this);
}
},
{
key: "__makeNative",
value: function() {
for (var key in this._style) {
var value = this._style[key];
value instanceof import_AnimatedNode.default && value.__makeNative();
}
_get(_get_prototype_of(AnimatedStyle2.prototype), "__makeNative", this).call(this);
}
},
{
key: "__getNativeConfig",
value: function() {
var styleConfig = {};
for (var styleKey in this._style)
if (this._style[styleKey] instanceof import_AnimatedNode.default) {
var style = this._style[styleKey];
style.__makeNative(), styleConfig[styleKey] = style.__getNativeTag();
}
return import_NativeAnimatedHelper.default.validateStyles(styleConfig), {
type: "style",
style: styleConfig
};
}
}
]), AnimatedStyle2;
}(import_AnimatedWithChildren.default), AnimatedStyle_default = AnimatedStyle;
//# sourceMappingURL=AnimatedStyle.js.map