@symbo.ls/create 2.11.482 → 2.11.484

package/dist/cjs/bundle/index.js

@@ -3914,7 +3914,7 @@ var require_cjs2 = __commonJS({
       mixTwoRgb: () => mixTwoRgb,
       mixTwoRgba: () => mixTwoRgba,
       numToLetterMap: () => numToLetterMap,
-      opacify: () => opacify,
+      opacify: () => opacify2,
       returnSubThemeOrDefault: () => returnSubThemeOrDefault,
       rgbArrayToHex: () => rgbArrayToHex,
       rgbToHSL: () => rgbToHSL,
@@ -3988,7 +3988,7 @@ var require_cjs2 = __commonJS({
       mixTwoRgb: () => mixTwoRgb,
       mixTwoRgba: () => mixTwoRgba,
       numToLetterMap: () => numToLetterMap,
-      opacify: () => opacify,
+      opacify: () => opacify2,
       returnSubThemeOrDefault: () => returnSubThemeOrDefault,
       rgbArrayToHex: () => rgbArrayToHex,
       rgbToHSL: () => rgbToHSL,
@@ -4125,7 +4125,7 @@ var require_cjs2 = __commonJS({
       }
       return `rgba(${arr})`;
     };
-    var opacify = (color, opacity) => {
+    var opacify2 = (color, opacity) => {
       const arr = colorStringToRgbaArray(color);
       if (!arr) {
         if (ENV3 === "test" || ENV3 === "development")
@@ -13251,8 +13251,13 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      state[key] = null;
-      return state.set(state.parse(), { replace: true, ...options });
+      if ((0, import_utils27.isArray)(state))
+        (0, import_utils27.removeFromArray)(state, key);
+      if ((0, import_utils27.isObject)(state))
+        (0, import_utils27.removeFromObject)(state, key);
+      if (options.applyReset)
+        return state.set(state.parse(), { replace: true, ...options });
+      return state.update();
     };
     var set3 = function(val, options = {}) {
       const state = this;
@@ -13670,7 +13675,7 @@ var require_create = __commonJS({
         return (0, import_utils27.exec)(state, element);
       } else if ((0, import_utils27.is)(state)("string", "number")) {
         ref.__state = state;
-        return {};
+        return { value: state };
       } else if (state === true) {
         ref.__state = element.key;
         return {};
@@ -15243,6 +15248,102 @@ var init_Avatar = __esm({
   }
 });
 
+// ../uikit/Range/index.js
+var import_scratch12, Range;
+var init_Range = __esm({
+  "../uikit/Range/index.js"() {
+    "use strict";
+    import_scratch12 = __toESM(require_cjs2());
+    Range = {
+      props: {
+        appearance: "none",
+        width: "100%",
+        height: "2px",
+        outline: "none",
+        flex: 1,
+        onInput: (ev, el, s) => {
+          const props4 = el.props;
+          if (el.call("isFunction", props4.onInput)) {
+            props4.onInput(ev, el, s);
+          } else {
+            s.update({ value: parseFloat(el.node.value) });
+          }
+        },
+        onChange: (ev, el, s) => {
+          const props4 = el.props;
+          if (el.call("isFunction", props4.onChange)) {
+            props4.onChange(ev, el, s);
+          } else {
+            s.update({ value: parseFloat(el.node.value) });
+          }
+        },
+        "::-webkit-slider-thumb": {
+          boxSizing: "content-box",
+          width: "8px",
+          height: "8px",
+          borderWidth: "2px",
+          borderStyle: "solid",
+          borderRadius: "100%",
+          opacity: ".8",
+          style: {
+            appearance: "none"
+          }
+        },
+        "::-webkit-slider-runnable-track": {},
+        "@dark": {
+          background: "white 0.2",
+          "::-webkit-slider-thumb": {
+            background: "#232526",
+            borderColor: (0, import_scratch12.opacify)("#454646", 0.75)
+          },
+          ":hover": {
+            "::-webkit-slider-thumb": {
+              borderColor: (0, import_scratch12.opacify)("#fff", 0.35)
+            }
+          },
+          ":focus": {
+            "::-webkit-slider-thumb": {
+              borderColor: "#3C6AC0"
+            }
+          }
+        },
+        "@light": {
+          background: "gray9",
+          "::-webkit-slider-thumb": {
+            background: "white",
+            borderColor: "gray9"
+          },
+          ":hover": {
+            "::-webkit-slider-thumb": {
+              borderColor: "gray7"
+            }
+          },
+          ":focus": {
+            "::-webkit-slider-thumb": {
+              borderColor: "blue"
+            }
+          }
+        }
+      },
+      deps: {
+        returnPropertyValue: (el, property, def) => {
+          const val = el.props && el.props[property];
+          const r = el.call("isFunction", val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 0;
+          return r + "";
+        }
+      },
+      tag: "input",
+      attr: {
+        type: "range",
+        value: (el, s) => parseFloat(el.state.value || el.props.value || el.props.defaultValue),
+        min: (el, s) => el.deps.returnPropertyValue(el, "min", 0),
+        max: (el, s) => el.deps.returnPropertyValue(el, "max", 100),
+        step: (el, s) => el.deps.returnPropertyValue(el, "step", 1)
+      }
+    };
+  }
+});
+
 // ../uikit/index.js
 var uikit_exports = {};
 __export(uikit_exports, {
@@ -15306,6 +15407,7 @@ __export(uikit_exports, {
   Pseudo: () => Pseudo,
   Radio: () => Radio,
   RadioHgroup: () => RadioHgroup,
+  Range: () => Range,
   RouteLink: () => RouteLink,
   RouterLink: () => RouterLink,
   Select: () => Select,
@@ -15348,6 +15450,7 @@ var init_uikit = __esm({
     init_Dialog();
     init_Tooltip();
     init_Avatar();
+    init_Range();
   }
 });
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.482",
+  "version": "2.11.484",
   "license": "MIT",
-  "gitHead": "0a1b1317d8c11138bcd9dc171074db65453289ed",
+  "gitHead": "8b1e8fb4387591a6aa1e3fd5afeadc077d0f4df8",
   "files": [
     "src",
     "dist"
@@ -37,8 +37,8 @@
     "@symbo.ls/fetch": "^2.11.475",
     "@symbo.ls/init": "^2.11.475",
     "@symbo.ls/scratch": "^2.11.475",
-    "@symbo.ls/sync": "^2.11.482",
-    "@symbo.ls/uikit": "^2.11.482",
+    "@symbo.ls/sync": "^2.11.484",
+    "@symbo.ls/uikit": "^2.11.484",
     "@symbo.ls/utils": "^2.11.475",
     "domql": "^2.5.158"
   },