@jinntec/fore 2.1.1 → 2.3.0

package/src/actions/fx-setvalue.js

@@ -1,8 +1,8 @@
 // import { FxAction } from './fx-action.js';
 import '../fx-model.js';
-import {AbstractAction} from './abstract-action.js';
-import {evaluateXPath} from '../xpath-evaluation.js';
-import {Fore} from '../fore.js';
+import { AbstractAction } from './abstract-action.js';
+import { evaluateXPath } from '../xpath-evaluation.js';
+import { Fore } from '../fore.js';
 
 /**
  * `fx-setvalue`
@@ -10,98 +10,102 @@ import {Fore} from '../fore.js';
  * @customElement
  */
 export default class FxSetvalue extends AbstractAction {
-    static get properties() {
-        return {
-            ...super.properties,
-            ref: {
-                type: String,
-            },
-            valueAttr: {
-                type: String,
-            },
-        };
-    }
+  static get properties() {
+    return {
+      ...super.properties,
+      ref: {
+        type: String,
+      },
+      valueAttr: {
+        type: String,
+      },
+    };
+  }
 
-    constructor() {
-        super();
-        this.ref = '';
-        this.valueAttr = '';
-    }
+  constructor() {
+    super();
+    this.ref = '';
+    this.valueAttr = '';
+  }
 
-    connectedCallback() {
-        if (super.connectedCallback) {
-            super.connectedCallback();
-        }
-
-        if (this.hasAttribute('ref')) {
-            this.ref = this.getAttribute('ref');
-        } else {
-            throw new Error('fx-setvalue must specify a "ref" attribute');
-        }
-        this.valueAttr = this.getAttribute('value');
+  connectedCallback() {
+    if (super.connectedCallback) {
+      super.connectedCallback();
     }
 
-    async perform() {
-        super.perform();
-        let {value} = this;
-        if (this.valueAttr !== null) {
-            [value] = evaluateXPath(this.valueAttr, this.nodeset, this, this.detail);
-        } else if (this.textContent !== '') {
-            value = this.textContent;
-        } else {
-            value = '';
-        }
-        if (value?.nodeType && value.nodeType === Node.ATTRIBUTE_NODE) {
-            value = value.nodeValue;
-        }
-        const mi = this.getModelItem();
-        this.setValue(mi, value);
-        // todo: check this again - logically needsUpate should be set but makes tests fail
-        //  this.needsUpdate = true;
+    if (this.hasAttribute('ref')) {
+      this.ref = this.getAttribute('ref');
+    } else {
+      throw new Error('fx-setvalue must specify a "ref" attribute');
+    }
+    this.valueAttr = this.getAttribute('value');
+  }
 
+  async perform() {
+    super.perform();
+    let { value } = this;
+    if (this.valueAttr !== null) {
+      [value] = evaluateXPath(this.valueAttr, this.nodeset, this, this.detail);
+    } else if (this.textContent !== '') {
+      value = this.textContent;
+    } else {
+      value = '';
     }
+    if (value?.nodeType && value.nodeType === Node.ATTRIBUTE_NODE) {
+      value = value.nodeValue;
+    }
+    const mi = this.getModelItem();
+    this.setValue(mi, value);
+    // todo: check this again - logically needsUpate should be set but makes tests fail
+    //  this.needsUpdate = true;
+  }
 
-    /**
-     * need to overwrite default dispatchExecute to do it ourselves. This is necessary for tracking control value changes
-     * which call setvalue directly without perform().
-     */
-    dispatchExecute() {}
+  /**
+   * need to overwrite default dispatchExecute to do it ourselves. This is necessary for tracking control value changes
+   * which call setvalue directly without perform().
+   */
+  dispatchExecute() {}
 
-    setValue(modelItem, newVal) {
-        const item = modelItem;
-        if (!item) return;
+  setValue(modelItem, newVal) {
+    const item = modelItem;
+    if (!item) return;
 
-        if (item.value !== newVal) {
-            // const path = XPathUtil.getPath(modelItem.node);
-            const path = Fore.getDomNodeIndexString(modelItem.node)
+    if (item.value !== newVal) {
+      // const path = XPathUtil.getPath(modelItem.node);
+      const path = Fore.getDomNodeIndexString(modelItem.node);
 
-            const ev = this.event;
-            const targetElem = this;
-            this.dispatchEvent(
-                new CustomEvent('execute-action', {
-                    composed: true,
-                    bubbles: true,
-                    cancelable:true,
-                    detail: { action: targetElem, event:ev, value:newVal, path:path},
-                }),
-            );
+      const ev = this.event;
+      const targetElem = this;
+      this.dispatchEvent(
+        new CustomEvent('execute-action', {
+          composed: true,
+          bubbles: true,
+          cancelable: true,
+          detail: {
+            action: targetElem,
+            event: ev,
+            value: newVal,
+            path,
+          },
+        }),
+      );
 
-            if(newVal?.nodeType){
-                if(newVal.nodeType === Node.ELEMENT_NODE){
-                    item.value = newVal.textContent;
-                }
-                if(newVal.nodeType === Node.ATTRIBUTE_NODE){
-                    item.value = newVal.getValue()
-                }
-            }else{
-                item.value = newVal;
-            }
-            this.getModel().changed.push(modelItem);
-            this.needsUpdate = true;
+      if (newVal?.nodeType) {
+        if (newVal.nodeType === Node.ELEMENT_NODE) {
+          item.value = newVal.textContent;
+        }
+        if (newVal.nodeType === Node.ATTRIBUTE_NODE) {
+          item.value = newVal.getValue();
         }
+      } else {
+        item.value = newVal;
+      }
+      this.getModel().changed.push(modelItem);
+      this.needsUpdate = true;
     }
+  }
 }
 
 if (!customElements.get('fx-setvalue')) {
-    window.customElements.define('fx-setvalue', FxSetvalue);
+  window.customElements.define('fx-setvalue', FxSetvalue);
 }

package/src/actions/fx-show.js

@@ -12,7 +12,7 @@ import { resolveId } from '../xpath-evaluation.js';
 export class FxShow extends FxAction {
   connectedCallback() {
     if (super.connectedCallback) {
-    super.connectedCallback();
+      super.connectedCallback();
     }
     this.dialog = this.getAttribute('dialog');
     if (!this.dialog) {
@@ -22,20 +22,20 @@ export class FxShow extends FxAction {
 
   async perform() {
     this.dispatchEvent(
-        new CustomEvent('execute-action', {
-          composed: true,
-          bubbles: true,
-          cancelable:true,
-          detail: { action: this, event:this.event},
-        }),
+      new CustomEvent('execute-action', {
+        composed: true,
+        bubbles: true,
+        cancelable: true,
+        detail: { action: this, event: this.event },
+      }),
     );
 
-    const targetDlg = resolveId(this.dialog,this);
-    if(!targetDlg){
-      console.error('target dialog with given id does not exist',this.dialog);
+    const targetDlg = resolveId(this.dialog, this);
+    if (!targetDlg) {
+      console.error('target dialog with given id does not exist', this.dialog);
     }
     targetDlg.open();
-    Fore.dispatch(targetDlg,'dialog-shown',{});
+    Fore.dispatch(targetDlg, 'dialog-shown', {});
   }
 }
 

package/src/actions/fx-toggle.js

@@ -1,5 +1,5 @@
 import { AbstractAction } from './abstract-action.js';
-import {Fore} from "../fore";
+import { Fore } from '../fore';
 
 /**
  * `fx-toggle`
@@ -25,7 +25,7 @@ class FxToggle extends AbstractAction {
       const ownerForm = this.getOwnerForm();
       // todo: id resolution!!!
       const caseElement = ownerForm.querySelector(`#${this.case}`);
-      if(!caseElement){
+      if (!caseElement) {
         Fore.dispatch(this, 'error', { message: `fx-case id not found: ${this.case}` });
         return;
       }

package/src/actions/fx-toggleboolean.js

@@ -1,8 +1,8 @@
 // import { FxAction } from './fx-action.js';
 import '../fx-model.js';
-import {AbstractAction} from './abstract-action.js';
-import {evaluateXPath} from '../xpath-evaluation.js';
-import {Fore} from '../fore.js';
+import { AbstractAction } from './abstract-action.js';
+import { evaluateXPath } from '../xpath-evaluation.js';
+import { Fore } from '../fore.js';
 
 /**
  * `fx-setvalue`
@@ -10,49 +10,48 @@ import {Fore} from '../fore.js';
  * @customElement
  */
 export default class FxToggleboolean extends AbstractAction {
-    static get properties() {
-        return {
-            ...super.properties,
-            ref: {
-                type: String,
-            },
-            valueAttr: {
-                type: String,
-            },
-            value:{
-                type: Boolean
-            }
-        };
-    }
-
-    constructor() {
-        super();
-        this.ref = '';
-        this.valueAttr = '';
-        this.value = false;
-    }
+  static get properties() {
+    return {
+      ...super.properties,
+      ref: {
+        type: String,
+      },
+      valueAttr: {
+        type: String,
+      },
+      value: {
+        type: Boolean,
+      },
+    };
+  }
 
-    connectedCallback() {
-        if (super.connectedCallback) {
-            super.connectedCallback();
-        }
+  constructor() {
+    super();
+    this.ref = '';
+    this.valueAttr = '';
+    this.value = false;
+  }
 
-        if (this.hasAttribute('ref')) {
-            this.ref = this.getAttribute('ref');
-        } else {
-            throw new Error('fx-togglealue must specify a "ref" attribute');
-        }
+  connectedCallback() {
+    if (super.connectedCallback) {
+      super.connectedCallback();
     }
 
-    async perform() {
-        super.perform();
-        const mi = this.getModelItem();
-        mi.value === 'true' ? mi.node.textContent='false' : mi.node.textContent='true';
-        this.needsUpdate = true;
+    if (this.hasAttribute('ref')) {
+      this.ref = this.getAttribute('ref');
+    } else {
+      throw new Error('fx-togglealue must specify a "ref" attribute');
     }
+  }
 
+  async perform() {
+    super.perform();
+    const mi = this.getModelItem();
+    mi.value === 'true' ? (mi.node.textContent = 'false') : (mi.node.textContent = 'true');
+    this.needsUpdate = true;
+  }
 }
 
 if (!customElements.get('fx-toggleboolean')) {
-    window.customElements.define('fx-toggleboolean', FxToggleboolean);
+  window.customElements.define('fx-toggleboolean', FxToggleboolean);
 }

package/src/actions/fx-unmodified.js

@@ -0,0 +1,27 @@
+import { AbstractAction } from './abstract-action.js';
+
+/**
+ * `fx-unmodified` Action to reset the 'modified' state of Fore. A Fore page is considered
+ * modified when a 'value-changed' event has occurred. If the respective Fore element uses
+ * `show-confirmation="true"` it will display a page exit confirmation in case the data
+ * are modified. The `fx-unmodified` action allows to return to 'clean' state again avoiding
+ * the dialog box after data have been saved and are considered unmodified again.
+ *
+ * Typically this action could be called on a `submit-done` event of a submission.
+ *
+ *
+ * @customElement
+ */
+export default class FxUnmodified extends AbstractAction {
+  constructor() {
+    super();
+  }
+
+  async perform() {
+    this.getOwnerForm().markAsClean();
+  }
+}
+
+if (!customElements.get('fx-unmodified')) {
+  window.customElements.define('fx-unmodified', FxUnmodified);
+}

package/src/actions/fx-update.js

@@ -9,12 +9,12 @@ import { AbstractAction } from './abstract-action.js';
 class FxUpdate extends AbstractAction {
   async perform() {
     this.dispatchEvent(
-        new CustomEvent('execute-action', {
-          composed: true,
-          bubbles: true,
-          cancelable:true,
-          detail: { action: this, event:this.event},
-        }),
+      new CustomEvent('execute-action', {
+        composed: true,
+        bubbles: true,
+        cancelable: true,
+        detail: { action: this, event: this.event },
+      }),
     );
 
     this.getModel().updateModel();

package/src/dep_graph.js

@@ -50,7 +50,7 @@ Object.setPrototypeOf(DepGraphCycleError, Error);
 function createDFS(edges, leavesOnly, result, circular) {
   const visited = {};
   // eslint-disable-next-line func-names
-  return function(start) {
+  return function (start) {
     // console.log('start ', start);
     if (visited[start]) {
       return;

package/src/drawdown.js

@@ -32,9 +32,7 @@ function markdown(src) {
   }
 
   function blockquote(src) {
-    return src.replace(rx_blockquote, (all, content) =>
-      element('blockquote', blockquote(highlight(content.replace(/^ *> */gm, '')))),
-    );
+    return src.replace(rx_blockquote, (all, content) => element('blockquote', blockquote(highlight(content.replace(/^ *> */gm, '')))));
   }
 
   function list(src) {
@@ -52,10 +50,10 @@ function markdown(src) {
       return `\n${
         ol
           ? `<ol start="${
-              num
-                ? `${ol}">`
-                : `${parseInt(ol, 36) - 9}" style="list-style-type:${low ? 'low' : 'upp'}er-alpha">`
-            }${entry}</ol>`
+            num
+              ? `${ol}">`
+              : `${parseInt(ol, 36) - 9}" style="list-style-type:${low ? 'low' : 'upp'}er-alpha">`
+          }${entry}</ol>`
           : element('ul', entry)
       }`;
     });
@@ -64,24 +62,23 @@ function markdown(src) {
   function highlight(src) {
     return src.replace(
       rx_highlight,
-      (all, _, p1, emp, sub, sup, small, big, p2, content) =>
-        _ +
-        element(
+      (all, _, p1, emp, sub, sup, small, big, p2, content) => _
+        + element(
           emp
             ? p2
               ? 'strong'
               : 'em'
             : sub
-            ? p2
-              ? 's'
-              : 'sub'
-            : sup
-            ? 'sup'
-            : small
-            ? 'small'
-            : big
-            ? 'big'
-            : 'code',
+              ? p2
+                ? 's'
+                : 'sub'
+              : sup
+                ? 'sup'
+                : small
+                  ? 'small'
+                  : big
+                    ? 'big'
+                    : 'code',
           highlight(content),
         ),
     );
@@ -131,16 +128,12 @@ function markdown(src) {
     const sep = table.match(rx_thead)[1];
     return `\n${element(
       'table',
-      table.replace(rx_row, (row, ri) =>
-        row == sep
-          ? ''
-          : element(
-              'tr',
-              row.replace(rx_cell, (all, cell, ci) =>
-                ci ? element(sep && !ri ? 'th' : 'td', unesc(highlight(cell || ''))) : '',
-              ),
-            ),
-      ),
+      table.replace(rx_row, (row, ri) => (row == sep
+        ? ''
+        : element(
+          'tr',
+          row.replace(rx_cell, (all, cell, ci) => (ci ? element(sep && !ri ? 'th' : 'td', unesc(highlight(cell || ''))) : '')),
+        ))),
     )}`;
   });
 

package/src/events.js

@@ -1,23 +1,23 @@
-export function leadingDebounce(caller, func, timeout = 300){
-    let timer;
-    return (...args) => {
-        if (!timer) {
-            func.apply(caller, args);
-        }
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            timer = undefined;
-            return null;
-        }, timeout);
-    };
+export function leadingDebounce(caller, func, timeout = 300) {
+  let timer;
+  return (...args) => {
+    if (!timer) {
+      func.apply(caller, args);
+    }
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      timer = undefined;
+      return null;
+    }, timeout);
+  };
 }
 
 export function debounce(caller, func, timeout = 300) {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            func.apply(caller, args);
-        }, timeout);
-    };
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      func.apply(caller, args);
+    }, timeout);
+  };
 }