sneedgroup-holder/openOutpaint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' into manual-scripts

Browse source 
# Conflicts:
#	index.html
This commit is contained in:
tim h 2023-02-19 09:41:46 -06:00
parent 610f82174f
commit 769182508f
8 changed files with 85 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -438,7 +438,7 @@
<script src="js/lib/layers.js?v=26b7436" type="text/javascript"></script> <script src="js/lib/layers.js?v=26b7436" type="text/javascript"></script>
<script src="js/lib/commands.js?v=ad60afc" type="text/javascript"></script> <script src="js/lib/commands.js?v=ad60afc" type="text/javascript"></script>
<script src="js/lib/toolbar.js?v=fb3f261" type="text/javascript"></script> <script src="js/lib/toolbar.js?v=4fcf718" type="text/javascript"></script>
<script src="js/lib/ui.js?v=17014b3" type="text/javascript"></script> <script src="js/lib/ui.js?v=17014b3" type="text/javascript"></script>
<script <script
@ -465,19 +465,19 @@
src="js/ui/tool/generic.js?v=3e678e0" src="js/ui/tool/generic.js?v=3e678e0"
type="text/javascript"></script> type="text/javascript"></script>
<script src="js/ui/tool/dream.js?v=1ed1e84" type="text/javascript"></script> <script src="js/ui/tool/dream.js?v=00fdfe4" type="text/javascript"></script>
<script <script
src="js/ui/tool/maskbrush.js?v=d88810f" src="js/ui/tool/maskbrush.js?v=e9bd0eb"
type="text/javascript"></script> type="text/javascript"></script>
<script <script
src="js/ui/tool/colorbrush.js?v=46011ee" src="js/ui/tool/colorbrush.js?v=20bc06d"
type="text/javascript"></script> type="text/javascript"></script>
<script <script
src="js/ui/tool/select.js?v=c05e65a" src="js/ui/tool/select.js?v=b84bf02"
type="text/javascript"></script> type="text/javascript"></script>
<script src="js/ui/tool/stamp.js?v=0fc2d68" type="text/javascript"></script> <script src="js/ui/tool/stamp.js?v=75341ec" type="text/javascript"></script>
<script <script
src="js/ui/tool/interrogate.js?v=e579ff1" src="js/ui/tool/interrogate.js?v=a9f8585"
type="text/javascript"></script> type="text/javascript"></script>
<!-- Initialize --> <!-- Initialize -->

26
js/lib/toolbar.js
View file

@ -151,18 +151,24 @@ const toolbar = {
* Premade inputs for populating the context menus * Premade inputs for populating the context menus
*/ */
const _toolbar_input = { const _toolbar_input = {
checkbox: (state, dataKey, text, classes, cb = null) => { checkbox: (state, lsKey, dataKey, text, classes, cb = null) => {
if (state[dataKey] === undefined) state[dataKey] = false; if (state[dataKey] === undefined) state[dataKey] = false;
const savedValueStr = lsKey && localStorage.getItem(lsKey);
const savedValue = savedValueStr && JSON.parse(savedValueStr);
const checkbox = document.createElement("input"); const checkbox = document.createElement("input");
checkbox.type = "checkbox"; checkbox.type = "checkbox";
checkbox.classList.add("oo-checkbox", "ui", "inline-icon"); checkbox.classList.add("oo-checkbox", "ui", "inline-icon");
if (savedValue !== null) state[dataKey] = checkbox.checked = savedValue;
if (typeof classes === "string") classes = [classes]; if (typeof classes === "string") classes = [classes];
if (classes) checkbox.classList.add(...classes); if (classes) checkbox.classList.add(...classes);
checkbox.checked = state[dataKey]; checkbox.checked = state[dataKey];
checkbox.onchange = () => { checkbox.onchange = () => {
if (lsKey) localStorage.setItem(lsKey, JSON.stringify(checkbox.checked));
state[dataKey] = checkbox.checked; state[dataKey] = checkbox.checked;
cb && cb(); cb && cb();
}; };
@ -185,15 +191,19 @@ const _toolbar_input = {
}; };
}, },
slider: (state, dataKey, text, options = {}) => { slider: (state, lsKey, dataKey, text, options = {}) => {
defaultOpt(options, {min: 0, max: 1, step: 0.1, textStep: null, cb: null}); defaultOpt(options, {min: 0, max: 1, step: 0.1, textStep: null, cb: null});
const slider = document.createElement("div"); const slider = document.createElement("div");
const savedValueStr = lsKey && localStorage.getItem(lsKey);
const savedValue = savedValueStr && JSON.parse(savedValueStr);
const value = createSlider(text, slider, { const value = createSlider(text, slider, {
min: options.min, min: options.min,
max: options.max, max: options.max,
step: options.step, step: options.step,
valuecb: (v) => { valuecb: (v) => {
if (lsKey) localStorage.setItem(lsKey, JSON.stringify(v));
state[dataKey] = v; state[dataKey] = v;
options.cb && options.cb(v); options.cb && options.cb(v);
}, },
@ -201,6 +211,8 @@ const _toolbar_input = {
textStep: options.textStep, textStep: options.textStep,
}); });
if (savedValue !== null) value.value = savedValue;
return { return {
slider, slider,
rawSlider: value, rawSlider: value,
@ -213,12 +225,16 @@ const _toolbar_input = {
selectlist: ( selectlist: (
state, state,
lsKey,
dataKey, dataKey,
text, text,
options = {value, text}, options = {value, text},
defaultOptionValue, defaultOptionValue,
cb = null cb = null
) => { ) => {
const savedValueStr = lsKey && localStorage.getItem(lsKey);
const savedValue = savedValueStr && JSON.parse(savedValueStr);
const selectlist = document.createElement("select"); const selectlist = document.createElement("select");
selectlist.classList.add("bareselector"); selectlist.classList.add("bareselector");
Object.entries(options).forEach((opt) => { Object.entries(options).forEach((opt) => {
@ -228,7 +244,13 @@ const _toolbar_input = {
selectlist.options.add(option); selectlist.options.add(option);
}); });
selectlist.selectedIndex = defaultOptionValue; selectlist.selectedIndex = defaultOptionValue;
if (savedValue !== null)
state[dataKey] = selectlist.selectedIndex = savedValue;
selectlist.onchange = () => { selectlist.onchange = () => {
if (lsKey)
localStorage.setItem(lsKey, JSON.stringify(selectlist.selectedIndex));
state[dataKey] = selectlist.selectedIndex; state[dataKey] = selectlist.selectedIndex;
cb && cb(); cb && cb();
}; };

4
js/ui/tool/colorbrush.js
View file

@ -373,6 +373,7 @@ const colorBrushTool = () =>
const array = document.createElement("div"); const array = document.createElement("div");
const affectMaskCheckbox = _toolbar_input.checkbox( const affectMaskCheckbox = _toolbar_input.checkbox(
state, state,
"openoutpaint/colorbrush-affectmask",
"affectMask", "affectMask",
"Affect Mask", "Affect Mask",
"icon-venetian-mask" "icon-venetian-mask"
@ -384,6 +385,7 @@ const colorBrushTool = () =>
// Brush size slider // Brush size slider
const brushSizeSlider = _toolbar_input.slider( const brushSizeSlider = _toolbar_input.slider(
state, state,
"openoutpaint/colorbrush-brushsize",
"brushSize", "brushSize",
"Brush Size", "Brush Size",
{ {
@ -399,6 +401,7 @@ const colorBrushTool = () =>
// Brush opacity slider // Brush opacity slider
const brushOpacitySlider = _toolbar_input.slider( const brushOpacitySlider = _toolbar_input.slider(
state, state,
"openoutpaint/colorbrush-brushopacity",
"brushOpacity", "brushOpacity",
"Brush Opacity", "Brush Opacity",
{ {
@ -413,6 +416,7 @@ const colorBrushTool = () =>
// Brush blur slider // Brush blur slider
const brushBlurSlider = _toolbar_input.slider( const brushBlurSlider = _toolbar_input.slider(
state, state,
"openoutpaint/colorbrush-brushblur",
"brushBlur", "brushBlur",
"Brush Blur", "Brush Blur",
{ {

28
js/ui/tool/dream.js
View file

@ -1649,6 +1649,7 @@ const dreamTool = () =>
// Cursor Size Slider // Cursor Size Slider
const cursorSizeSlider = _toolbar_input.slider( const cursorSizeSlider = _toolbar_input.slider(
state, state,
"openoutpaint/dream-cursorsize",
"cursorSize", "cursorSize",
"Cursor Size", "Cursor Size",
{ {
@ -1681,6 +1682,7 @@ const dreamTool = () =>
// Snap to Grid Checkbox // Snap to Grid Checkbox
state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox( state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/dream-snaptogrid",
"snapToGrid", "snapToGrid",
"Snap To Grid", "Snap To Grid",
"icon-grid" "icon-grid"
@ -1689,6 +1691,7 @@ const dreamTool = () =>
// Invert Mask Checkbox // Invert Mask Checkbox
state.ctxmenu.invertMaskLabel = _toolbar_input.checkbox( state.ctxmenu.invertMaskLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/dream-invertmask",
"invertMask", "invertMask",
"Invert Mask", "Invert Mask",
["icon-venetian-mask", "invert-mask-checkbox"], ["icon-venetian-mask", "invert-mask-checkbox"],
@ -1700,6 +1703,7 @@ const dreamTool = () =>
// Keep Masked Content Checkbox // Keep Masked Content Checkbox
state.ctxmenu.keepUnmaskedLabel = _toolbar_input.checkbox( state.ctxmenu.keepUnmaskedLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/dream-keepunmasked",
"keepUnmasked", "keepUnmasked",
"Keep Unmasked", "Keep Unmasked",
"icon-pin", "icon-pin",
@ -1723,6 +1727,7 @@ const dreamTool = () =>
// Keep Masked Content Blur Slider // Keep Masked Content Blur Slider
state.ctxmenu.keepUnmaskedBlurSlider = _toolbar_input.slider( state.ctxmenu.keepUnmaskedBlurSlider = _toolbar_input.slider(
state, state,
"openoutpaint/dream-keepunmaskedblur",
"keepUnmaskedBlur", "keepUnmaskedBlur",
"Keep Unmasked Blur", "Keep Unmasked Blur",
{ {
@ -1742,6 +1747,7 @@ const dreamTool = () =>
// outpaint fill type select list // outpaint fill type select list
state.ctxmenu.outpaintTypeSelect = _toolbar_input.selectlist( state.ctxmenu.outpaintTypeSelect = _toolbar_input.selectlist(
state, state,
"openoutpaint/dream-outpainttype",
"outpainting_fill", "outpainting_fill",
"Outpaint Type", "Outpaint Type",
{ {
@ -1759,6 +1765,7 @@ const dreamTool = () =>
// Preserve Brushed Masks Checkbox // Preserve Brushed Masks Checkbox
state.ctxmenu.preserveMasksLabel = _toolbar_input.checkbox( state.ctxmenu.preserveMasksLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/dream-preservemasks",
"preserveMasks", "preserveMasks",
"Preserve Brushed Masks", "Preserve Brushed Masks",
"icon-paintbrush" "icon-paintbrush"
@ -1767,6 +1774,7 @@ const dreamTool = () =>
// Remove Identical/Background Pixels Checkbox // Remove Identical/Background Pixels Checkbox
state.ctxmenu.removeBackgroundLabel = _toolbar_input.checkbox( state.ctxmenu.removeBackgroundLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/dream-removebg",
"removeBackground", "removeBackground",
"Remove Identical/BG Pixels", "Remove Identical/BG Pixels",
"icon-slice", "icon-slice",
@ -1784,6 +1792,7 @@ const dreamTool = () =>
// Overmasking Slider // Overmasking Slider
state.ctxmenu.overMaskPxLabel = _toolbar_input.slider( state.ctxmenu.overMaskPxLabel = _toolbar_input.slider(
state, state,
"openoutpaint/dream-overmaskpx",
"overMaskPx", "overMaskPx",
"Overmask px", "Overmask px",
{ {
@ -1797,6 +1806,7 @@ const dreamTool = () =>
// Eager generation Slider // Eager generation Slider
state.ctxmenu.eagerGenerateCountLabel = _toolbar_input.slider( state.ctxmenu.eagerGenerateCountLabel = _toolbar_input.slider(
state, state,
"openoutpaint/dream-eagergeneratecount",
"eagerGenerateCount", "eagerGenerateCount",
"Generate-ahead count", "Generate-ahead count",
{ {
@ -1809,6 +1819,7 @@ const dreamTool = () =>
// bg carve blur // bg carve blur
state.ctxmenu.carveBlurLabel = _toolbar_input.slider( state.ctxmenu.carveBlurLabel = _toolbar_input.slider(
state, state,
"openoutpaint/dream-carveblur",
"carve_blur", "carve_blur",
"BG Remove Blur", "BG Remove Blur",
{ {
@ -1822,6 +1833,7 @@ const dreamTool = () =>
// bg carve threshold // bg carve threshold
state.ctxmenu.carveThresholdLabel = _toolbar_input.slider( state.ctxmenu.carveThresholdLabel = _toolbar_input.slider(
state, state,
"openoutpaint/dream-carvethreshold",
"carve_threshold", "carve_threshold",
"BG Remove Threshold", "BG Remove Threshold",
{ {
@ -2246,6 +2258,7 @@ const img2imgTool = () =>
// Cursor Size Slider // Cursor Size Slider
const cursorSizeSlider = _toolbar_input.slider( const cursorSizeSlider = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-cursorsize",
"cursorSize", "cursorSize",
"Cursor Size", "Cursor Size",
{ {
@ -2275,6 +2288,7 @@ const img2imgTool = () =>
// Snap To Grid Checkbox // Snap To Grid Checkbox
state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox( state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-snaptogrid",
"snapToGrid", "snapToGrid",
"Snap To Grid", "Snap To Grid",
"icon-grid" "icon-grid"
@ -2283,6 +2297,7 @@ const img2imgTool = () =>
// Invert Mask Checkbox // Invert Mask Checkbox
state.ctxmenu.invertMaskLabel = _toolbar_input.checkbox( state.ctxmenu.invertMaskLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-invertmask",
"invertMask", "invertMask",
"Invert Mask", "Invert Mask",
["icon-venetian-mask", "invert-mask-checkbox"], ["icon-venetian-mask", "invert-mask-checkbox"],
@ -2294,6 +2309,7 @@ const img2imgTool = () =>
// Keep Masked Content Checkbox // Keep Masked Content Checkbox
state.ctxmenu.keepUnmaskedLabel = _toolbar_input.checkbox( state.ctxmenu.keepUnmaskedLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-keepunmasked",
"keepUnmasked", "keepUnmasked",
"Keep Unmasked", "Keep Unmasked",
"icon-pin", "icon-pin",
@ -2317,6 +2333,7 @@ const img2imgTool = () =>
// Keep Masked Content Blur Slider // Keep Masked Content Blur Slider
state.ctxmenu.keepUnmaskedBlurSlider = _toolbar_input.slider( state.ctxmenu.keepUnmaskedBlurSlider = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-unmaskedblur",
"keepUnmaskedBlur", "keepUnmaskedBlur",
"Keep Unmasked Blur", "Keep Unmasked Blur",
{ {
@ -2336,6 +2353,7 @@ const img2imgTool = () =>
// Preserve Brushed Masks Checkbox // Preserve Brushed Masks Checkbox
state.ctxmenu.preserveMasksLabel = _toolbar_input.checkbox( state.ctxmenu.preserveMasksLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-preservemasks",
"preserveMasks", "preserveMasks",
"Preserve Brushed Masks", "Preserve Brushed Masks",
"icon-paintbrush" "icon-paintbrush"
@ -2344,6 +2362,7 @@ const img2imgTool = () =>
// Inpaint Full Resolution Checkbox // Inpaint Full Resolution Checkbox
state.ctxmenu.fullResolutionLabel = _toolbar_input.checkbox( state.ctxmenu.fullResolutionLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-fullresolution",
"fullResolution", "fullResolution",
"Inpaint Full Resolution", "Inpaint Full Resolution",
"icon-expand" "icon-expand"
@ -2352,6 +2371,7 @@ const img2imgTool = () =>
// Denoising Strength Slider // Denoising Strength Slider
state.ctxmenu.denoisingStrengthSlider = _toolbar_input.slider( state.ctxmenu.denoisingStrengthSlider = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-denoisingstrength",
"denoisingStrength", "denoisingStrength",
"Denoising Strength", "Denoising Strength",
{ {
@ -2365,6 +2385,7 @@ const img2imgTool = () =>
// Border Mask Gradient Checkbox // Border Mask Gradient Checkbox
state.ctxmenu.borderMaskGradientCheckbox = _toolbar_input.checkbox( state.ctxmenu.borderMaskGradientCheckbox = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-gradient",
"gradient", "gradient",
"Border Mask Gradient", "Border Mask Gradient",
"icon-box-select" "icon-box-select"
@ -2373,6 +2394,7 @@ const img2imgTool = () =>
// Remove Identical/Background Pixels Checkbox // Remove Identical/Background Pixels Checkbox
state.ctxmenu.removeBackgroundLabel = _toolbar_input.checkbox( state.ctxmenu.removeBackgroundLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/img2img-removebg",
"removeBackground", "removeBackground",
"Remove Identical/BG Pixels", "Remove Identical/BG Pixels",
"icon-slice", "icon-slice",
@ -2390,6 +2412,7 @@ const img2imgTool = () =>
// Border Mask Size Slider // Border Mask Size Slider
state.ctxmenu.borderMaskSlider = _toolbar_input.slider( state.ctxmenu.borderMaskSlider = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-keepbordersize",
"keepBorderSize", "keepBorderSize",
"Keep Border Size", "Keep Border Size",
{ {
@ -2403,6 +2426,7 @@ const img2imgTool = () =>
// inpaint fill type select list // inpaint fill type select list
state.ctxmenu.inpaintTypeSelect = _toolbar_input.selectlist( state.ctxmenu.inpaintTypeSelect = _toolbar_input.selectlist(
state, state,
"openoutpaint/img2img-inpaintingtype",
"inpainting_fill", "inpainting_fill",
"Inpaint Type", "Inpaint Type",
{ {
@ -2420,6 +2444,7 @@ const img2imgTool = () =>
// Eager generation Slider // Eager generation Slider
state.ctxmenu.eagerGenerateCountLabel = _toolbar_input.slider( state.ctxmenu.eagerGenerateCountLabel = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-eagergeneratecount",
"eagerGenerateCount", "eagerGenerateCount",
"Generate-ahead count", "Generate-ahead count",
{ {
@ -2433,6 +2458,7 @@ const img2imgTool = () =>
// img cfg scale slider for instruct-pix2pix // img cfg scale slider for instruct-pix2pix
state.ctxmenu.instructPix2PixImgCfgLabel = _toolbar_input.slider( state.ctxmenu.instructPix2PixImgCfgLabel = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-ip2pcfg",
"image_cfg_scale", "image_cfg_scale",
"iP2P Image CFG Scale", "iP2P Image CFG Scale",
{ {
@ -2449,6 +2475,7 @@ const img2imgTool = () =>
// bg carve blur // bg carve blur
state.ctxmenu.carveBlurLabel = _toolbar_input.slider( state.ctxmenu.carveBlurLabel = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-carveblur",
"carve_blur", "carve_blur",
"BG Remove Blur", "BG Remove Blur",
{ {
@ -2463,6 +2490,7 @@ const img2imgTool = () =>
// bg carve threshold // bg carve threshold
state.ctxmenu.carveThresholdLabel = _toolbar_input.slider( state.ctxmenu.carveThresholdLabel = _toolbar_input.slider(
state, state,
"openoutpaint/img2img-carvethreshold",
"carve_threshold", "carve_threshold",
"BG Remove Threshold", "BG Remove Threshold",
{ {

2
js/ui/tool/interrogate.js
View file

@ -80,6 +80,7 @@ const interrogateTool = () =>
// Cursor Size Slider // Cursor Size Slider
const cursorSizeSlider = _toolbar_input.slider( const cursorSizeSlider = _toolbar_input.slider(
state, state,
"openoutpaint/interrogate-cursorsize",
"cursorSize", "cursorSize",
"Cursor Size", "Cursor Size",
{ {
@ -96,6 +97,7 @@ const interrogateTool = () =>
// Snap to Grid Checkbox // Snap to Grid Checkbox
state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox( state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/interrogate-snaptogrid",
"snapToGrid", "snapToGrid",
"Snap To Grid", "Snap To Grid",
"icon-grid" "icon-grid"

3
js/ui/tool/maskbrush.js
View file

@ -186,6 +186,7 @@ const maskBrushTool = () =>
// Brush size slider // Brush size slider
const brushSizeSlider = _toolbar_input.slider( const brushSizeSlider = _toolbar_input.slider(
state, state,
"openoutpaint/maskbrush-brushsize",
"brushSize", "brushSize",
"Brush Size", "Brush Size",
{ {
@ -206,6 +207,7 @@ const maskBrushTool = () =>
// Brush opacity slider // Brush opacity slider
const brushOpacitySlider = _toolbar_input.slider( const brushOpacitySlider = _toolbar_input.slider(
state, state,
"openoutpaint/maskbrush-brushopacity",
"brushOpacity", "brushOpacity",
"Brush Opacity", "Brush Opacity",
{ {
@ -220,6 +222,7 @@ const maskBrushTool = () =>
// Brush blur slider // Brush blur slider
const brushBlurSlider = _toolbar_input.slider( const brushBlurSlider = _toolbar_input.slider(
state, state,
"openoutpaint/maskbrush-brushblur",
"brushBlur", "brushBlur",
"Brush Blur", "Brush Blur",
{ {

4
js/ui/tool/select.js
View file

@ -652,6 +652,7 @@ const selectTransformTool = () =>
// Snap To Grid Checkbox // Snap To Grid Checkbox
state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox( state.ctxmenu.snapToGridLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/select-snaptogrid",
"snapToGrid", "snapToGrid",
"Snap To Grid", "Snap To Grid",
"icon-grid" "icon-grid"
@ -660,6 +661,7 @@ const selectTransformTool = () =>
// Keep Aspect Ratio // Keep Aspect Ratio
state.ctxmenu.keepAspectRatioLabel = _toolbar_input.checkbox( state.ctxmenu.keepAspectRatioLabel = _toolbar_input.checkbox(
state, state,
"openoutpaint/select-keepaspectratio",
"keepAspectRatio", "keepAspectRatio",
"Keep Aspect Ratio", "Keep Aspect Ratio",
"icon-maximize" "icon-maximize"
@ -668,6 +670,7 @@ const selectTransformTool = () =>
// Use Clipboard // Use Clipboard
const clipboardCheckbox = _toolbar_input.checkbox( const clipboardCheckbox = _toolbar_input.checkbox(
state, state,
"openoutpaint/select-useclipboard",
"useClipboard", "useClipboard",
"Use clipboard", "Use clipboard",
"icon-clipboard-list" "icon-clipboard-list"
@ -679,6 +682,7 @@ const selectTransformTool = () =>
// Selection Peek Opacity // Selection Peek Opacity
state.ctxmenu.selectionPeekOpacitySlider = _toolbar_input.slider( state.ctxmenu.selectionPeekOpacitySlider = _toolbar_input.slider(
state, state,
"openoutpaint/select-peekopacity",
"selectionPeekOpacity", "selectionPeekOpacity",
"Peek Opacity", "Peek Opacity",
{ {

19
js/ui/tool/stamp.js
View file

@ -508,6 +508,7 @@ const stampTool = () =>
array.appendChild( array.appendChild(
_toolbar_input.checkbox( _toolbar_input.checkbox(
state, state,
"openoutpaint/stamp-snaptogrid",
"snapToGrid", "snapToGrid",
"Snap To Grid", "Snap To Grid",
"icon-grid" "icon-grid"
@ -539,12 +540,18 @@ const stampTool = () =>
state.ctxmenu.buttonArray = array; state.ctxmenu.buttonArray = array;
// Scale Slider // Scale Slider
const scaleSlider = _toolbar_input.slider(state, "scale", "Scale", { const scaleSlider = _toolbar_input.slider(
min: 0.01, state,
max: 10, null,
step: 0.1, "scale",
textStep: 0.001, "Scale",
}); {
min: 0.01,
max: 10,
step: 0.1,
textStep: 0.001,
}
);
state.ctxmenu.scaleSlider = scaleSlider.slider; state.ctxmenu.scaleSlider = scaleSlider.slider;
state.setScale = scaleSlider.setValue; state.setScale = scaleSlider.setValue;