Put modified Squire more in line with v2.2.8

This commit is contained in:
the-djmaze 2024-04-17 01:45:51 +02:00
parent e304b1dd26
commit ff80235ee8
2 changed files with 3029 additions and 3684 deletions

View file

@ -133,11 +133,11 @@ class SquireUI
dir: { dir: {
dir_ltr: { dir_ltr: {
html: '⁋', html: '⁋',
cmd: () => squire.bidi('ltr') cmd: () => squire.setTextDirection('ltr')
}, },
dir_rtl: { dir_rtl: {
html: '¶', html: '¶',
cmd: () => squire.bidi('rtl') cmd: () => squire.setTextDirection('rtl')
} }
}, },
colors: { colors: {
@ -237,7 +237,7 @@ class SquireUI
cmd: () => { cmd: () => {
let node = squire.getSelectionClosest('IMG'), let node = squire.getSelectionClosest('IMG'),
src = prompt("Image", node?.src || "https://"); src = prompt("Image", node?.src || "https://");
src?.length ? squire.insertImage(src) : (node && squire.detach(node)); src?.length ? squire.insertImage(src) : node?.remove();
}, },
matches: 'IMG' matches: 'IMG'
}, },
@ -405,9 +405,9 @@ class SquireUI
let changes = actions.changes; let changes = actions.changes;
changes.undo.input.disabled = changes.redo.input.disabled = true; changes.undo.input.disabled = changes.redo.input.disabled = true;
squire.addEventListener('undoStateChange', state => { squire.addEventListener('undoStateChange', e => {
changes.undo.input.disabled = !state.canUndo; changes.undo.input.disabled = !e.detail.canUndo;
changes.redo.input.disabled = !state.canRedo; changes.redo.input.disabled = !e.detail.canRedo;
}); });
actions.font.fontSize.input.selectedIndex = actions.font.fontSize.defaultValueIndex; actions.font.fontSize.input.selectedIndex = actions.font.fontSize.defaultValueIndex;
@ -480,21 +480,21 @@ class SquireUI
squire.addEventListener('pathChange', e => { squire.addEventListener('pathChange', e => {
const squireRoot = squire.getRoot(); const squireRoot = squire.getRoot();
let elm = e.detail.element;
forEachObjectValue(actions, entries => { forEachObjectValue(actions, entries => {
forEachObjectValue(entries, cfg => { forEachObjectValue(entries, cfg => {
// cfg.matches && cfg.input.classList.toggle('active', e.element && e.element.matches(cfg.matches)); // cfg.matches && cfg.input.classList.toggle('active', elm && elm.matches(cfg.matches));
cfg.matches && cfg.input.classList.toggle('active', e.element && e.element.closestWithin(cfg.matches, squireRoot)); cfg.matches && cfg.input.classList.toggle('active', elm && elm.closestWithin(cfg.matches, squireRoot));
}); });
}); });
if (e.element) { if (elm) {
// try to find font-family and/or font-size and set "select" elements' values // try to find font-family and/or font-size and set "select" elements' values
let sizeSelectedIndex = actions.font.fontSize.defaultValueIndex; let sizeSelectedIndex = actions.font.fontSize.defaultValueIndex;
let familySelectedIndex = defaultFontFamilyIndex; let familySelectedIndex = defaultFontFamilyIndex;
let elm = e.element;
let familyFound = false; let familyFound = false;
let sizeFound = false; let sizeFound = false;
do { do {
@ -526,10 +526,10 @@ class SquireUI
}); });
/* /*
squire.addEventListener('cursor', e => { squire.addEventListener('cursor', e => {
console.dir({cursor:e.range}); console.dir({cursor:e.detail.range});
}); });
squire.addEventListener('select', e => { squire.addEventListener('select', e => {
console.dir({select:e.range}); console.dir({select:e.detail.range});
}); });
*/ */
} }

File diff suppressed because it is too large Load diff