At the moment the values start with 0,353 mm and 2,117 mm instand of 1 and 6.
Also the increment is 0,035 mm instand of 0.1 mm.
How can i fix that?

I know i can use 17.008 instand of 6 for example but that will make my code a lot harder to read and it isn't a nice way as a fix anyway so are there any other ways?

//////////////

var gap;
var mask;
var frame;

var values = {
gap: 0 ,
mask: 1,
frame: 6,
}

var items = {
gap: {
type: 'number', label: 'gap',
value: gap, range: [0, 1200], increment: 0.1,
steppers: true, units: 'millimeter'
},
mask: {
type: 'number', label: 'mask',
value: mask, range: [0, 1200], increment: 0.1,
steppers: true, units: 'millimeter'
},
frame: {
type: 'list', label: 'frame',
value: 1, fractionDigits: 0,
options: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

},

create: {
type: 'button', value: 'Create',
onClick: function() {

}
}

};

var palette = new Palette('mask animation', items, values);