@saltcorn/data 0.7.1 → 0.7.2-beta.3

package/dist/base-plugin/types.d.ts

@@ -215,17 +215,23 @@ export namespace int {
             export { isEdit_12 as isEdit };
             const blockDisplay_5: boolean;
             export { blockDisplay_5 as blockDisplay };
+            const configFields_5: {
+                name: string;
+                label: string;
+                type: string;
+            }[];
+            export { configFields_5 as configFields };
             export function run_12(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
             export { run_12 as run };
         }
         export { edit_1 as edit };
         export namespace number_slider {
-            export function configFields_5(field: any): {
+            export function configFields_6(field: any): {
                 name: string;
                 type: any;
                 required: boolean;
             }[];
-            export { configFields_5 as configFields };
+            export { configFields_6 as configFields };
             const isEdit_13: boolean;
             export { isEdit_13 as isEdit };
             const blockDisplay_6: boolean;
@@ -233,8 +239,24 @@ export namespace int {
             export function run_13(nm: any, v: any, attrs: {} | undefined, cls: any, required: any, field: any): any;
             export { run_13 as run };
         }
+        export namespace range_interval {
+            export function configFields_7(field: any): {
+                name: string;
+                type: any;
+                required: boolean;
+            }[];
+            export { configFields_7 as configFields };
+            const isEdit_14: boolean;
+            export { isEdit_14 as isEdit };
+            const isFilter_1: boolean;
+            export { isFilter_1 as isFilter };
+            const blockDisplay_7: boolean;
+            export { blockDisplay_7 as blockDisplay };
+            export function run_14(nm: any, v: any, attrs: {} | undefined, cls: any, required: any, field: any, state?: {}): any;
+            export { run_14 as run };
+        }
         export namespace progress_bar {
-            export function configFields_6(field: any): ({
+            export function configFields_8(field: any): ({
                 name: string;
                 type: any;
                 required: boolean;
@@ -245,20 +267,28 @@ export namespace int {
                 label: string;
                 required?: undefined;
             })[];
-            export { configFields_6 as configFields };
-            const isEdit_14: boolean;
-            export { isEdit_14 as isEdit };
-            export function run_14(v: any, req: any, attrs?: {}): any;
-            export { run_14 as run };
-        }
-        export namespace above_input {
+            export { configFields_8 as configFields };
             const isEdit_15: boolean;
             export { isEdit_15 as isEdit };
-            const isFilter_1: boolean;
-            export { isFilter_1 as isFilter };
-            export function run_15(nm: any, v: any, attrs: {} | undefined, cls: any, required: any, field: any, state?: {}): any;
+            export function run_15(v: any, req: any, attrs?: {}): any;
             export { run_15 as run };
         }
+        export namespace above_input {
+            const isEdit_16: boolean;
+            export { isEdit_16 as isEdit };
+            const isFilter_2: boolean;
+            export { isFilter_2 as isFilter };
+            const blockDisplay_8: boolean;
+            export { blockDisplay_8 as blockDisplay };
+            const configFields_9: {
+                name: string;
+                label: string;
+                type: string;
+            }[];
+            export { configFields_9 as configFields };
+            export function run_16(nm: any, v: any, attrs: {} | undefined, cls: any, requiZred: any, field: any, state?: {}): any;
+            export { run_16 as run };
+        }
         export namespace below_input { }
     }
     export { fieldviews_1 as fieldviews };
@@ -280,37 +310,37 @@ export namespace bool {
     export { contract_2 as contract };
     export namespace fieldviews_2 {
         export namespace show_1 {
-            const isEdit_16: boolean;
-            export { isEdit_16 as isEdit };
-            export function run_16(v: any): any;
-            export { run_16 as run };
-        }
-        export { show_1 as show };
-        export namespace checkboxes {
             const isEdit_17: boolean;
             export { isEdit_17 as isEdit };
             export function run_17(v: any): any;
             export { run_17 as run };
         }
-        export namespace TrueFalse {
+        export { show_1 as show };
+        export namespace checkboxes {
             const isEdit_18: boolean;
             export { isEdit_18 as isEdit };
-            export function run_18(v: any): "" | "True" | "False";
+            export function run_18(v: any): any;
             export { run_18 as run };
         }
-        export namespace edit_2 {
+        export namespace TrueFalse {
             const isEdit_19: boolean;
             export { isEdit_19 as isEdit };
-            export function run_19(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export function run_19(v: any): "" | "True" | "False";
             export { run_19 as run };
         }
-        export { edit_2 as edit };
-        export namespace tristate {
+        export namespace edit_2 {
             const isEdit_20: boolean;
             export { isEdit_20 as isEdit };
             export function run_20(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
             export { run_20 as run };
         }
+        export { edit_2 as edit };
+        export namespace tristate {
+            const isEdit_21: boolean;
+            export { isEdit_21 as isEdit };
+            export function run_21(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export { run_21 as run };
+        }
     }
     export { fieldviews_2 as fieldviews };
     const attributes_2: object[];
@@ -334,60 +364,60 @@ export namespace date {
     export { attributes_3 as attributes };
     export namespace fieldviews_3 {
         export namespace show_2 {
-            const isEdit_21: boolean;
-            export { isEdit_21 as isEdit };
-            export function run_21(d: any, req: any): any;
-            export { run_21 as run };
-        }
-        export { show_2 as show };
-        export namespace showDay {
             const isEdit_22: boolean;
             export { isEdit_22 as isEdit };
             export function run_22(d: any, req: any): any;
             export { run_22 as run };
         }
-        export namespace format {
+        export { show_2 as show };
+        export namespace showDay {
             const isEdit_23: boolean;
             export { isEdit_23 as isEdit };
-            const configFields_7: {
+            export function run_23(d: any, req: any): any;
+            export { run_23 as run };
+        }
+        export namespace format {
+            const isEdit_24: boolean;
+            export { isEdit_24 as isEdit };
+            const configFields_10: {
                 name: string;
                 label: string;
                 type: string;
                 sublabel: string;
             }[];
-            export { configFields_7 as configFields };
-            export function run_23(d: any, req: any, options: any): string;
-            export { run_23 as run };
-        }
-        export namespace relative {
-            const isEdit_24: boolean;
-            export { isEdit_24 as isEdit };
-            export function run_24(d: any, req: any): string;
+            export { configFields_10 as configFields };
+            export function run_24(d: any, req: any, options: any): string;
             export { run_24 as run };
         }
-        export namespace yearsAgo {
+        export namespace relative {
             const isEdit_25: boolean;
             export { isEdit_25 as isEdit };
             export function run_25(d: any, req: any): string;
             export { run_25 as run };
         }
-        export namespace edit_3 {
+        export namespace yearsAgo {
             const isEdit_26: boolean;
             export { isEdit_26 as isEdit };
-            const blockDisplay_7: boolean;
-            export { blockDisplay_7 as blockDisplay };
-            export function run_26(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export function run_26(d: any, req: any): string;
             export { run_26 as run };
         }
-        export { edit_3 as edit };
-        export namespace editDay {
+        export namespace edit_3 {
             const isEdit_27: boolean;
             export { isEdit_27 as isEdit };
-            const blockDisplay_8: boolean;
-            export { blockDisplay_8 as blockDisplay };
+            const blockDisplay_9: boolean;
+            export { blockDisplay_9 as blockDisplay };
             export function run_27(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
             export { run_27 as run };
         }
+        export { edit_3 as edit };
+        export namespace editDay {
+            const isEdit_28: boolean;
+            export { isEdit_28 as isEdit };
+            const blockDisplay_10: boolean;
+            export { blockDisplay_10 as blockDisplay };
+            export function run_28(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export { run_28 as run };
+        }
     }
     export { fieldviews_3 as fieldviews };
     export namespace presets_1 {
@@ -411,26 +441,37 @@ export namespace float {
     export { contract_4 as contract };
     export namespace fieldviews_4 {
         export namespace show_3 {
-            const isEdit_28: boolean;
-            export { isEdit_28 as isEdit };
-            export function run_28(s: any): string;
-            export { run_28 as run };
-        }
-        export { show_3 as show };
-        export namespace edit_4 {
             const isEdit_29: boolean;
             export { isEdit_29 as isEdit };
-            const blockDisplay_9: boolean;
-            export { blockDisplay_9 as blockDisplay };
-            export function run_29(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export function run_29(s: any): string;
             export { run_29 as run };
         }
+        export { show_3 as show };
+        export namespace edit_4 {
+            const isEdit_30: boolean;
+            export { isEdit_30 as isEdit };
+            const blockDisplay_11: boolean;
+            export { blockDisplay_11 as blockDisplay };
+            export function run_30(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export { run_30 as run };
+        }
         export { edit_4 as edit };
         export namespace number_slider_1 { }
         export { number_slider_1 as number_slider };
+        export namespace range_interval_1 { }
+        export { range_interval_1 as range_interval };
         export namespace progress_bar_1 { }
         export { progress_bar_1 as progress_bar };
-        export namespace above_input_1 { }
+        export namespace above_input_1 {
+            const isEdit_31: boolean;
+            export { isEdit_31 as isEdit };
+            const isFilter_3: boolean;
+            export { isFilter_3 as isFilter };
+            const blockDisplay_12: boolean;
+            export { blockDisplay_12 as blockDisplay };
+            export function run_31(nm: any, v: any, attrs: {} | undefined, cls: any, required: any, field: any, state?: {}): any;
+            export { run_31 as run };
+        }
         export { above_input_1 as above_input };
         export namespace below_input_1 { }
         export { below_input_1 as below_input };
@@ -452,19 +493,19 @@ export namespace color {
     export { contract_5 as contract };
     export namespace fieldviews_5 {
         export namespace show_4 {
-            const isEdit_30: boolean;
-            export { isEdit_30 as isEdit };
-            export function run_30(s: any): any;
-            export { run_30 as run };
+            const isEdit_32: boolean;
+            export { isEdit_32 as isEdit };
+            export function run_32(s: any): any;
+            export { run_32 as run };
         }
         export { show_4 as show };
         export namespace edit_5 {
-            const isEdit_31: boolean;
-            export { isEdit_31 as isEdit };
-            const blockDisplay_10: boolean;
-            export { blockDisplay_10 as blockDisplay };
-            export function run_31(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
-            export { run_31 as run };
+            const isEdit_33: boolean;
+            export { isEdit_33 as isEdit };
+            const blockDisplay_13: boolean;
+            export { blockDisplay_13 as blockDisplay };
+            export function run_33(nm: any, v: any, attrs: any, cls: any, required: any, field: any): any;
+            export { run_33 as run };
         }
         export { edit_5 as edit };
     }

package/dist/base-plugin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../base-plugin/types.js"],"names":[],"mappings":";gBA2Ka,MAAM;oBAEN,MAAM;IAML,+CAqEX;IAMS;;gBAK+D;;;;YAYxC,6BAAyB;;;;;YAQjD,mCAAqD;;;;;;YASrD,yDAAmE;;;;;;YAOzC,mCAA6B;;;;;;;YAU9C;;;;;;;;;;;;;;;;;;;;;iBA8Bb;YACI,6FA8CG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAiDH,6FAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCE,6FAoBF;;;;;;;;YAWE,6FAYF;;;;;;;;;;;;YAgBE,6FAaoB;;;;;;;;;;;;;YAYpB,6FAYoB;;;;;;;;YAWpB,8FAUD;;;;IAOF,0CAQL;;QAYK;;mBAAmB;QAMZ;;mBAAyD;;IAOpE,+FAYC;IAMkB,iFAEwB;;;kBAuBlC,MAAM;;sBAEN,MAAM;;IAQP;;;gBAAoD;;;;;;;;;YAahC,uCAAc;;;;;;;;YAUnC,8FAaD;;;;;YA/sBM;;;;gBAQb;;;;;;YAGI,yGAkBD;;;;YAGU;;;;;;;;;;iBAUb;;;;YAEI,0DAgBF;;;;;;;;YAME,qHAmBD;;;;;;wBAioBO,MAAM,EAAE;;IASE,qEACoB;;IAKnC,0CAWL;;IAMC,0DAKC;;;;kBAoYQ,MAAM;;sBAEN,MAAM;;IAKP,uCAAa;;;;;;YAcd,oCASG;;;;;;;YASH,oCAKG;;;;;;YASH,sDAAyD;;;;;;YASzD,8FAUD;;;;;;;YASC,8FAqBE;;;;;wBAGA,MAAM,EAAE;;IAOC,2EAKnB;IAKK,kDAUL;;IAKW,8CAAU;IAKd,0CAAwB;IAItB,sCAAiB;;;;kBA1UhB,MAAM;;sBAEN,MAAM;;IAKP,uCAAa;;wBACZ,MAAM,EAAE;;;;;;YAeV,8CAKG;;;;;;;YASH,8CAKG;;;;;;;;;;;;;YAiBH,+DAIJ;;;;;;YASI,iDAKJ;;;;;;YASI,iDAGJ;;;;;;;;YAWI,8FAcD;;;;;;;;;YAWC,8FAcD;;;;;;QASD,qBAAgB;;;IAOjB,yDAWL;;IAMC,gDAEgC;;;;kBAhSvB,MAAM;;sBAEN,MAAM;;IAQP;;;iBAAmD;;;;;;YAY/B,uCAAc;;;;;;;;;YAUnC,8FAeD;;;;;;;;;;;;;;wBAOG,MAAM,EAAE;;IAWb,+DAUL;;IAMC,mEAKC;;;;kBAtKQ,MAAM;;sBAEN,MAAM;;IAKP,uCAAY;;;;;;YAcb,oCAMG;;;;;;;;;YAWH,8FAUD;;;;;;wBAGG,MAAM,EAAE;;IAMb,0CAOL;;IAIS,sCAET"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../base-plugin/types.js"],"names":[],"mappings":";gBAmSa,MAAM;oBAEN,MAAM;IAML,+CAqEX;IAMS;;gBAK+D;;;;YAYxC,6BAAyB;;;;;YAQjD,mCAAqD;;;;;;YASrD,yDAAmE;;;;;;YAOzC,mCAA6B;;;;;;;YAU9C;;;;;;;;;;;;;;;;;;;;;iBA8Bb;YACI,6FA8CG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAiDH,6FAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCE,6FAoBF;;;;;;;;YAWE,6FAYF;;;;;;;;;;;;YAgBE,6FAaoB;;;;;;;;;;;;;YAYpB,6FAYoB;;;;;;;;YAWpB,8FAUD;;;;IAOF,0CAQL;;QAYK;;mBAAmB;QAMZ;;mBAAyD;;IAOpE,+FAYC;IAMkB,iFAEwB;;;kBAuBlC,MAAM;;sBAEN,MAAM;;IAQP;;;gBAAoD;;;;;;;;;YAahC,uCAAc;;;;;;;;;;;;;;YAYnC,8FAkBJ;;;;;YA70BS;;;;gBAOb;;;;;;YAGI,yGAkBD;;;;YAGU;;;;gBAOb;;;;;;;;YAKI,qHAiCJ;;;;YAIa;;;;;;;;;;iBAUb;;;;YAEI,0DAgBF;;;;;;;;;;;;;;;;YAUE,sHA4BJ;;;;;;wBAmsBU,MAAM,EAAE;;IASE,qEACoB;;IAKnC,0CAWL;;IAMC,0DAKC;;;;kBAyYQ,MAAM;;sBAEN,MAAM;;IAKP,uCAAa;;;;;;YAcd,oCASG;;;;;;;YASH,oCAKG;;;;;;YASH,sDAAyD;;;;;;YASzD,8FAUD;;;;;;;YASC,8FAqBE;;;;;wBAGA,MAAM,EAAE;;IAOC,2EAKnB;IAKK,kDAUL;;IAKW,8CAAU;IAKd,0CAAwB;IAItB,sCAAiB;;;;kBA9UhB,MAAM;;sBAEN,MAAM;;IAKP,uCAAa;;wBACZ,MAAM,EAAE;;;;;;YAeV,8CAKG;;;;;;;YASH,8CAKG;;;;;;;;;;;;;YAiBH,+DAIJ;;;;;;YASI,iDAKJ;;;;;;YASI,iDAGJ;;;;;;;;YAWI,8FAgBD;;;;;;;;;YAWC,8FAgBD;;;;;;QASD,qBAAgB;;;IAOjB,yDAWL;;IAMC,gDAEgC;;;;kBArSvB,MAAM;;sBAEN,MAAM;;IAQP;;;iBAAmD;;;;;;YAY/B,uCAAc;;;;;;;;;YAUnC,8FAeD;;;;;;;;;;;;;;;;;YA12BH,qHAaD;;;;;;;;wBAq2BO,MAAM,EAAE;;IAWb,+DAUL;;IAMC,mEAKC;;;;kBAvKQ,MAAM;;sBAEN,MAAM;;IAKP,uCAAY;;;;;;YAcb,oCAMG;;;;;;;;;YAWH,8FAUD;;;;;;wBAGG,MAAM,EAAE;;IAMb,0CAOL;;IAIS,sCAET"}

package/dist/base-plugin/types.js

@@ -8,7 +8,7 @@
  * @subcategory base-plugin
  */
 const moment = require("moment");
-const { input, select, option, text, div, h3, a, i, button, textarea, span, img, text_attr, script, domReady, } = require("@saltcorn/markup/tags");
+const { input, select, option, text, div, h3, a, i, button, textarea, span, img, text_attr, script, domReady, section, } = require("@saltcorn/markup/tags");
 const { contract, is } = require("contractis");
 const { radio_group, checkbox_group } = require("@saltcorn/markup/helpers");
 const { getState } = require("../db/state");
@@ -19,13 +19,12 @@ const isdef = (x) => (typeof x === "undefined" || x === null ? false : true);
 const eqStr = (x, y) => `${x}` === `${y}`;
 const number_slider = (type) => ({
     configFields: (field) => [
-        ...(!isdef(field.attributes.max) && !isdef(field.attributes.min)
-            ? [
-                { name: "min", type, required: false },
-                { name: "max", type, required: false },
-            ]
+        ...(!isdef(field.attributes.min)
+            ? [{ name: "min", type, required: false }]
+            : []),
+        ...(!isdef(field.attributes.max)
+            ? [{ name: "max", type, required: false }]
             : []),
-        //{ name: "also_entry", type: "Bool", label: "Also entry" },
     ],
     isEdit: true,
     blockDisplay: true,
@@ -42,11 +41,54 @@ const number_slider = (type) => ({
                 ? Math.pow(10, -attrs.decimal_places)
                 : "0.01",
         id: `input${text_attr(nm)}`,
-        ...(attrs.max && { max: attrs.max }),
-        ...(attrs.min && { min: attrs.min }),
+        ...(isdef(attrs.max) && { max: attrs.max }),
+        ...(isdef(attrs.min) && { min: attrs.min }),
         ...(isdef(v) && { value: text_attr(v) }),
     }),
 });
+const range_interval = (type) => ({
+    configFields: (field) => [
+        ...(!isdef(field.attributes.min)
+            ? [{ name: "min", type, required: false }]
+            : []),
+        ...(!isdef(field.attributes.max)
+            ? [{ name: "max", type, required: false }]
+            : []),
+    ],
+    isEdit: false,
+    isFilter: true,
+    blockDisplay: true,
+    /* https://stackoverflow.com/a/31083391 */
+    run: (nm, v, attrs = {}, cls, required, field, state = {}) => {
+        return section({ class: ["range-slider", cls] }, span({ class: "rangeValues" }), input({
+            ...(isdef(state[`_gte_${nm}`])
+                ? {
+                    value: text_attr(state[`_gte_${nm}`]),
+                }
+                : isdef(attrs.min)
+                    ? { value: text_attr(attrs.min) }
+                    : {}),
+            ...(isdef(attrs.max) && { max: attrs.max }),
+            ...(isdef(attrs.min) && { min: attrs.min }),
+            type: "range",
+            disabled: attrs.disabled,
+            onChange: `set_state_field('_gte_${nm}', this.value)`,
+        }), input({
+            ...(isdef(state[`_lte_${nm}`])
+                ? {
+                    value: text_attr(state[`_lte_${nm}`]),
+                }
+                : isdef(attrs.max)
+                    ? { value: text_attr(attrs.max) }
+                    : {}),
+            ...(isdef(attrs.max) && { max: attrs.max }),
+            ...(isdef(attrs.min) && { min: attrs.min }),
+            type: "range",
+            disabled: attrs.disabled,
+            onChange: `set_state_field('_lte_${nm}', this.value)`,
+        }));
+    },
+});
 const progress_bar = (type) => ({
     configFields: (field) => [
         ...(!isdef(field.attributes.min)
@@ -74,20 +116,46 @@ const progress_bar = (type) => ({
         },
     })),
 });
-const number_limit = (type, direction) => ({
+const number_limit = (direction) => ({
+    isEdit: false,
+    isFilter: true,
+    blockDisplay: true,
+    configFields: [
+        { name: "stepper_btns", label: "Stepper buttons", type: "Bool" },
+    ],
+    run: (nm, v, attrs = {}, cls, requiZred, field, state = {}) => {
+        const onChange = `set_state_field('_${direction}_${nm}', this.value)`;
+        return attrs?.stepper_btns
+            ? number_stepper(undefined, isdef(state[`_${direction}_${nm}`])
+                ? text_attr(state[`_${direction}_${nm}`])
+                : undefined, {
+                ...attrs,
+                onChange: `set_state_field('_${direction}_${nm}', $('#numlim_${nm}_${direction}').val())`,
+            }, cls, undefined, `numlim_${nm}_${direction}`)
+            : input({
+                type: "number",
+                class: ["form-control", cls],
+                disabled: attrs.disabled,
+                onChange,
+                step: 1,
+                ...(attrs.max && { max: attrs.max }),
+                ...(attrs.min && { min: attrs.min }),
+                ...(isdef(state[`_${direction}_${nm}`]) && {
+                    value: text_attr(state[`_${direction}_${nm}`]),
+                }),
+            });
+    },
+});
+const float_number_limit = (direction) => ({
     isEdit: false,
     isFilter: true,
+    blockDisplay: true,
     run: (nm, v, attrs = {}, cls, required, field, state = {}) => input({
         type: "number",
         class: ["form-control", cls],
-        blockDisplay: true,
         disabled: attrs.disabled,
         onChange: `set_state_field('_${direction}_${nm}', this.value)`,
-        step: type === "Integer"
-            ? "1"
-            : attrs.decimal_places
-                ? Math.pow(10, -attrs.decimal_places)
-                : "0.01",
+        step: attrs.decimal_places ? Math.pow(10, -attrs.decimal_places) : "0.01",
         ...(attrs.max && { max: attrs.max }),
         ...(attrs.min && { min: attrs.min }),
         ...(isdef(state[`_${direction}_${nm}`]) && {
@@ -95,6 +163,27 @@ const number_limit = (type, direction) => ({
         }),
     }),
 });
+const number_stepper = (name, v, attrs, cls, fieldname, id) => div({ class: "input-group" }, button({
+    class: "btn btn-outline-secondary",
+    type: "button",
+    onClick: `$('#${id}').val(Math.max(${isdef(attrs.min) ? attrs.min : "-Infinity"},+$('#${id}').val()-1));${attrs.onChange || ""}`,
+}, i({ class: "fas fa-minus" })), input({
+    type: "number",
+    class: ["form-control", "hideupdownbtns", cls],
+    disabled: attrs.disabled,
+    "data-fieldname": fieldname,
+    name,
+    onChange: attrs.onChange,
+    id,
+    step: "1",
+    ...(attrs.max && { max: attrs.max }),
+    ...(attrs.min && { min: attrs.min }),
+    ...(isdef(v) && { value: text_attr(v) }),
+}), button({
+    class: "btn btn-outline-secondary",
+    type: "button",
+    onClick: `$('#${id}').val(Math.min(${isdef(attrs.max) ? attrs.max : "Infinity"},+$('#${id}').val()+1));${attrs.onChange || ""}`,
+}, i({ class: "fas fa-plus" })));
 /**
  * @param {string} v
  * @param {string} optsStr
@@ -638,24 +727,34 @@ const int = {
         edit: {
             isEdit: true,
             blockDisplay: true,
-            run: (nm, v, attrs, cls, required, field) => input({
-                type: "number",
-                class: ["form-control", cls],
-                disabled: attrs.disabled,
-                "data-fieldname": text_attr(field.name),
-                name: text_attr(nm),
-                onChange: attrs.onChange,
-                id: `input${text_attr(nm)}`,
-                step: "1",
-                ...(attrs.max && { max: attrs.max }),
-                ...(attrs.min && { min: attrs.min }),
-                ...(isdef(v) && { value: text_attr(v) }),
-            }),
+            configFields: [
+                { name: "stepper_btns", label: "Stepper buttons", type: "Bool" },
+            ],
+            run: (nm, v, attrs, cls, required, field) => {
+                const id = `input${text_attr(nm)}`;
+                const name = text_attr(nm);
+                return attrs?.stepper_btns
+                    ? number_stepper(name, v, attrs, cls, text_attr(field.name), id)
+                    : input({
+                        type: "number",
+                        class: ["form-control", cls],
+                        disabled: attrs.disabled,
+                        "data-fieldname": text_attr(field.name),
+                        name,
+                        onChange: attrs.onChange,
+                        id,
+                        step: "1",
+                        ...(attrs.max && { max: attrs.max }),
+                        ...(attrs.min && { min: attrs.min }),
+                        ...(isdef(v) && { value: text_attr(v) }),
+                    });
+            },
         },
         number_slider: number_slider("Integer"),
+        range_interval: range_interval("Integer"),
         progress_bar: progress_bar("Integer"),
-        above_input: number_limit("Integer", "gte"),
-        below_input: number_limit("Integer", "lte"),
+        above_input: number_limit("gte"),
+        below_input: number_limit("lte"),
     },
     /** @type {object[]}  */
     attributes: [
@@ -827,9 +926,10 @@ const float = {
             }),
         },
         number_slider: number_slider("Float"),
+        range_interval: range_interval("Float"),
         progress_bar: progress_bar("Float"),
-        above_input: number_limit("Float", "gte"),
-        below_input: number_limit("Float", "lte"),
+        above_input: float_number_limit("gte"),
+        below_input: float_number_limit("lte"),
     },
     /** @type {object[]} */
     attributes: [
@@ -912,7 +1012,7 @@ const date = {
         show: {
             isEdit: false,
             run: (d, req) => typeof d === "string"
-                ? text(d)
+                ? localeDateTime(new Date(d))
                 : d && d.toISOString
                     ? localeDateTime(d)
                     : "",
@@ -925,7 +1025,7 @@ const date = {
         showDay: {
             isEdit: false,
             run: (d, req) => typeof d === "string"
-                ? text(d)
+                ? localeDate(new Date(d))
                 : d && d.toISOString
                     ? localeDate(d)
                     : "",
@@ -1000,7 +1100,9 @@ const date = {
                 disabled: attrs.disabled,
                 id: `input${text_attr(nm)}`,
                 ...(isdef(v) && {
-                    value: text_attr(typeof v === "string" ? v : v.toLocaleString(attrs.locale)),
+                    value: text_attr(typeof v === "string"
+                        ? new Date(v).toLocaleString(attrs.locale)
+                        : v.toLocaleString(attrs.locale)),
                 }),
             }),
         },
@@ -1021,7 +1123,9 @@ const date = {
                 disabled: attrs.disabled,
                 id: `input${text_attr(nm)}`,
                 ...(isdef(v) && {
-                    value: text_attr(typeof v === "string" ? v : v.toLocaleDateString(attrs.locale)),
+                    value: text_attr(typeof v === "string"
+                        ? new Date(v).toLocaleDateString(attrs.locale)
+                        : v.toLocaleDateString(attrs.locale)),
                 }),
             }),
         },