@hanzogui/web 3.0.6 → 4.4.0

package/dist/cjs/helpers/defaultAnimationDriver.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var defaultAnimationDriver_exports = {};
 __export(defaultAnimationDriver_exports, {
@@ -24,19 +26,20 @@ __export(defaultAnimationDriver_exports, {
 });
 module.exports = __toCommonJS(defaultAnimationDriver_exports);
 const noAnimationDriver = method => {
-    console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
-  },
-  createEmptyAnimationDriver = () => ({
-    isReactNative: !1,
-    inputStyle: "css",
-    outputStyle: "css",
-    isStub: !0,
-    animations: {},
-    useAnimations: () => noAnimationDriver("animations"),
-    usePresence: () => noAnimationDriver("usePresence"),
-    ResetPresence: () => noAnimationDriver("ResetPresence"),
-    useAnimatedNumber: () => noAnimationDriver("useAnimatedNumber"),
-    useAnimatedNumberStyle: () => noAnimationDriver("useAnimatedNumberStyle"),
-    useAnimatedNumberReaction: () => noAnimationDriver("useAnimatedNumberReaction")
-  }),
-  defaultAnimationDriver = createEmptyAnimationDriver();
+  console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
+};
+const createEmptyAnimationDriver = () => ({
+  isReactNative: false,
+  inputStyle: "css",
+  outputStyle: "css",
+  isStub: true,
+  animations: {},
+  useAnimations: () => noAnimationDriver("animations"),
+  usePresence: () => noAnimationDriver("usePresence"),
+  ResetPresence: () => noAnimationDriver("ResetPresence"),
+  useAnimatedNumber: () => noAnimationDriver("useAnimatedNumber"),
+  useAnimatedNumberStyle: () => noAnimationDriver("useAnimatedNumberStyle"),
+  useAnimatedNumbersStyle: () => noAnimationDriver("useAnimatedNumbersStyle"),
+  useAnimatedNumberReaction: () => noAnimationDriver("useAnimatedNumberReaction")
+});
+const defaultAnimationDriver = createEmptyAnimationDriver();

package/dist/cjs/helpers/defaultAnimationDriver.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var defaultAnimationDriver_exports = {};
 __export(defaultAnimationDriver_exports, {
@@ -26,34 +28,37 @@ __export(defaultAnimationDriver_exports, {
 });
 module.exports = __toCommonJS(defaultAnimationDriver_exports);
 var noAnimationDriver = function (method) {
-    console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
-  },
-  createEmptyAnimationDriver = function () {
-    return {
-      isReactNative: !1,
-      inputStyle: "css",
-      outputStyle: "css",
-      isStub: !0,
-      animations: {},
-      useAnimations: function () {
-        return noAnimationDriver("animations");
-      },
-      usePresence: function () {
-        return noAnimationDriver("usePresence");
-      },
-      ResetPresence: function () {
-        return noAnimationDriver("ResetPresence");
-      },
-      useAnimatedNumber: function () {
-        return noAnimationDriver("useAnimatedNumber");
-      },
-      useAnimatedNumberStyle: function () {
-        return noAnimationDriver("useAnimatedNumberStyle");
-      },
-      useAnimatedNumberReaction: function () {
-        return noAnimationDriver("useAnimatedNumberReaction");
-      }
-    };
-  },
-  defaultAnimationDriver = createEmptyAnimationDriver();
+  console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
+};
+var createEmptyAnimationDriver = function () {
+  return {
+    isReactNative: false,
+    inputStyle: "css",
+    outputStyle: "css",
+    isStub: true,
+    animations: {},
+    useAnimations: function () {
+      return noAnimationDriver("animations");
+    },
+    usePresence: function () {
+      return noAnimationDriver("usePresence");
+    },
+    ResetPresence: function () {
+      return noAnimationDriver("ResetPresence");
+    },
+    useAnimatedNumber: function () {
+      return noAnimationDriver("useAnimatedNumber");
+    },
+    useAnimatedNumberStyle: function () {
+      return noAnimationDriver("useAnimatedNumberStyle");
+    },
+    useAnimatedNumbersStyle: function () {
+      return noAnimationDriver("useAnimatedNumbersStyle");
+    },
+    useAnimatedNumberReaction: function () {
+      return noAnimationDriver("useAnimatedNumberReaction");
+    }
+  };
+};
+var defaultAnimationDriver = createEmptyAnimationDriver();
 //# sourceMappingURL=defaultAnimationDriver.native.js.map

package/dist/cjs/helpers/defaultAnimationDriver.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultAnimationDriver_exports","__export","defaultAnimationDriver","module","exports","noAnimationDriver","method","console","warn","createEmptyAnimationDriver","isReactNative","inputStyle","outputStyle","isStub","animations","useAnimations","usePresence","ResetPresence"],"sources":["../../../src/helpers/defaultAnimationDriver.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAM,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,8BAAwB;AACjD,IAAAK,iBAAQ,YAAAA,CAAAC,MAAA;IAAAC,OACN,CAAAC,IAAA,2CAAgDF,MAAA;EAAA;EAClDG,0BAAA,YAAAA,CAAA;IACF,OAEM;MACJC,aAAe;MACfC,UAAY;MACZC,WAAa;MACbC,MAAQ;MACRC,UAAY,EAAC;MACbC,aAAe,WAAAA,CAAA,EAAM;QACrB,OAAAV,iBAAmB,aAAkB;MACrC;MACAW,WAAA,WAAAA,CAAA,EAAyB;QACzB,OAAAX,iBAAwB,cAAM;MAC9B;MAGWY,aAAA,WAAAA,CAAA,EAAyB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultAnimationDriver_exports","__export","defaultAnimationDriver","module","exports","noAnimationDriver","method","console","warn","createEmptyAnimationDriver","isReactNative","inputStyle","outputStyle","isStub","animations","useAnimations","usePresence","ResetPresence"],"sources":["../../../src/helpers/defaultAnimationDriver.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAM,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,8BAAwB;AACjD,IAAAK,iBAAQ,YAAAA,CAAAC,MAAA;EAAAC,OACN,CAAAC,IAAA,2CAAgDF,MAAA;AAAA;AAEpD,IAAAG,0BAAA,YAAAA,CAAA;EAEA,OAAM;IACJC,aAAe;IACfC,UAAY;IACZC,WAAa;IACbC,MAAQ;IACRC,UAAY,EAAC;IACbC,aAAe,WAAAA,CAAA,EAAM;MACrB,OAAAV,iBAAmB,aAAkB;IACrC;IACAW,WAAA,WAAAA,CAAA,EAAyB;MACzB,OAAAX,iBAAwB,cAAM;IAC9B;IACAY,aAAA,WAAAA,CAAA,EAA2B;MAC7B,OAAAZ,iBAAA;IAEO","ignoreList":[]}

package/dist/cjs/helpers/defaultOffset.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var defaultOffset_exports = {};
 __export(defaultOffset_exports, {

package/dist/cjs/helpers/defaultOffset.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var defaultOffset_exports = {};
 __export(defaultOffset_exports, {

package/dist/cjs/helpers/defaultOffset.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultOffset_exports","__export","defaultOffset","module","exports"],"sources":["../../../src/helpers/defaultOffset.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,qBAAoB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultOffset_exports","__export","defaultOffset","module","exports"],"sources":["../../../src/helpers/defaultOffset.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,qBAAoB","ignoreList":[]}

package/dist/cjs/helpers/expandStyle.cjs

@@ -3,64 +3,129 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all2) => {
-    for (var name in all2) __defProp(target, name, {
-      get: all2[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, {
+  for (var name in all2) __defProp(target, name, {
+    get: all2[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var expandStyle_exports = {};
 __export(expandStyle_exports, {
   expandStyle: () => expandStyle
 });
 module.exports = __toCommonJS(expandStyle_exports);
-var import_constants = require("@hanzogui/constants"),
-  import_config = require("../config.cjs"),
-  import_parseBorderShorthand = require("./parseBorderShorthand.cjs"),
-  import_parseOutlineShorthand = require("./parseOutlineShorthand.cjs");
+var import_constants = require("@hanzogui/constants");
+var import_config = require("../config.cjs");
+var import_parseBorderShorthand = require("./parseBorderShorthand.cjs");
+var import_parseOutlineShorthand = require("./parseOutlineShorthand.cjs");
 const neg1Flex = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
 function expandStyle(key, value) {
-  if (key === "flex") return value === -1 ? neg1Flex : [["flexGrow", value], ["flexShrink", 1], ["flexBasis", (0, import_config.getSetting)("styleCompat") === "legacy" ? "auto" : 0]];
-  switch (key) {
-    case "writingDirection":
-      return [["direction", value]];
-    // some safari-based browsers seem not to support without -webkit prefix
-    case "backdropFilter":
-      return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
+  if (true) {
+    if (key === "flex") {
+      if (value === -1) {
+        return neg1Flex;
+      }
+      return [["flexGrow", value], ["flexShrink", 1], ["flexBasis", (0, import_config.getSetting)("styleCompat") === "legacy" ? "auto" : 0]];
+    }
+    switch (key) {
+      case "writingDirection":
+        {
+          return [["direction", value]];
+        }
+      // some safari-based browsers seem not to support without -webkit prefix
+      case "backdropFilter":
+        {
+          return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
+        }
+    }
+  }
+  if (false) {
+    if (isAndroid && key === "elevationAndroid") {
+      return [["elevation", value]];
+    }
+    switch (key) {
+      case "objectFit":
+        {
+          const resizeMode = resizeModeMap[value] || "cover";
+          return [["resizeMode", resizeMode]];
+        }
+      case "verticalAlign":
+        {
+          return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
+        }
+      case "position":
+        {
+          if (value === "fixed" || value === "sticky") {
+            return [["position", "absolute"]];
+          }
+          return;
+        }
+      case "backgroundImage":
+        {
+          return [["experimental_backgroundImage", value]];
+        }
+      case "border":
+        {
+          if (typeof value === "string") {
+            const parsed = parseBorderShorthand(value);
+            if (parsed) {
+              return parsed;
+            }
+          }
+          return;
+        }
+      case "outline":
+        {
+          if (typeof value === "string") {
+            const parsed = parseOutlineShorthand(value);
+            if (parsed) {
+              return parsed;
+            }
+          }
+          return;
+        }
+    }
+    if (key in nativeExpansions) {
+      return nativeExpansions[key].map(k => [k, value]);
+    }
+  }
+  if (key in EXPANSIONS) {
+    return EXPANSIONS[key].map(k => [k, value]);
   }
-  if (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
 }
-const all = ["Top", "Right", "Bottom", "Left"],
-  horiz = ["Right", "Left"],
-  vert = ["Top", "Bottom"],
-  xy = ["X", "Y"],
-  EXPANSIONS = {
-    borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-    borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
-    borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-    margin: all,
-    marginHorizontal: horiz,
-    marginVertical: vert,
-    padding: all,
-    paddingHorizontal: horiz,
-    paddingVertical: vert,
-    ...(import_constants.isWeb && {
-      // react-native only supports borderStyle
-      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-      // react-native doesn't support X / Y
-      overflow: xy,
-      overscrollBehavior: xy
-    })
-  };
+const all = ["Top", "Right", "Bottom", "Left"];
+const horiz = ["Right", "Left"];
+const vert = ["Top", "Bottom"];
+const xy = ["X", "Y"];
+const EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...(import_constants.isWeb && {
+    // react-native only supports borderStyle
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    // react-native doesn't support X / Y
+    overflow: xy,
+    overscrollBehavior: xy
+  })
+};
 for (const parent in EXPANSIONS) {
   const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
   EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);