From 0a6cce903efcb857c0cebb5543c7880e2f057212 Mon Sep 17 00:00:00 2001 From: Timo Dittmann Date: Wed, 12 Jan 2022 10:48:34 +0100 Subject: [PATCH] Added text features (#704) * Added letter spacing * Added word spacing * Added textLength * Added lengthAdjust * Added lengthAdjust --- .../ui/__snapshots__/scenario.js.snap | 134 ++++++++++++++++++ cypress/integration/ui/scenario.js | 29 ++++ src/editor/images/letter_spacing.svg | 17 +++ src/editor/images/text_length.svg | 19 +++ src/editor/images/word_spacing.svg | 15 ++ src/editor/locale/lang.af.js | 6 + src/editor/locale/lang.ar.js | 6 + src/editor/locale/lang.az.js | 6 + src/editor/locale/lang.be.js | 6 + src/editor/locale/lang.bg.js | 6 + src/editor/locale/lang.ca.js | 6 + src/editor/locale/lang.cs.js | 6 + src/editor/locale/lang.cy.js | 6 + src/editor/locale/lang.da.js | 6 + src/editor/locale/lang.de.js | 6 + src/editor/locale/lang.el.js | 6 + src/editor/locale/lang.en.js | 6 + src/editor/locale/lang.es.js | 6 + src/editor/locale/lang.et.js | 6 + src/editor/locale/lang.fa.js | 6 + src/editor/locale/lang.fi.js | 6 + src/editor/locale/lang.fr.js | 6 + src/editor/locale/lang.fy.js | 6 + src/editor/locale/lang.ga.js | 6 + src/editor/locale/lang.gl.js | 6 + src/editor/locale/lang.he.js | 6 + src/editor/locale/lang.hi.js | 6 + src/editor/locale/lang.hr.js | 6 + src/editor/locale/lang.hu.js | 6 + src/editor/locale/lang.hy.js | 6 + src/editor/locale/lang.id.js | 6 + src/editor/locale/lang.is.js | 6 + src/editor/locale/lang.it.js | 6 + src/editor/locale/lang.ja.js | 6 + src/editor/locale/lang.ko.js | 6 + src/editor/locale/lang.lt.js | 6 + src/editor/locale/lang.lv.js | 6 + src/editor/locale/lang.mk.js | 6 + src/editor/locale/lang.ms.js | 6 + src/editor/locale/lang.mt.js | 6 + src/editor/locale/lang.nl.js | 6 + src/editor/locale/lang.no.js | 6 + src/editor/locale/lang.pl.js | 6 + src/editor/locale/lang.pt-BR.js | 6 + src/editor/locale/lang.pt-PT.js | 6 + src/editor/locale/lang.ro.js | 6 + src/editor/locale/lang.ru.js | 6 + src/editor/locale/lang.sk.js | 6 + src/editor/locale/lang.sl.js | 6 + src/editor/locale/lang.sq.js | 6 + src/editor/locale/lang.sr.js | 6 + src/editor/locale/lang.sv.js | 6 + src/editor/locale/lang.sw.js | 6 + src/editor/locale/lang.test.js | 6 + src/editor/locale/lang.th.js | 6 + src/editor/locale/lang.tl.js | 6 + src/editor/locale/lang.tr.js | 6 + src/editor/locale/lang.uk.js | 6 + src/editor/locale/lang.vi.js | 6 + src/editor/locale/lang.yi.js | 6 + src/editor/locale/lang.zh-CN.js | 6 + src/editor/locale/lang.zh-HK.js | 6 + src/editor/locale/lang.zh-TW.js | 6 + src/editor/panels/TopPanel.html | 16 +++ src/editor/panels/TopPanel.js | 36 +++++ src/svgcanvas/elem-get-set.js | 64 +++++++++ src/svgcanvas/sanitize.js | 2 +- src/svgcanvas/svgcanvas.js | 4 + 68 files changed, 683 insertions(+), 1 deletion(-) create mode 100644 src/editor/images/letter_spacing.svg create mode 100644 src/editor/images/text_length.svg create mode 100644 src/editor/images/word_spacing.svg diff --git a/cypress/integration/ui/__snapshots__/scenario.js.snap b/cypress/integration/ui/__snapshots__/scenario.js.snap index db0a2bd4..1d90542d 100644 --- a/cypress/integration/ui/__snapshots__/scenario.js.snap +++ b/cypress/integration/ui/__snapshots__/scenario.js.snap @@ -730,3 +730,137 @@ exports[`use various parts of svg-edit > check tool_text_decoration_overline #0` `; + +exports[`use various parts of svg-edit > check tool_letter_spacing #0`] = ` + + + + Layer 1 + + AB + + + + +`; + +exports[`use various parts of svg-edit > check tool_word_spacing #0`] = ` + + + + Layer 1 + + AB + + + + +`; + +exports[`use various parts of svg-edit > check tool_text_length #0`] = ` + + + + Layer 1 + + AB + + + + +`; + +exports[`use various parts of svg-edit > check tool_length_adjust #0`] = ` + + + + Layer 1 + + AB + + + + +`; diff --git a/cypress/integration/ui/scenario.js b/cypress/integration/ui/scenario.js index bb3f424c..b9681c72 100644 --- a/cypress/integration/ui/scenario.js +++ b/cypress/integration/ui/scenario.js @@ -181,4 +181,33 @@ describe('use various parts of svg-edit', function () { .click({ force: true }) testSnapshot() }) + it('check tool_letter_spacing', function () { + cy.get('#svg_1').click({ force: true }) + for (let n = 0; n < 10; n++) { + cy.get('#tool_letter_spacing').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0) + .click({ force: true }) + } + testSnapshot() + }) + it('check tool_word_spacing', function () { + cy.get('#svg_1').click({ force: true }) + for (let n = 0; n < 15; n++) { + cy.get('#tool_word_spacing').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0) + .click({ force: true }) + } + testSnapshot() + }) + it('check tool_text_length', function () { + cy.get('#svg_1').click({ force: true }) + for (let n = 0; n < 20; n++) { + cy.get('#tool_text_length').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0) + .click({ force: true }) + } + testSnapshot() + }) + it('check tool_length_adjust', function () { + cy.get('#svg_1').click({ force: true }) + cy.get('#tool_length_adjust').shadow().find('select').select(1) + testSnapshot() + }) }) diff --git a/src/editor/images/letter_spacing.svg b/src/editor/images/letter_spacing.svg new file mode 100644 index 00000000..410f151c --- /dev/null +++ b/src/editor/images/letter_spacing.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + Layer 1 + + ab + + + + diff --git a/src/editor/images/text_length.svg b/src/editor/images/text_length.svg new file mode 100644 index 00000000..f31e162d --- /dev/null +++ b/src/editor/images/text_length.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + A + + + + + + diff --git a/src/editor/images/word_spacing.svg b/src/editor/images/word_spacing.svg new file mode 100644 index 00000000..e677af5b --- /dev/null +++ b/src/editor/images/word_spacing.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + Layer 1 + A B + + + diff --git a/src/editor/locale/lang.af.js b/src/editor/locale/lang.af.js index a9c084b4..27b5582b 100644 --- a/src/editor/locale/lang.af.js +++ b/src/editor/locale/lang.af.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ar.js b/src/editor/locale/lang.ar.js index 5cae6a49..af649a68 100644 --- a/src/editor/locale/lang.ar.js +++ b/src/editor/locale/lang.ar.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.az.js b/src/editor/locale/lang.az.js index 79262483..2a224b55 100644 --- a/src/editor/locale/lang.az.js +++ b/src/editor/locale/lang.az.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.be.js b/src/editor/locale/lang.be.js index 39ccaa74..1eebe9eb 100644 --- a/src/editor/locale/lang.be.js +++ b/src/editor/locale/lang.be.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.bg.js b/src/editor/locale/lang.bg.js index 12316722..5d7230aa 100644 --- a/src/editor/locale/lang.bg.js +++ b/src/editor/locale/lang.bg.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ca.js b/src/editor/locale/lang.ca.js index a2a489cf..9389cf32 100644 --- a/src/editor/locale/lang.ca.js +++ b/src/editor/locale/lang.ca.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.cs.js b/src/editor/locale/lang.cs.js index eca7726d..dbccbf8b 100644 --- a/src/editor/locale/lang.cs.js +++ b/src/editor/locale/lang.cs.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.cy.js b/src/editor/locale/lang.cy.js index 3b2f2974..8be6fdbe 100644 --- a/src/editor/locale/lang.cy.js +++ b/src/editor/locale/lang.cy.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.da.js b/src/editor/locale/lang.da.js index e3b5bbd1..13499119 100644 --- a/src/editor/locale/lang.da.js +++ b/src/editor/locale/lang.da.js @@ -79,6 +79,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.de.js b/src/editor/locale/lang.de.js index e97e3a86..be8b915f 100644 --- a/src/editor/locale/lang.de.js +++ b/src/editor/locale/lang.de.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Den Text linksbündig ausrichten', text_anchor_middle: 'Den Text zentriert ausrichten', text_anchor_end: 'Den Text rechtsbündig ausrichten', + text_letter_spacing: 'Den Abstand zwischen den Buchstaben anpassen', + text_word_spacing: 'Den Abstand zwischen den Wörtern anpassen', + text_length: 'Die Breite, in dem der Text gezeichnet wird', + text_length_adjust: 'Länge anpassen', + text_length_adjust_spacing: 'Leerzeichen', + text_length_adjust_spacing_and_glyphs: 'Leerzeichen & Buchstaben', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.el.js b/src/editor/locale/lang.el.js index 2bb31742..7561a880 100644 --- a/src/editor/locale/lang.el.js +++ b/src/editor/locale/lang.el.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.en.js b/src/editor/locale/lang.en.js index 7c542285..78b72434 100644 --- a/src/editor/locale/lang.en.js +++ b/src/editor/locale/lang.en.js @@ -81,6 +81,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', r_label: 'r', x_label: 'x', y_label: 'y', diff --git a/src/editor/locale/lang.es.js b/src/editor/locale/lang.es.js index 523dcc5c..a51d9518 100644 --- a/src/editor/locale/lang.es.js +++ b/src/editor/locale/lang.es.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.et.js b/src/editor/locale/lang.et.js index 122cab8d..b563e7d2 100644 --- a/src/editor/locale/lang.et.js +++ b/src/editor/locale/lang.et.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.fa.js b/src/editor/locale/lang.fa.js index ea901618..f5952a2b 100644 --- a/src/editor/locale/lang.fa.js +++ b/src/editor/locale/lang.fa.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.fi.js b/src/editor/locale/lang.fi.js index 7701f6ed..dc54790c 100644 --- a/src/editor/locale/lang.fi.js +++ b/src/editor/locale/lang.fi.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.fr.js b/src/editor/locale/lang.fr.js index 3257aefa..71268996 100644 --- a/src/editor/locale/lang.fr.js +++ b/src/editor/locale/lang.fr.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.fy.js b/src/editor/locale/lang.fy.js index f4b08d24..4f31854d 100644 --- a/src/editor/locale/lang.fy.js +++ b/src/editor/locale/lang.fy.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ga.js b/src/editor/locale/lang.ga.js index acdefb4c..f8ad25f4 100644 --- a/src/editor/locale/lang.ga.js +++ b/src/editor/locale/lang.ga.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.gl.js b/src/editor/locale/lang.gl.js index 1bd5d5e8..92c9da62 100644 --- a/src/editor/locale/lang.gl.js +++ b/src/editor/locale/lang.gl.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.he.js b/src/editor/locale/lang.he.js index c86d25a9..60b36a72 100755 --- a/src/editor/locale/lang.he.js +++ b/src/editor/locale/lang.he.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.hi.js b/src/editor/locale/lang.hi.js index caef85c2..80547e88 100644 --- a/src/editor/locale/lang.hi.js +++ b/src/editor/locale/lang.hi.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.hr.js b/src/editor/locale/lang.hr.js index e2b2fa83..b3012a63 100644 --- a/src/editor/locale/lang.hr.js +++ b/src/editor/locale/lang.hr.js @@ -79,6 +79,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.hu.js b/src/editor/locale/lang.hu.js index c5f5d81d..10cf7549 100644 --- a/src/editor/locale/lang.hu.js +++ b/src/editor/locale/lang.hu.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.hy.js b/src/editor/locale/lang.hy.js index 24847761..32304ac1 100644 --- a/src/editor/locale/lang.hy.js +++ b/src/editor/locale/lang.hy.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.id.js b/src/editor/locale/lang.id.js index 18cec39f..336549a9 100644 --- a/src/editor/locale/lang.id.js +++ b/src/editor/locale/lang.id.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.is.js b/src/editor/locale/lang.is.js index e133739f..a8e97572 100644 --- a/src/editor/locale/lang.is.js +++ b/src/editor/locale/lang.is.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.it.js b/src/editor/locale/lang.it.js index 6f846d2a..208fe5af 100644 --- a/src/editor/locale/lang.it.js +++ b/src/editor/locale/lang.it.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ja.js b/src/editor/locale/lang.ja.js index 4983028a..fbd6e4c9 100644 --- a/src/editor/locale/lang.ja.js +++ b/src/editor/locale/lang.ja.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ko.js b/src/editor/locale/lang.ko.js index af1c90ff..0b4ce306 100644 --- a/src/editor/locale/lang.ko.js +++ b/src/editor/locale/lang.ko.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.lt.js b/src/editor/locale/lang.lt.js index 128f9a0a..6771caa9 100644 --- a/src/editor/locale/lang.lt.js +++ b/src/editor/locale/lang.lt.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.lv.js b/src/editor/locale/lang.lv.js index 4f0d93ab..274af5ad 100644 --- a/src/editor/locale/lang.lv.js +++ b/src/editor/locale/lang.lv.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.mk.js b/src/editor/locale/lang.mk.js index dfe10382..45910f63 100644 --- a/src/editor/locale/lang.mk.js +++ b/src/editor/locale/lang.mk.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ms.js b/src/editor/locale/lang.ms.js index 7431710b..b47b6c48 100644 --- a/src/editor/locale/lang.ms.js +++ b/src/editor/locale/lang.ms.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.mt.js b/src/editor/locale/lang.mt.js index f1f12d8e..2f43dc59 100644 --- a/src/editor/locale/lang.mt.js +++ b/src/editor/locale/lang.mt.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.nl.js b/src/editor/locale/lang.nl.js index cacb9dbe..d6c66600 100644 --- a/src/editor/locale/lang.nl.js +++ b/src/editor/locale/lang.nl.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.no.js b/src/editor/locale/lang.no.js index e956cb42..9d5b6c30 100644 --- a/src/editor/locale/lang.no.js +++ b/src/editor/locale/lang.no.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.pl.js b/src/editor/locale/lang.pl.js index 78b2bb9e..d6bfadd6 100644 --- a/src/editor/locale/lang.pl.js +++ b/src/editor/locale/lang.pl.js @@ -81,6 +81,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.pt-BR.js b/src/editor/locale/lang.pt-BR.js index e7d0511e..f778f626 100644 --- a/src/editor/locale/lang.pt-BR.js +++ b/src/editor/locale/lang.pt-BR.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.pt-PT.js b/src/editor/locale/lang.pt-PT.js index 87a3d00b..ba5d756f 100644 --- a/src/editor/locale/lang.pt-PT.js +++ b/src/editor/locale/lang.pt-PT.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ro.js b/src/editor/locale/lang.ro.js index 0083cad0..79e92a18 100644 --- a/src/editor/locale/lang.ro.js +++ b/src/editor/locale/lang.ro.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.ru.js b/src/editor/locale/lang.ru.js index 820fe60f..c1c98d67 100644 --- a/src/editor/locale/lang.ru.js +++ b/src/editor/locale/lang.ru.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sk.js b/src/editor/locale/lang.sk.js index 6d1916f0..09d413f8 100644 --- a/src/editor/locale/lang.sk.js +++ b/src/editor/locale/lang.sk.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sl.js b/src/editor/locale/lang.sl.js index 63eedcfe..63b33431 100644 --- a/src/editor/locale/lang.sl.js +++ b/src/editor/locale/lang.sl.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sq.js b/src/editor/locale/lang.sq.js index def95fff..36465ff7 100644 --- a/src/editor/locale/lang.sq.js +++ b/src/editor/locale/lang.sq.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sr.js b/src/editor/locale/lang.sr.js index 9ceb0c35..d22c7efb 100644 --- a/src/editor/locale/lang.sr.js +++ b/src/editor/locale/lang.sr.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sv.js b/src/editor/locale/lang.sv.js index 22e76ee0..ea984cdd 100644 --- a/src/editor/locale/lang.sv.js +++ b/src/editor/locale/lang.sv.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.sw.js b/src/editor/locale/lang.sw.js index 64b1748d..5831276c 100644 --- a/src/editor/locale/lang.sw.js +++ b/src/editor/locale/lang.sw.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.test.js b/src/editor/locale/lang.test.js index bd3144fe..2fcedcb5 100644 --- a/src/editor/locale/lang.test.js +++ b/src/editor/locale/lang.test.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.th.js b/src/editor/locale/lang.th.js index 99b946fa..a791b526 100644 --- a/src/editor/locale/lang.th.js +++ b/src/editor/locale/lang.th.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.tl.js b/src/editor/locale/lang.tl.js index 42746dd2..576c6ac6 100644 --- a/src/editor/locale/lang.tl.js +++ b/src/editor/locale/lang.tl.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.tr.js b/src/editor/locale/lang.tr.js index 8b34c4dc..6305a276 100644 --- a/src/editor/locale/lang.tr.js +++ b/src/editor/locale/lang.tr.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.uk.js b/src/editor/locale/lang.uk.js index f7f7d0d9..fdd87480 100644 --- a/src/editor/locale/lang.uk.js +++ b/src/editor/locale/lang.uk.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.vi.js b/src/editor/locale/lang.vi.js index a38951c7..61635f82 100644 --- a/src/editor/locale/lang.vi.js +++ b/src/editor/locale/lang.vi.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.yi.js b/src/editor/locale/lang.yi.js index 02bef593..174c71b9 100644 --- a/src/editor/locale/lang.yi.js +++ b/src/editor/locale/lang.yi.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.zh-CN.js b/src/editor/locale/lang.zh-CN.js index 8b29fdad..1a37b92d 100644 --- a/src/editor/locale/lang.zh-CN.js +++ b/src/editor/locale/lang.zh-CN.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.zh-HK.js b/src/editor/locale/lang.zh-HK.js index 03dd1f63..0cd8b225 100644 --- a/src/editor/locale/lang.zh-HK.js +++ b/src/editor/locale/lang.zh-HK.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/locale/lang.zh-TW.js b/src/editor/locale/lang.zh-TW.js index 74a99ce7..1377349a 100644 --- a/src/editor/locale/lang.zh-TW.js +++ b/src/editor/locale/lang.zh-TW.js @@ -80,6 +80,12 @@ export default { text_anchor_start: 'Align the text in start', text_anchor_middle: 'Align the text in middle', text_anchor_end: 'Align the text in end', + text_letter_spacing: 'Change the letter spacing', + text_word_spacing: 'Change the word spacing', + text_length: 'Lets you specify the width of the space into which the text will draw', + text_length_adjust: 'Length adjust', + text_length_adjust_spacing: 'Spacing', + text_length_adjust_spacing_and_glyphs: 'Spacing & Glyphs', class: 'Element class', serif: 'Serif', sans_serif: 'Sans-serif', diff --git a/src/editor/panels/TopPanel.html b/src/editor/panels/TopPanel.html index 89254031..7b28fa8c 100644 --- a/src/editor/panels/TopPanel.html +++ b/src/editor/panels/TopPanel.html @@ -150,6 +150,22 @@ + + + + + + + + + + + diff --git a/src/editor/panels/TopPanel.js b/src/editor/panels/TopPanel.js index 20a8f7e6..5e703c8e 100644 --- a/src/editor/panels/TopPanel.js +++ b/src/editor/panels/TopPanel.js @@ -358,6 +358,10 @@ class TopPanel { $id('tool_font_family').setAttribute('value', elem.getAttribute('font-family')) $id('tool_text_anchor').setAttribute('value', elem.getAttribute('text-anchor')) $id('font_size').value = elem.getAttribute('font-size') + $id('tool_letter_spacing').value = elem.getAttribute('letter-spacing') ?? 0 + $id('tool_word_spacing').value = elem.getAttribute('word-spacing') ?? 0 + $id('tool_text_length').value = elem.getAttribute('textLength') ?? 0 + $id('tool_length_adjust').value = elem.getAttribute('lengthAdjust') ?? 0 $id('text').value = elem.textContent if (this.editor.svgCanvas.addedNew) { // Timeout needed for IE9 @@ -773,6 +777,34 @@ class TopPanel { return false } + /** + * @type {module} + */ + changeLetterSpacing (e) { + this.editor.svgCanvas.setLetterSpacing(e.target.value) + } + + /** + * @type {module} + */ + changeWordSpacing (e) { + this.editor.svgCanvas.setWordSpacing(e.target.value) + } + + /** + * @type {module} + */ + changeTextLength (e) { + this.editor.svgCanvas.setTextLength(e.target.value) + } + + /** + * @type {module} + */ + changeLengthAdjust (evt) { + this.editor.svgCanvas.setLengthAdjust(evt.detail.value) + } + /** * Set a selected image's URL. * @function module:SVGthis.setImageURL @@ -892,6 +924,10 @@ class TopPanel { $click($id('tool_text_decoration_linethrough'), () => this.clickTextDecoration.bind(this)('line-through')) $click($id('tool_text_decoration_overline'), () => this.clickTextDecoration.bind(this)('overline')) $id('tool_text_anchor').addEventListener('change', (evt) => this.clickTextAnchor.bind(this)(evt)) + $id('tool_letter_spacing').addEventListener('change', this.changeLetterSpacing.bind(this)) + $id('tool_word_spacing').addEventListener('change', this.changeWordSpacing.bind(this)) + $id('tool_text_length').addEventListener('change', this.changeTextLength.bind(this)) + $id('tool_length_adjust').addEventListener('change', (evt) => this.changeLengthAdjust.bind(this)(evt)) $click($id('tool_unlink_use'), this.clickGroup.bind(this)) $id('image_url').addEventListener('change', (evt) => { this.setImageURL(evt.currentTarget.value) }); diff --git a/src/svgcanvas/elem-get-set.js b/src/svgcanvas/elem-get-set.js index 28a9a7ce..4a397d43 100644 --- a/src/svgcanvas/elem-get-set.js +++ b/src/svgcanvas/elem-get-set.js @@ -690,6 +690,70 @@ export const setTextAnchorMethod = (value) => { } } +/** + * @function module:svgcanvas.SvgCanvas#setLetterSpacingMethod Set the new letter spacing + * @param {string} value - The letter spacing value + * @returns {void} + */ +export const setLetterSpacingMethod = (value) => { + const selectedElements = svgCanvas.getSelectedElements() + const selected = selectedElements[0] + if (selected?.tagName === 'text' && !selectedElements[1]) { + svgCanvas.changeSelectedAttribute('letter-spacing', value) + } + if (selectedElements.length > 0 && !selectedElements[0].textContent) { + svgCanvas.textActions.setCursor() + } +} + +/** + * @function module:svgcanvas.SvgCanvas#setWordSpacingMethod Set the new word spacing + * @param {string} value - The word spacing value + * @returns {void} + */ +export const setWordSpacingMethod = (value) => { + const selectedElements = svgCanvas.getSelectedElements() + const selected = selectedElements[0] + if (selected?.tagName === 'text' && !selectedElements[1]) { + svgCanvas.changeSelectedAttribute('word-spacing', value) + } + if (selectedElements.length > 0 && !selectedElements[0].textContent) { + svgCanvas.textActions.setCursor() + } +} + +/** + * @function module:svgcanvas.SvgCanvas#setTextLengthMethod Set the new text length + * @param {string} value - The text length value + * @returns {void} + */ +export const setTextLengthMethod = (value) => { + const selectedElements = svgCanvas.getSelectedElements() + const selected = selectedElements[0] + if (selected?.tagName === 'text' && !selectedElements[1]) { + svgCanvas.changeSelectedAttribute('textLength', value) + } + if (selectedElements.length > 0 && !selectedElements[0].textContent) { + svgCanvas.textActions.setCursor() + } +} + +/** + * @function module:svgcanvas.SvgCanvas#setLengthAdjustMethod Set the new length adjust + * @param {string} value - The length adjust value + * @returns {void} + */ +export const setLengthAdjustMethod = (value) => { + const selectedElements = svgCanvas.getSelectedElements() + const selected = selectedElements[0] + if (selected?.tagName === 'text' && !selectedElements[1]) { + svgCanvas.changeSelectedAttribute('lengthAdjust', value) + } + if (selectedElements.length > 0 && !selectedElements[0].textContent) { + svgCanvas.textActions.setCursor() + } +} + /** * @function module:svgcanvas.SvgCanvas#getFontFamily * @returns {string} The current font family diff --git a/src/svgcanvas/sanitize.js b/src/svgcanvas/sanitize.js index 7b9951d2..bde63da0 100644 --- a/src/svgcanvas/sanitize.js +++ b/src/svgcanvas/sanitize.js @@ -56,7 +56,7 @@ const svgWhiteList_ = { svg: ['clip-path', 'clip-rule', 'enable-background', 'filter', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'systemLanguage', 'version', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'xmlns:oi', 'oi:animations', 'y', 'stroke-linejoin', 'fill-rule', 'aria-label', 'stroke-width', 'fill-rule', 'xml:space'], switch: ['requiredFeatures', 'systemLanguage'], symbol: ['fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'opacity', 'overflow', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'systemLanguage', 'viewBox', 'width', 'height'], - text: ['clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'systemLanguage', 'text-anchor', 'text-decoration', 'x', 'xml:space', 'y'], + text: ['clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'systemLanguage', 'text-anchor', 'letter-spacing', 'word-spacing', 'text-decoration', 'textLength', 'lengthAdjust', 'x', 'xml:space', 'y'], textPath: ['method', 'requiredFeatures', 'spacing', 'startOffset', 'systemLanguage', 'xlink:href'], title: [], tspan: ['clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'systemLanguage', 'text-anchor', 'textLength', 'x', 'xml:space', 'y'], diff --git a/src/svgcanvas/svgcanvas.js b/src/svgcanvas/svgcanvas.js index d67ebe3b..287c5693 100644 --- a/src/svgcanvas/svgcanvas.js +++ b/src/svgcanvas/svgcanvas.js @@ -904,6 +904,10 @@ class SvgCanvas { this.addTextDecoration = elemGetSet.addTextDecorationMethod // Adds the given value to the text decoration this.removeTextDecoration = elemGetSet.removeTextDecorationMethod // Removes the given value from the text decoration this.setTextAnchor = elemGetSet.setTextAnchorMethod // Set the new text anchor. + this.setLetterSpacing = elemGetSet.setLetterSpacingMethod // Set the new letter spacing. + this.setWordSpacing = elemGetSet.setWordSpacingMethod // Set the new word spacing. + this.setTextLength = elemGetSet.setTextLengthMethod // Set the new text length. + this.setLengthAdjust = elemGetSet.setLengthAdjustMethod // Set the new length adjust. this.getFontFamily = elemGetSet.getFontFamilyMethod // The current font family this.setFontFamily = elemGetSet.setFontFamilyMethod // Set the new font family. this.setFontColor = elemGetSet.setFontColorMethod // Set the new font color.