@lancom/shared 0.0.312 → 0.0.314

package/assets/js/models/product-layers.js

@@ -53,6 +53,7 @@ export class TextLayer extends Layer {
   stroke = 'rgb(255, 255, 255)';
   enableOutline = false;
   strokeWidth = 1;
+  charSpacing = 0;
   paintFirst = 'stroke'; // stroke behind fill
 
   constructor(type, colorId, top, left, isEditMode) {

package/components/editor/editor_layers/editor_layer_forms/editor_layer_form_text/editor-layer-form-text.vue

@@ -96,6 +96,30 @@
               </i>
             </div>
           </div>
+          <div class="form-row--cols low-dense">
+            <div class="form-col col-half">
+              <label
+                for="fontSize"
+                class="form-label">
+                Letter Spacing
+              </label>
+              <i
+                class="icon-minus form-icon-left  EditorLayerFormText__field-action"
+                @click="decreaseCharSpacing">
+              </i>
+              <input
+                id="charSpacing"
+                ref="charSpacing"
+                v-model.number="charSpacing"
+                name="charSpacing"
+                type="text"
+                class="form-field icon-inside-lr filled centered labelless" />
+              <i
+                class="icon-plus form-icon-right EditorLayerFormText__field-action"
+                @click="increaseCharSpacing">
+              </i>
+            </div>
+          </div>
           <div class="form-row--cols low-dense">
             <div class="form-col col-half">
               <label class="form-label EditorLayerFormText__label-with-checkbox">
@@ -197,6 +221,16 @@ export default {
         this.$refs.fontSize.value = value;
       }
     },
+    charSpacing: {
+      get() {
+        return this.layer.charSpacing || 0;
+      },
+      set(value) {
+        value = inRange(value || 0, -300, 300);
+        this.$emit('set-layer-field', { field: 'charSpacing', value });
+        this.$refs.charSpacing.value = value;
+      }
+    },
     strokeWidth: {
       get() {
         return this.layer.strokeWidth;
@@ -224,6 +258,12 @@ export default {
     decreaseFontSize() {
       this.fontSize -= 1;
     },
+    increaseCharSpacing() {
+      this.charSpacing += 1;
+    },
+    decreaseCharSpacing() {
+      this.charSpacing -= 1;
+    },
     increaseStrokeWidth() {
       this.strokeWidth += 1;
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.312",
+  "version": "0.0.314",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {