@verdocs/web-sdk 2.3.32 → 2.3.33

package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js

@@ -1,5 +1,6 @@
 import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
 import { h, Host, Fragment } from '@stencil/core';
+import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
 import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
 import { getFieldSettings } from '../../../utils/utils';
 import { SettingsIcon } from '../../../utils/Icons';
@@ -11,15 +12,14 @@ const RadioIconSelected = `<svg focusable="false" aria-hidden="true" viewBox="0
 export class VerdocsFieldRadioButton {
   constructor() {
     this.fieldStore = null;
+    this.roleStore = null;
     this.templateid = '';
     this.fieldname = '';
     this.option = 0;
     this.disabled = false;
     this.done = false;
-    this.roleindex = 0;
     this.editable = false;
     this.moveable = false;
-    this.rerender = 0;
     this.xscale = 1;
     this.yscale = 1;
     this.showingProperties = false;
@@ -38,16 +38,18 @@ export class VerdocsFieldRadioButton {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     const required = field.required;
     const option = settings.options[this.option];
     const id = `${field.name}-${option.id}`;
@@ -170,24 +172,6 @@ export class VerdocsFieldRadioButton {
         "reflect": false,
         "defaultValue": "false"
       },
-      "roleindex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be colored using this index value to select the background color."
-        },
-        "attribute": "roleindex",
-        "reflect": false,
-        "defaultValue": "0"
-      },
       "editable": {
         "type": "boolean",
         "mutable": false,
@@ -224,24 +208,6 @@ export class VerdocsFieldRadioButton {
         "reflect": false,
         "defaultValue": "false"
       },
-      "rerender": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "May be used to force the field to re-render."
-        },
-        "attribute": "rerender",
-        "reflect": false,
-        "defaultValue": "0"
-      },
       "xscale": {
         "type": "number",
         "mutable": false,

package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js

@@ -1,5 +1,6 @@
 import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
 import { h, Host, Fragment } from '@stencil/core';
+import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
 import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
 import { getFieldSettings } from '../../../utils/utils';
 import { SettingsIcon } from '../../../utils/Icons';
@@ -10,6 +11,7 @@ import { SettingsIcon } from '../../../utils/Icons';
 export class VerdocsFieldSignature {
   constructor() {
     this.fieldStore = null;
+    this.roleStore = null;
     this.templateid = '';
     this.fieldname = '';
     this.name = '';
@@ -17,8 +19,6 @@ export class VerdocsFieldSignature {
     this.editable = false;
     this.moveable = false;
     this.done = false;
-    this.roleindex = 0;
-    this.rerender = 0;
     this.xscale = 1;
     this.yscale = 1;
     this.showingProperties = false;
@@ -43,7 +43,7 @@ export class VerdocsFieldSignature {
   handleShow() {
     this.dialog = document.createElement('verdocs-signature-dialog');
     this.dialog.setAttribute('name', this.name);
-    this.dialog.setAttribute('roleindex', this.roleindex);
+    // this.dialog.setAttribute('roleindex', this.roleindex);
     this.dialog.addEventListener('exit', () => this.hideDialog());
     this.dialog.addEventListener('next', e => this.handleAdopt(e));
     document.body.append(this.dialog);
@@ -62,17 +62,19 @@ export class VerdocsFieldSignature {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     const value = settings.base64 || this.tempSignature;
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
       return h(Host, { class: { done: this.done } }, value && h("img", { src: value, alt: "Signature" }));
     }
@@ -228,42 +230,6 @@ export class VerdocsFieldSignature {
         "reflect": false,
         "defaultValue": "false"
       },
-      "roleindex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be colored using this index value to select the background color."
-        },
-        "attribute": "roleindex",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "rerender": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "May be used to force the field to re-render."
-        },
-        "attribute": "rerender",
-        "reflect": false,
-        "defaultValue": "0"
-      },
       "xscale": {
         "type": "number",
         "mutable": false,

package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js

@@ -4,6 +4,7 @@ import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
 import { updateField } from '@verdocs/js-sdk/Templates/Fields';
 import { h, Host, Fragment } from '@stencil/core';
 import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
+import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
 import { getFieldSettings } from '../../../utils/utils';
 import { SettingsIcon } from '../../../utils/Icons';
 /**
@@ -12,6 +13,7 @@ import { SettingsIcon } from '../../../utils/Icons';
 export class VerdocsFieldTextarea {
   constructor() {
     this.fieldStore = null;
+    this.roleStore = null;
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateid = '';
     this.fieldname = '';
@@ -19,10 +21,8 @@ export class VerdocsFieldTextarea {
     this.editable = false;
     this.moveable = false;
     this.done = false;
-    this.roleindex = 0;
     this.xscale = 1;
     this.yscale = 1;
-    this.rerender = 0;
     this.showingProperties = false;
   }
   async focusField() {
@@ -42,6 +42,7 @@ export class VerdocsFieldTextarea {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   componentDidRender() {
     interact.dynamicDrop(true);
@@ -75,6 +76,9 @@ export class VerdocsFieldTextarea {
   }
   handleResizeEnd(e) {
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    if (!field) {
+      return h(Fragment, null);
+    }
     const newSettings = { ...getFieldSettings(field) };
     const [translateX, translateY] = e.target.style.transform.split('(')[1].split(')')[0].split(',').map(parseFloat);
     newSettings.width = Math.round(parseFloat(e.target.style.width) / this.xscale);
@@ -92,13 +96,14 @@ export class VerdocsFieldTextarea {
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
       return h(Host, { class: { done: this.done } }, settings.value);
     }
@@ -257,24 +262,6 @@ export class VerdocsFieldTextarea {
         "reflect": false,
         "defaultValue": "false"
       },
-      "roleindex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be colored using this index value to select the background color."
-        },
-        "attribute": "roleindex",
-        "reflect": false,
-        "defaultValue": "0"
-      },
       "xscale": {
         "type": "number",
         "mutable": false,
@@ -310,24 +297,6 @@ export class VerdocsFieldTextarea {
         "attribute": "yscale",
         "reflect": false,
         "defaultValue": "1"
-      },
-      "rerender": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "May be used to force the field to re-render."
-        },
-        "attribute": "rerender",
-        "reflect": false,
-        "defaultValue": "0"
       }
     };
   }

package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js

@@ -23,7 +23,6 @@ export class VerdocsFieldTextbox {
     this.done = false;
     this.xscale = 1;
     this.yscale = 1;
-    this.rerender = 0;
     this.showingProperties = false;
   }
   async focusField() {
@@ -95,9 +94,9 @@ export class VerdocsFieldTextbox {
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    console.log('Rendering tb', this.fieldname, field);
     const roleIndex = getRoleIndex(this.roleStore, field.role_name);
     const backgroundColor = field['rgba'] || getRGBA(roleIndex);
-    console.log('rendering tb', field.name, roleIndex, backgroundColor);
     if (!field) {
       return h(Fragment, null);
     }
@@ -300,24 +299,6 @@ export class VerdocsFieldTextbox {
         "attribute": "yscale",
         "reflect": false,
         "defaultValue": "1"
-      },
-      "rerender": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "May be used to force the field to re-render."
-        },
-        "attribute": "rerender",
-        "reflect": false,
-        "defaultValue": "0"
       }
     };
   }

package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js

@@ -1,6 +1,7 @@
 import { format } from 'date-fns';
 import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
 import { h, Host, Fragment } from '@stencil/core';
+import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
 import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
 import { getFieldSettings } from '../../../utils/utils';
 import { FORMAT_TIMESTAMP } from '../../../utils/Types';
@@ -11,14 +12,13 @@ import { SettingsIcon } from '../../../utils/Icons';
 export class VerdocsFieldTimestamp {
   constructor() {
     this.fieldStore = null;
+    this.roleStore = null;
     this.templateid = '';
     this.fieldname = '';
     this.disabled = false;
     this.editable = false;
     this.moveable = false;
     this.done = false;
-    this.roleindex = 0;
-    this.rerender = 0;
     this.xscale = 1;
     this.yscale = 1;
     this.showingProperties = false;
@@ -40,16 +40,18 @@ export class VerdocsFieldTimestamp {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     const value = settings.value || new Date().toISOString();
     const dt = new Date(value);
     const formatted = format(dt, FORMAT_TIMESTAMP);
@@ -193,42 +195,6 @@ export class VerdocsFieldTimestamp {
         "reflect": false,
         "defaultValue": "false"
       },
-      "roleindex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be colored using this index value to select the background color."
-        },
-        "attribute": "roleindex",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "rerender": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "May be used to force the field to re-render."
-        },
-        "attribute": "rerender",
-        "reflect": false,
-        "defaultValue": "0"
-      },
       "xscale": {
         "type": "number",
         "mutable": false,

package/dist/components/TemplateRoleStore.js

@@ -0,0 +1,37 @@
+import { c as createStore } from './index4.js';
+
+const templateRoleStores = {};
+const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
+const createTemplateRoleStore = (template) => {
+  let store = getTemplateRoleStore(template.id);
+  if (!store) {
+    console.log('Creating template role store for template', template.id);
+    store = createStore({ roles: [] });
+    templateRoleStores[template.id] = store;
+  }
+  else {
+    console.log('Resetting template role store for template', template.id);
+    store.reset();
+  }
+  store.set('roles', [...template.roles]);
+  return store;
+};
+const updateStoreRole = (store, name, newRoleData) => {
+  const newRoles = [
+    ...store.get('roles').map(role => {
+      if (role.name !== name) {
+        return role;
+      }
+      return { ...role, ...newRoleData };
+    }),
+  ];
+  store.set('roles', newRoles);
+};
+const deleteStoreRole = (store, name) => {
+  const newRoles = [...store.get('roles').filter(field => field.name !== name)];
+  store.set('roles', newRoles);
+};
+const getRoleNames = (store) => store.get('roles').map(role => role.name);
+const getRoleIndex = (store, name) => getRoleNames(store).findIndex(roleName => roleName === name);
+
+export { getRoleIndex as a, getRoleNames as b, createTemplateRoleStore as c, deleteStoreRole as d, getTemplateRoleStore as g, updateStoreRole as u };

package/dist/components/TemplateStore.js

@@ -1,41 +1,8 @@
 import { c as createStore } from './index4.js';
 import { g as getTemplate, b as TemplateSenderTypes } from './VerdocsEndpoint.js';
+import { c as createTemplateRoleStore } from './TemplateRoleStore.js';
 import { a as createTemplateFieldStore } from './TemplateFieldStore.js';
 
-const templateRoleStores = {};
-const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
-const createTemplateRoleStore = (template) => {
-  let store = getTemplateRoleStore(template.id);
-  if (!store) {
-    console.log('Creating template role store for template', template.id);
-    store = createStore({ roles: [] });
-    templateRoleStores[template.id] = store;
-  }
-  else {
-    console.log('Resetting template role store for template', template.id);
-    store.reset();
-  }
-  store.set('roles', [...template.roles]);
-  return store;
-};
-const updateStoreRole = (store, name, newRoleData) => {
-  const newRoles = [
-    ...store.get('roles').map(role => {
-      if (role.name !== name) {
-        return role;
-      }
-      return { ...role, ...newRoleData };
-    }),
-  ];
-  store.set('roles', newRoles);
-};
-const deleteStoreRole = (store, name) => {
-  const newRoles = [...store.get('roles').filter(field => field.name !== name)];
-  store.set('roles', newRoles);
-};
-const getRoleNames = (store) => store.get('roles').map(role => role.name);
-const getRoleIndex = (store, name) => getRoleNames(store).findIndex(roleName => roleName === name);
-
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();
   return createStore({
@@ -117,4 +84,4 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
   return store;
 };
 
-export { getTemplateRoleStore as a, getRoleIndex as b, getRoleNames as c, createTemplateRoleStore as d, deleteStoreRole as e, getTemplateStore as g, updateStoreRole as u };
+export { getTemplateStore as g };

package/dist/components/verdocs-field-attachment.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { g as getRGBA } from './Colors.js';
+import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { g as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
@@ -25,16 +26,15 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.deleted = createEvent(this, "deleted", 7);
     this.attached = createEvent(this, "attached", 7);
     this.fieldStore = null;
+    this.roleStore = null;
     this.templateid = '';
     this.fieldname = '';
     this.disabled = false;
     this.editable = false;
     this.moveable = false;
     this.done = false;
-    this.roleindex = 0;
     this.xscale = 1;
     this.yscale = 1;
-    this.rerender = 0;
     this.showingProperties = false;
   }
   async focusField() {
@@ -66,18 +66,19 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   render() {
     var _a, _b;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     const { url } = settings;
-    console.log('Attachment settings', url, settings);
     return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("span", { innerHTML: url ? AttachedIcon : PaperclipIcon, onClick: () => !disabled && this.handleShow() }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
         e.stopPropagation();
         this.showingProperties = !this.showingProperties;
@@ -99,10 +100,8 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
     "editable": [4],
     "moveable": [4],
     "done": [4],
-    "roleindex": [2],
     "xscale": [2],
     "yscale": [2],
-    "rerender": [2],
     "showingProperties": [32],
     "focusField": [64],
     "showSettingsPanel": [64],

package/dist/components/verdocs-field-checkbox.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { g as getRGBA } from './Colors.js';
+import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { g as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
@@ -21,15 +22,14 @@ const VerdocsFieldCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.settingsChanged = createEvent(this, "settingsChanged", 7);
     this.deleted = createEvent(this, "deleted", 7);
     this.fieldStore = null;
+    this.roleStore = null;
     this.templateid = '';
     this.fieldname = '';
     this.option = 0;
     this.disabled = false;
     this.done = false;
-    this.roleindex = 0;
     this.editable = false;
     this.moveable = false;
-    this.rerender = 0;
     this.xscale = 1;
     this.yscale = 1;
     this.showingProperties = false;
@@ -48,18 +48,19 @@ const VerdocsFieldCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
-    console.log('cwl checkbox', this.templateid, this.fieldStore);
+    this.roleStore = getTemplateRoleStore(this.templateid);
   }
   render() {
     var _a, _b, _c, _d;
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
     if (!field) {
       return h(Fragment, null);
     }
     const settings = getFieldSettings(field);
     const option = (_b = (_a = settings.options) === null || _a === void 0 ? void 0 : _a[this.option]) !== null && _b !== void 0 ? _b : { checked: false };
     const disabled = (_d = (_c = this.disabled) !== null && _c !== void 0 ? _c : settings.disabled) !== null && _d !== void 0 ? _d : false;
-    const backgroundColor = field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
       return h(Host, { class: { done: this.done } }, option.checked ? '✓' : '☐');
     }
@@ -83,10 +84,8 @@ const VerdocsFieldCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     "option": [2],
     "disabled": [4],
     "done": [4],
-    "roleindex": [2],
     "editable": [4],
     "moveable": [4],
-    "rerender": [2],
     "xscale": [2],
     "yscale": [2],
     "showingProperties": [32],