@verdocs/web-sdk 6.2.0-beta.11 → 6.2.0-beta.13

package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js

@@ -41,7 +41,6 @@ export class VerdocsSelectInput {
         return {
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -57,11 +56,11 @@ export class VerdocsSelectInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +76,11 @@ export class VerdocsSelectInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "{label: string; value: string}[]",
@@ -99,7 +98,6 @@ export class VerdocsSelectInput {
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -115,6 +113,7 @@ export class VerdocsSelectInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-select-input.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;;;;;;GAQG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAE3B;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAO3B;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;KAkBnC;IAhBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa;YACvB;gBACG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,CAAC,CAAC,CAAC,cAAO;gBACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a combo box. This is just a standard HTML select field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-select-input.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEvD;;;;;;;;GAQG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAE3B;;WAEG;QACK,UAAK,GAAW,EAAE,CAAC;QAO3B;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;KAkBnC;IAhBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa;YACvB;gBACG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,CAAC,CAAC,CAAC,cAAO;gBACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a combo box. This is just a standard HTML select field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js

@@ -36,7 +36,6 @@ export class VerdocsQuickFilter {
         return {
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -52,11 +51,11 @@ export class VerdocsQuickFilter {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "32"
             },
             "mode": {
                 "type": "string",
-                "attribute": "mode",
                 "mutable": false,
                 "complexType": {
                     "original": "'light' | 'dark'",
@@ -72,6 +71,7 @@ export class VerdocsQuickFilter {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mode",
                 "defaultValue": "'light'"
             }
         };

package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js

@@ -42,7 +42,6 @@ export class VerdocsSwitch {
         return {
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -58,11 +57,11 @@ export class VerdocsSwitch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "checked",
                 "defaultValue": "false"
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "'primary' | 'secondary'",
@@ -78,11 +77,11 @@ export class VerdocsSwitch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'primary'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -98,6 +97,7 @@ export class VerdocsSwitch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/controls/verdocs-table/verdocs-table.js

@@ -40,7 +40,6 @@ export class VerdocsTable {
         return {
             "columns": {
                 "type": "unknown",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "IColumn[]",
@@ -65,7 +64,6 @@ export class VerdocsTable {
             },
             "data": {
                 "type": "unknown",
-                "attribute": "data",
                 "mutable": false,
                 "complexType": {
                     "original": "any[]",

package/dist/collection/components/controls/verdocs-table/verdocs-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-table.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-table/verdocs-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAS5E;;;;;;;GAOG;AAKH,MAAM,OAAO,YAAY;IAJzB;QAKE;;WAEG;QACK,YAAO,GAAc,EAAE,CAAC;QAEhC;;WAEG;QACK,SAAI,GAAU,EAAE,CAAC;KA+C1B;IAnCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,eAAe;YACzB,8DAAO,KAAK,EAAC,OAAO;gBAClB;oBACE,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;wBAC3B,OAAO,CACL,UACE,KAAK,EAAE,sBAAsB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAC/C,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,GAC1E,CACH,CAAC;oBACJ,CAAC,CAAC,CACC,CACC;gBAER,gEACG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACpB,UAAI,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,IAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;oBAC3B,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,UAAI,KAAK,EAAE,oBAAoB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAI,CAC1F,CAAC,CAAC,CAAC,CACF,UAAI,KAAK,EAAE,oBAAoB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,IAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAM,CACrE,CAAC;gBACJ,CAAC,CAAC,CACC,CACN,CAAC,CACI,CACF,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface IColumn {\n  id: string;\n  header?: string;\n  renderHeader?: (col: IColumn) => any;\n  renderCell?: (col: IColumn, row: any) => any;\n}\n\n/**\n * Display a simple table of data. Columns and data cells may have custom renderers defined to\n * support creating interactive table layouts.\n *\n * ```ts\n * <verdocs-table columns={[...columns]} data={[...data]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-table',\n  styleUrl: 'verdocs-table.scss',\n})\nexport class VerdocsTable {\n  /**\n   * The columns to display\n   */\n  @Prop() columns: IColumn[] = [];\n\n  /**\n   * The rows to display\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Event fired when the user clicks a column header. This may be used to manage sorting options.\n   */\n  @Event({composed: true}) colHeaderClick: EventEmitter<{col: IColumn}>;\n\n  /**\n   * Event fired when the user clicks a row.\n   */\n  @Event({composed: true}) rowClick: EventEmitter<{row: any}>;\n\n  render() {\n    return (\n      <Host class=\"table-wrapper\">\n        <table class=\"table\">\n          <thead>\n            <tr class=\"row header-row\">\n              {this.columns.map((col, i) => {\n                return (\n                  <th\n                    class={`col header-col col-${i} col-${col.id}`}\n                    onClick={() => this.colHeaderClick?.emit({col})}\n                    innerHTML={col.renderHeader ? col.renderHeader(col) : col.header || col.id}\n                  />\n                );\n              })}\n            </tr>\n          </thead>\n\n          <tbody>\n            {this.data.map(row => (\n              <tr class=\"row data-row\" onClick={() => this.rowClick?.emit({row})}>\n                {this.columns.map((col, i) => {\n                  return col.renderCell ? (\n                    <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell(col, row)} />\n                  ) : (\n                    <td class={`col data-col col-${i} col-${col.id}`}>{row[col.id]}</td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-table.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-table/verdocs-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAS5E;;;;;;;GAOG;AAKH,MAAM,OAAO,YAAY;IAJzB;QAKE;;WAEG;QACK,YAAO,GAAc,EAAE,CAAC;QAEhC;;WAEG;QACK,SAAI,GAAU,EAAE,CAAC;KA+C1B;IAnCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,eAAe;YACzB,8DAAO,KAAK,EAAC,OAAO;gBAClB;oBACE,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;wBAC3B,OAAO,CACL,UACE,KAAK,EAAE,sBAAsB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAC/C,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,GAC1E,CACH,CAAC;oBACJ,CAAC,CAAC,CACC,CACC;gBAER,gEACG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACpB,UAAI,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,IAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;oBAC3B,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,UAAI,KAAK,EAAE,oBAAoB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAI,CAC1F,CAAC,CAAC,CAAC,CACF,UAAI,KAAK,EAAE,oBAAoB,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,IAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAM,CACrE,CAAC;gBACJ,CAAC,CAAC,CACC,CACN,CAAC,CACI,CACF,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface IColumn {\n  id: string;\n  header?: string;\n  renderHeader?: (col: IColumn) => any;\n  renderCell?: (col: IColumn, row: any) => any;\n}\n\n/**\n * Display a simple table of data. Columns and data cells may have custom renderers defined to\n * support creating interactive table layouts.\n *\n * ```ts\n * <verdocs-table columns={[...columns]} data={[...data]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-table',\n  styleUrl: 'verdocs-table.scss',\n})\nexport class VerdocsTable {\n  /**\n   * The columns to display\n   */\n  @Prop() columns: IColumn[] = [];\n\n  /**\n   * The rows to display\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Event fired when the user clicks a column header. This may be used to manage sorting options.\n   */\n  @Event({composed: true}) colHeaderClick: EventEmitter<{col: IColumn}>;\n\n  /**\n   * Event fired when the user clicks a row.\n   */\n  @Event({composed: true}) rowClick: EventEmitter<{row: any}>;\n\n  render() {\n    return (\n      <Host class=\"table-wrapper\">\n        <table class=\"table\">\n          <thead>\n            <tr class=\"row header-row\">\n              {this.columns.map((col, i) => {\n                return (\n                  <th\n                    class={`col header-col col-${i} col-${col.id}`}\n                    onClick={() => this.colHeaderClick?.emit({col})}\n                    innerHTML={col.renderHeader ? col.renderHeader(col) : col.header || col.id}\n                  />\n                );\n              })}\n            </tr>\n          </thead>\n\n          <tbody>\n            {this.data.map(row => (\n              <tr class=\"row data-row\" onClick={() => this.rowClick?.emit({row})}>\n                {this.columns.map((col, i) => {\n                  return col.renderCell ? (\n                    <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell(col, row)} />\n                  ) : (\n                    <td class={`col data-col col-${i} col-${col.id}`}>{row[col.id]}</td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js

@@ -40,7 +40,6 @@ export class VerdocsTabs {
         return {
             "tabs": {
                 "type": "unknown",
-                "attribute": "tabs",
                 "mutable": false,
                 "complexType": {
                     "original": "ITab[]",
@@ -65,7 +64,6 @@ export class VerdocsTabs {
             },
             "selectedTab": {
                 "type": "number",
-                "attribute": "selected-tab",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -81,6 +79,7 @@ export class VerdocsTabs {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selected-tab",
                 "defaultValue": "0"
             }
         };

package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-tabs.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-tabs/verdocs-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAS5E;;;;;;;GAOG;AAKH,MAAM,OAAO,WAAW;IAJxB;QAKE;;WAEG;QACK,SAAI,GAAW,EAAE,CAAC;QAE1B;;WAEG;QACK,gBAAW,GAAW,CAAC,CAAC;KA6BjC;IArBC,eAAe,CAAC,KAAa;;QAC3B,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,CAAC,CAAC;IACvD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,WAAK,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IACpK,GAAG,CAAC,KAAK,CACN,CACP,CAAC;YAEF,4DAAK,KAAK,EAAC,aAAa,GAAG;YAE3B;gBACE,6DAAO,CACF,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface ITab {\n  id?: string;\n  label: string;\n  disabled?: boolean;\n  // TODO: Tooltips?\n}\n\n/**\n * Display a simple row of selectable tabs. This is a controlled element.\n * The parent must adjust selectedTab as selection events are fired.\n *\n * ```ts\n * <verdocs-tabs tabs={[...tabs]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-tabs',\n  styleUrl: 'verdocs-tabs.scss',\n})\nexport class VerdocsTabs {\n  /**\n   * The tabs to display\n   */\n  @Prop() tabs: ITab[] = [];\n\n  /**\n   * The index of the tab to show selected.\n   */\n  @Prop() selectedTab: number = 0;\n\n  /**\n   * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate\n   * to the template preview. This is also fired when the user selects \"Preview/Send\" fropm the dropdown menu.\n   */\n  @Event({composed: true}) selectTab: EventEmitter<{tab: ITab; index: number}>;\n\n  handleSelectTab(index: number) {\n    this.selectTab?.emit({tab: this.tabs[index], index});\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.map((tab, index) => (\n          <div class={`tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`} onClick={tab.disabled ? () => {} : () => this.handleSelectTab(index)}>\n            {tab.label}\n          </div>\n        ))}\n\n        <div class=\"flex flex-1\" />\n\n        <slot>\n          <div />\n        </slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-tabs.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-tabs/verdocs-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAS5E;;;;;;;GAOG;AAKH,MAAM,OAAO,WAAW;IAJxB;QAKE;;WAEG;QACK,SAAI,GAAW,EAAE,CAAC;QAE1B;;WAEG;QACK,gBAAW,GAAW,CAAC,CAAC;KA6BjC;IArBC,eAAe,CAAC,KAAa;;QAC3B,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,CAAC,CAAC;IACvD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,WAAK,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IACpK,GAAG,CAAC,KAAK,CACN,CACP,CAAC;YAEF,4DAAK,KAAK,EAAC,aAAa,GAAG;YAE3B;gBACE,6DAAO,CACF,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface ITab {\n  id?: string;\n  label: string;\n  disabled?: boolean;\n  // TODO: Tooltips?\n}\n\n/**\n * Display a simple row of selectable tabs. This is a controlled element.\n * The parent must adjust selectedTab as selection events are fired.\n *\n * ```ts\n * <verdocs-tabs tabs={[...tabs]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-tabs',\n  styleUrl: 'verdocs-tabs.scss',\n})\nexport class VerdocsTabs {\n  /**\n   * The tabs to display\n   */\n  @Prop() tabs: ITab[] = [];\n\n  /**\n   * The index of the tab to show selected.\n   */\n  @Prop() selectedTab: number = 0;\n\n  /**\n   * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate\n   * to the template preview. This is also fired when the user selects \"Preview/Send\" fropm the dropdown menu.\n   */\n  @Event({composed: true}) selectTab: EventEmitter<{tab: ITab; index: number}>;\n\n  handleSelectTab(index: number) {\n    this.selectTab?.emit({tab: this.tabs[index], index});\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.map((tab, index) => (\n          <div class={`tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`} onClick={tab.disabled ? () => {} : () => this.handleSelectTab(index)}>\n            {tab.label}\n          </div>\n        ))}\n\n        <div class=\"flex flex-1\" />\n\n        <slot>\n          <div />\n        </slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js

@@ -103,7 +103,6 @@ export class VerdocsTextInput {
         return {
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -119,11 +118,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -139,11 +138,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -159,11 +158,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -179,11 +178,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "''"
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -199,11 +198,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "help-text",
                 "defaultValue": "''"
             },
             "clearable": {
                 "type": "boolean",
-                "attribute": "clearable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -219,11 +218,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clearable",
                 "defaultValue": "false"
             },
             "copyable": {
                 "type": "boolean",
-                "attribute": "copyable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -239,11 +238,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "copyable",
                 "defaultValue": "false"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'",
@@ -259,11 +258,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -279,11 +278,11 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -299,6 +298,7 @@ export class VerdocsTextInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js

@@ -36,7 +36,6 @@ export class VerdocsToggle {
         return {
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "IToggleIconButtons",
@@ -60,7 +59,6 @@ export class VerdocsToggle {
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "'light' | 'dark'",
@@ -75,7 +73,8 @@ export class VerdocsToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "theme"
             }
         };
     }

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-toggle.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAaxD;;;;;;GAMG;AAKH,MAAM,OAAO,aAAa;IAJ1B;QAeW,mBAAc,GAAW,CAAC,CAAC;KA4BrC;IA1BC,iBAAiB;;QACf,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,cAAc,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,gBAAgB,KAAI,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,6DAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAQ;YACrD,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7D,cACE,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBAC9B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;gBAC9B,CAAC,GACD,CACH,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button.\n *\n * ```ts\n * <verdocs-toggle options={[...options]} theme=\"light\"></verdocs-toggle>\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @State() selectedOption: number = 0;\n\n  componentWillLoad() {\n    console.log('verdocs-toggle componentWillLoad', this.options);\n    this.selectedOption = this.options?.defaultSelection || 0;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button\n              id={button.id}\n              key={button.id}\n              innerHTML={button.icon}\n              class={index === this.selectedOption ? 'selected' : ''}\n              onClick={() => {\n                console.log('clicked', index);\n                this.selectedOption = index;\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-toggle.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAaxD;;;;;;GAMG;AAKH,MAAM,OAAO,aAAa;IAJ1B;QAeW,mBAAc,GAAW,CAAC,CAAC;KA4BrC;IA1BC,iBAAiB;;QACf,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,cAAc,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,gBAAgB,KAAI,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,6DAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAQ;YACrD,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7D,cACE,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBAC9B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;gBAC9B,CAAC,GACD,CACH,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button.\n *\n * ```ts\n * <verdocs-toggle options={[...options]} theme=\"light\"></verdocs-toggle>\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @State() selectedOption: number = 0;\n\n  componentWillLoad() {\n    console.log('verdocs-toggle componentWillLoad', this.options);\n    this.selectedOption = this.options?.defaultSelection || 0;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button\n              id={button.id}\n              key={button.id}\n              innerHTML={button.icon}\n              class={index === this.selectedOption ? 'selected' : ''}\n              onClick={() => {\n                console.log('clicked', index);\n                this.selectedOption = index;\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js

@@ -51,7 +51,6 @@ export class VerdocsToggleButton {
         return {
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -67,11 +66,11 @@ export class VerdocsToggleButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -87,11 +86,11 @@ export class VerdocsToggleButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon",
                 "defaultValue": "null"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -107,11 +106,11 @@ export class VerdocsToggleButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "null"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'normal'",
@@ -127,6 +126,7 @@ export class VerdocsToggleButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'normal'"
             }
         };

package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js

@@ -73,7 +73,6 @@ export class VerdocsToolbarIcon {
         return {
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,11 +88,11 @@ export class VerdocsToolbarIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "text",
                 "defaultValue": "''"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -109,11 +108,11 @@ export class VerdocsToolbarIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon",
                 "defaultValue": "''"
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -135,6 +134,7 @@ export class VerdocsToolbarIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             }
         };

package/dist/collection/components/dialogs/verdocs-delegate-dialog/verdocs-delegate-dialog.js

@@ -57,7 +57,6 @@ export class VerdocsDelegateDialog {
         return {
             "endpoint": {
                 "type": "unknown",
-                "attribute": "endpoint",
                 "mutable": true,
                 "complexType": {
                     "original": "VerdocsEndpoint",
@@ -82,7 +81,6 @@ export class VerdocsDelegateDialog {
             },
             "envelope": {
                 "type": "unknown",
-                "attribute": "envelope",
                 "mutable": false,
                 "complexType": {
                     "original": "IEnvelope | null",

package/dist/collection/components/dialogs/verdocs-delegate-dialog/verdocs-delegate-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-delegate-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-delegate-dialog/verdocs-delegate-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {IEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\nimport {DefaultEndpoint} from '../../../utils/Environment';\n\n/**\n * Delegate signing responsibility to another recipient.\n */\n@Component({\n  tag: 'verdocs-delegate-dialog',\n  styleUrl: 'verdocs-delegate-dialog.scss',\n})\nexport class VerdocsDelegateDialog {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The envelope to process.\n   */\n  @Prop() envelope: IEnvelope | null = null;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the process has completed successfully.\n   */\n  @Event({composed: true}) next: EventEmitter<{first_name: string; last_name: string; email: string; phone: string; message: string}>;\n\n  @State() first_name = '';\n  @State() last_name = '';\n  @State() email = '';\n  @State() phone = '';\n  @State() message = '';\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDelegate() {\n    this.next.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n    });\n  }\n\n  render() {\n    return (\n      <verdocs-dialog>\n        <div slot=\"heading\" class=\"heading\">\n          <div class=\"icon\">\n            <svg width=\"22\" height=\"19\" viewBox=\"0 0 22 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_34208_4881)\">\n                <path\n                  d=\"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z\"\n                  fill=\"white\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_34208_4881\">\n                  <path d=\"M0.875 0.75H21.125V18.75H0.875V0.75Z\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n\n          <div class=\"title\">Delegate \"{this.envelope.name}\"</div>\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          <div class=\"input names\">\n            <label htmlFor=\"verdocs-delegate-email\">New Recipient:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-first\"\n              name=\"verdocs-delegate-first\"\n              autocomplete=\"blocked\"\n              placeholder=\"First name...\"\n              value={this.first_name}\n              onInput={(e: any) => (this.first_name = e.target.value)}\n            />\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-last\"\n              name=\"verdocs-delegate-last\"\n              autocomplete=\"blocked\"\n              placeholder=\"Last name...\"\n              value={this.last_name}\n              onInput={(e: any) => (this.last_name = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-email\">Email Address:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-email\"\n              name=\"verdocs-delegate-email\"\n              autocomplete=\"blocked\"\n              placeholder=\"New recipient email address...\"\n              value={this.email}\n              onInput={(e: any) => (this.email = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-phone\">Phone:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-phone\"\n              name=\"verdocs-delegate-phone\"\n              autocomplete=\"blocked\"\n              placeholder=\"Optional phone number...\"\n              value={this.phone}\n              onInput={(e: any) => (this.phone = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-email\">Message:</label>\n            <textarea\n              id=\"verdocs-delegate-message\"\n              name=\"verdocs-delegate-message\"\n              rows={3}\n              autocomplete=\"blocked\"\n              placeholder=\"Optional message to include in the invitation...\"\n              onInput={(e: any) => (this.message = e.target.value)}\n            >\n              {this.message}\n            </textarea>\n          </div>\n        </div>\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            <button class=\"cancel\" onClick={() => this.handleCancel()}>\n              Cancel\n            </button>\n            <button class=\"proceed\" onClick={() => this.handleDelegate()} disabled={!this.first_name || !this.last_name || !this.email}>\n              Proceed\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-delegate-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-delegate-dialog/verdocs-delegate-dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAE3D;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IAJlC;QAKE;;WAEG;QACoB,aAAQ,GAAoB,eAAe,CAAC;QAEnE;;WAEG;QACK,aAAQ,GAAqB,IAAI,CAAC;QAYjC,eAAU,GAAG,EAAE,CAAC;QAChB,cAAS,GAAG,EAAE,CAAC;QACf,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;KA6HvB;IA3HC,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED,8HAA8H;IAC9H,aAAa,CAAC,CAAM;QAClB,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,oBAAoB,EAAE,CAAC;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED,8HAA8H;IAC9H,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YACb,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,4DAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACjC,4DAAK,KAAK,EAAC,MAAM;oBACf,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;wBAC5F,uEAAa,wBAAwB;4BACnC,6DACE,CAAC,EAAC,wqDAAwqD,EAC1qD,IAAI,EAAC,OAAO,GACZ,CACA;wBACJ;4BACE,iEAAU,EAAE,EAAC,kBAAkB;gCAC7B,6DAAM,CAAC,EAAC,sCAAsC,EAAC,IAAI,EAAC,OAAO,GAAG,CACrD,CACN,CACH,CACF;gBAEN,4DAAK,KAAK,EAAC,OAAO;;oBAAY,IAAI,CAAC,QAAQ,CAAC,IAAI;yBAAQ,CACpD;YAEN,4DAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACjC,4DAAK,KAAK,EAAC,aAAa;oBACtB,8DAAO,OAAO,EAAC,wBAAwB,qBAAuB;oBAC9D,8DACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,wBAAwB,EAC7B,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACvD;oBACF,8DACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACtD,CACE;gBAEN,4DAAK,KAAK,EAAC,OAAO;oBAChB,8DAAO,OAAO,EAAC,wBAAwB,qBAAuB;oBAC9D,8DACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,wBAAwB,EAC7B,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,gCAAgC,EAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACE;gBAEN,4DAAK,KAAK,EAAC,OAAO;oBAChB,8DAAO,OAAO,EAAC,wBAAwB,aAAe;oBACtD,8DACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,wBAAwB,EAC7B,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACE;gBAEN,4DAAK,KAAK,EAAC,OAAO;oBAChB,8DAAO,OAAO,EAAC,wBAAwB,eAAiB;oBACxD,iEACE,EAAE,EAAC,0BAA0B,EAC7B,IAAI,EAAC,0BAA0B,EAC/B,IAAI,EAAE,CAAC,EACP,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,kDAAkD,EAC9D,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAEnD,IAAI,CAAC,OAAO,CACJ,CACP,CACF;YAEN,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;gBAC/B,4DAAK,KAAK,EAAC,SAAS;oBAClB,+DAAQ,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,aAEhD;oBACT,+DAAQ,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,cAEjH,CACL,CACF,CACS,CAClB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {IEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\nimport {DefaultEndpoint} from '../../../utils/Environment';\n\n/**\n * Delegate signing responsibility to another recipient.\n */\n@Component({\n  tag: 'verdocs-delegate-dialog',\n  styleUrl: 'verdocs-delegate-dialog.scss',\n})\nexport class VerdocsDelegateDialog {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The envelope to process.\n   */\n  @Prop() envelope: IEnvelope | null = null;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the process has completed successfully.\n   */\n  @Event({composed: true}) next: EventEmitter<{first_name: string; last_name: string; email: string; phone: string; message: string}>;\n\n  @State() first_name = '';\n  @State() last_name = '';\n  @State() email = '';\n  @State() phone = '';\n  @State() message = '';\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDelegate() {\n    this.next.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n    });\n  }\n\n  render() {\n    return (\n      <verdocs-dialog>\n        <div slot=\"heading\" class=\"heading\">\n          <div class=\"icon\">\n            <svg width=\"22\" height=\"19\" viewBox=\"0 0 22 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_34208_4881)\">\n                <path\n                  d=\"M3.125 0.75C1.88398 0.75 0.875 1.75898 0.875 3V16.5C0.875 17.741 1.88398 18.75 3.125 18.75H12.125C13.366 18.75 14.375 17.741 14.375 16.5V15.8215C14.2801 15.8602 14.1852 15.8918 14.0867 15.9164L11.9738 16.4437C11.8684 16.4684 11.7629 16.4859 11.6574 16.493C11.6258 16.4965 11.5941 16.5 11.5625 16.5H9.3125C9.09805 16.5 8.90469 16.3805 8.80977 16.1906L8.50039 15.5684C8.44062 15.4488 8.32109 15.375 8.19102 15.375C8.06094 15.375 7.93789 15.4488 7.88164 15.5684L7.57227 16.1906C7.47031 16.398 7.24883 16.5211 7.02031 16.5C6.7918 16.4789 6.59492 16.3207 6.53164 16.1027L5.9375 14.1445L5.59297 15.2977C5.37852 16.0113 4.72109 16.5 3.97578 16.5H3.6875C3.37812 16.5 3.125 16.2469 3.125 15.9375C3.125 15.6281 3.37812 15.375 3.6875 15.375H3.97578C4.22539 15.375 4.44336 15.2133 4.51367 14.9742L5.0375 13.234C5.15703 12.8367 5.52266 12.5625 5.9375 12.5625C6.35234 12.5625 6.71797 12.8367 6.8375 13.234L7.24531 14.591C7.50547 14.373 7.83594 14.25 8.1875 14.25C8.74648 14.25 9.25625 14.5664 9.50586 15.0656L9.66055 15.375H9.97344C9.86445 15.0656 9.84336 14.7281 9.92422 14.3977L10.4516 12.2848C10.55 11.8875 10.7539 11.5289 11.0422 11.2406L14.375 7.90781V6.375H9.875C9.25273 6.375 8.75 5.87227 8.75 5.25V0.75H3.125ZM9.875 0.75V5.25H14.375L9.875 0.75ZM20.2039 5.66133C19.6555 5.11289 18.766 5.11289 18.2141 5.66133L17.1805 6.69492L19.6766 9.19102L20.7102 8.15742C21.2586 7.60898 21.2586 6.71953 20.7102 6.16758L20.2039 5.66133ZM11.8402 12.0352C11.6961 12.1793 11.5941 12.3586 11.5449 12.559L11.0176 14.6719C10.9684 14.8652 11.0246 15.0656 11.1652 15.2063C11.3059 15.3469 11.5062 15.4031 11.6996 15.3539L13.8125 14.8266C14.0094 14.7773 14.1922 14.6754 14.3363 14.5312L18.8785 9.98555L16.3824 7.48945L11.8402 12.0352Z\"\n                  fill=\"white\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_34208_4881\">\n                  <path d=\"M0.875 0.75H21.125V18.75H0.875V0.75Z\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n\n          <div class=\"title\">Delegate \"{this.envelope.name}\"</div>\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          <div class=\"input names\">\n            <label htmlFor=\"verdocs-delegate-email\">New Recipient:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-first\"\n              name=\"verdocs-delegate-first\"\n              autocomplete=\"blocked\"\n              placeholder=\"First name...\"\n              value={this.first_name}\n              onInput={(e: any) => (this.first_name = e.target.value)}\n            />\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-last\"\n              name=\"verdocs-delegate-last\"\n              autocomplete=\"blocked\"\n              placeholder=\"Last name...\"\n              value={this.last_name}\n              onInput={(e: any) => (this.last_name = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-email\">Email Address:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-email\"\n              name=\"verdocs-delegate-email\"\n              autocomplete=\"blocked\"\n              placeholder=\"New recipient email address...\"\n              value={this.email}\n              onInput={(e: any) => (this.email = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-phone\">Phone:</label>\n            <input\n              type=\"text\"\n              id=\"verdocs-delegate-phone\"\n              name=\"verdocs-delegate-phone\"\n              autocomplete=\"blocked\"\n              placeholder=\"Optional phone number...\"\n              value={this.phone}\n              onInput={(e: any) => (this.phone = e.target.value)}\n            />\n          </div>\n\n          <div class=\"input\">\n            <label htmlFor=\"verdocs-delegate-email\">Message:</label>\n            <textarea\n              id=\"verdocs-delegate-message\"\n              name=\"verdocs-delegate-message\"\n              rows={3}\n              autocomplete=\"blocked\"\n              placeholder=\"Optional message to include in the invitation...\"\n              onInput={(e: any) => (this.message = e.target.value)}\n            >\n              {this.message}\n            </textarea>\n          </div>\n        </div>\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            <button class=\"cancel\" onClick={() => this.handleCancel()}>\n              Cancel\n            </button>\n            <button class=\"proceed\" onClick={() => this.handleDelegate()} disabled={!this.first_name || !this.last_name || !this.email}>\n              Proceed\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-disclosure-dialog/verdocs-disclosure-dialog.js

@@ -32,7 +32,6 @@ export class VerdocsDisclosureDialog {
         return {
             "disclosures": {
                 "type": "string",
-                "attribute": "disclosures",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -48,11 +47,11 @@ export class VerdocsDisclosureDialog {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disclosures",
                 "defaultValue": "null"
             },
             "delegator": {
                 "type": "boolean",
-                "attribute": "delegator",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -68,6 +67,7 @@ export class VerdocsDisclosureDialog {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "delegator",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js

@@ -233,7 +233,6 @@ export class VerdocsInitialDialog {
         return {
             "initials": {
                 "type": "string",
-                "attribute": "initials",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -249,6 +248,7 @@ export class VerdocsInitialDialog {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "initials",
                 "defaultValue": "''"
             }
         };