saby-customizer 0.0.0-pre.21 → 0.0.0-pre.22

package/features/git-branch.js

@@ -181,7 +181,8 @@ class GitBranchCard extends oom.extends(HTMLElement) {
       placeholder: this.data.branchSubName,
       pattern: '^\\w+[\\w()-]*$',
       validationmessage: 'Латинские буквы, цифры и _()-',
-      onblur: event => this.saveBranchSubName(event)
+      oninput: () => this.oninputBranchSubName(),
+      onblur: () => this.onblurBranchSubName()
     }).dom,
     /** @type {import('@material/mwc-icon-button').IconButton} */// @ts-ignore
     copyBranchButton: oom.mwcIconButton({
@@ -244,9 +245,10 @@ class GitBranchCard extends oom.extends(HTMLElement) {
    */
   set branchSubName(value) {
     this.data.branchSubName = value || this.data.number
-    this.elements.branchSubName.textContent = this.data.branchSubName
-    this.elements.branchSubName.title = this.data.branchSubName
-    this.elements.branchSubNameTextfield.value = this.data.branchSubName
+    oom(this.elements.branchSubName, { innerHTML: '', title: this.data.branchSubName }, this.data.branchSubName)
+    if (this.elements.branchSubNameTextfield.value !== this.data.branchSubName) {
+      this.elements.branchSubNameTextfield.value = this.data.branchSubName
+    }
   }
 
   /** @returns {string} Краткое описание задачи */
@@ -327,14 +329,16 @@ class GitBranchCard extends oom.extends(HTMLElement) {
     this.elements.branchSubNameTextfield.select()
   }
 
-  /**
-   * Сохранение данных о доп. имени ветки при потере фокуса с поля ввода
-   *
-   * @param {{target:import('@material/mwc-textfield').TextField}} event Данные о событи onblur
-   */
-  saveBranchSubName({ target }) {
-    if (target.checkValidity()) {
-      this.branchSubName = target.value
+  /** Сохранение данных о доп. имени ветки при вводе */
+  oninputBranchSubName() {
+    if (this.elements.branchSubNameTextfield.checkValidity()) {
+      this.branchSubName = this.elements.branchSubNameTextfield.value
+    }
+  }
+
+  /** Скрывает поле ввода доп. имени ветки при потере фокуса */
+  onblurBranchSubName() {
+    if (this.elements.branchSubNameTextfield.checkValidity()) {
       this.elements.branchSubName.classList.toggle('hide')
       this.elements.branchSubNameTextfield.classList.toggle('hide')
     }

package/package.json

@@ -9,7 +9,7 @@
   },
   "repository": "github:saby-customizer/saby-customizer.github.io",
   "license": "Unlicense",
-  "version": "0.0.0-pre.21",
+  "version": "0.0.0-pre.22",
   "type": "module",
   "main": "./userscript.js",
   "exports": {