@quandis/qbo4.ui 4.0.1-CI-20240430-215338 → 4.0.1-CI-20240501-230003

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/src/qbo/qbo-contact.js +16 -24
  3. package/src/qbo/qbo-contact.ts +16 -24
  4. package/src/qbo/qbo-form-edit.d.ts +1 -0
  5. package/src/qbo/qbo-form-edit.js +6 -1
  6. package/src/qbo/qbo-form-edit.ts +4 -1
  7. package/src/qbo/qbo-mainmenu.js +4 -4
  8. package/src/qbo/qbo-mainmenu.ts +4 -4
  9. package/wwwroot/js/qbo4.ui.js +27 -30
  10. package/wwwroot/js/qbo4.ui.min.js +31 -39
  11. package/wwwroot/js/qbo4.ui.min.js.map +1 -1
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "author": "Quandis, Inc.",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
- "version": "4.0.1-CI-20240430-215338",
6
+ "version": "4.0.1-CI-20240501-230003",
7
7
  "workspaces": [
8
8
  "code"
9
9
  ],
package/src/qbo/qbo-contact.js CHANGED
@@ -58,25 +58,17 @@ let QboContact = class QboContact extends LitElement {
58
58
  <label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
59
59
  <qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactType}"></qbo-select>
60
60
  </div>
61
- <div class="${this.colFourClass}">
62
- <label for="Phone" class="${this.formLabelSmallClass}">Phone</label>
63
- <input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.Root?.ContactItem?.Phone}"/>
64
- </div>
65
- <div class="${this.colFourClass}">
66
- <label for="Email" class="${this.formLabelSmallClass}">Email</label>
67
- <input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.Root?.ContactItem?.Email}"/>
68
- </div>
69
- <div class="${this.colFourClass}">
70
- <label for="Title" class="${this.formLabelSmallClass}">Title</label>
71
- <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
72
- </div>
73
61
  <div class="${this.divSectionHeaderClass}">
74
62
  <h5>Location</h5>
75
63
  </div>
76
- <div class="${this.colTwelveClass}">
64
+ <div class="${this.colSixClass}">
77
65
  <label for="Company" class="${this.formLabelSmallClass}">Company</label>
78
66
  <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.Root?.ContactItem?.Company}"/>
79
67
  </div>
68
+ <div class="${this.colSixClass}">
69
+ <label for="Title" class="${this.formLabelSmallClass}">Title</label>
70
+ <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
71
+ </div>
80
72
  <div class="${this.colTwelveClass}">
81
73
  <label for="Address" class="${this.formLabelSmallClass}">Address</label>
82
74
  <textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.Root?.ContactItem?.Address}</textarea>
@@ -110,7 +102,7 @@ let QboContact = class QboContact extends LitElement {
110
102
  </div>
111
103
  <div class="${this.colThreeClass}">
112
104
  <label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
113
- <input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
105
+ <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
114
106
  </div>
115
107
  <div class="${this.colThreeClass}">
116
108
  <label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
@@ -126,19 +118,19 @@ let QboContact = class QboContact extends LitElement {
126
118
  </div>
127
119
  <div class="${this.colThreeClass}">
128
120
  <label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
129
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.Root?.ContactItem?.BirthDate}"/>
121
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${!this.jsonData.Root.ContactItem.BirthDate ? '' : new Date(this.jsonData.Root.ContactItem.BirthDate).toISOString().slice(0, 10)}"/>
130
122
  </div>
131
123
  <div class="${this.colThreeClass}">
132
124
  <label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
133
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.Root?.ContactItem?.DeathDate}"/>
125
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${!this.jsonData.Root.ContactItem.DeathDate ? '' : new Date(this.jsonData.Root.ContactItem.DeathDate).toISOString().slice(0, 10)}"/>
134
126
  </div>
135
127
  <div class="${this.colThreeClass}">
136
128
  <label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
137
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.Root?.ContactItem?.ValidStart}"/>
129
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${!this.jsonData.Root.ContactItem.ValidStart ? '' : new Date(this.jsonData.Root.ContactItem.ValidStart).toISOString().slice(0, 10)}"/>
138
130
  </div>
139
131
  <div class="${this.colThreeClass}">
140
132
  <label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
141
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.Root?.ContactItem?.ValidEnd}"/>
133
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${!this.jsonData.Root.ContactItem.ValidEnd ? '' : new Date(this.jsonData.Root.ContactItem.ValidEnd).toISOString().slice(0, 10)}"/>
142
134
  </div>
143
135
  <div class="${this.colSixClass}">
144
136
  <label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
@@ -146,7 +138,7 @@ let QboContact = class QboContact extends LitElement {
146
138
  </div>
147
139
  <div class="${this.colThreeClass}">
148
140
  <label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
149
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.Root?.ContactItem?.VerifiedDate}"/>
141
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${!this.jsonData.Root.ContactItem.VerifiedDate ? '' : new Date(this.jsonData.Root.ContactItem.VerifiedDate).toISOString().slice(0, 10)}"/>
150
142
  </div>
151
143
  <div class="${this.colThreeClass}">
152
144
  <label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
@@ -161,15 +153,15 @@ let QboContact = class QboContact extends LitElement {
161
153
  </div>
162
154
  <div class="${this.colThreeClass}">
163
155
  <label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
164
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.Root?.ContactItem?.SCRAStatusAsOf}"/>
156
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${!this.jsonData.Root.ContactItem.SCRAStatusAsOf ? '' : new Date(this.jsonData.Root.ContactItem.SCRAStatusAsOf).toISOString().slice(0, 10)}"/>
165
157
  </div>
166
158
  <div class="${this.colThreeClass}">
167
159
  <label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
168
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.Root?.ContactItem?.SCRAStartDate}"/>
160
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${!this.jsonData.Root.ContactItem.SCRAStartDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRAStartDate).toISOString().slice(0, 10)}"/>
169
161
  </div>
170
162
  <div class="${this.colThreeClass}">
171
163
  <label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
172
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.Root?.ContactItem?.SCRADischargeDate}"/>
164
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${!this.jsonData.Root.ContactItem.SCRADischargeDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRADischargeDate).toISOString().slice(0, 10)}"/>
173
165
  </div>
174
166
  <div class="${this.colThreeClass}">
175
167
  <label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
@@ -177,7 +169,7 @@ let QboContact = class QboContact extends LitElement {
177
169
  </div>
178
170
  <div class="${this.colThreeClass}">
179
171
  <label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
180
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.Root?.ContactItem?.SCRAVerifiedDate}"/>
172
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${!this.jsonData.Root.ContactItem.SCRAVerifiedDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRAVerifiedDate).toISOString().slice(0, 10)}"/>
181
173
  </div>
182
174
  <div class="${this.colThreeClass}">
183
175
  <label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
@@ -187,7 +179,7 @@ let QboContact = class QboContact extends LitElement {
187
179
  <label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
188
180
  <input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.Root?.ContactItem?.SCRAID}"/>
189
181
  </div>
190
- <qbo-form-edit createdDate="${this.jsonData?.Root?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.Root?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
182
+ <qbo-form-edit createdDate="${!this.jsonData.Root.ContactItem.CreatedDate ? '' : new Date(this.jsonData.Root.ContactItem.CreatedDate).toLocaleString()}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${!this.jsonData.Root.ContactItem.UpdatedDate ? '' : new Date(this.jsonData.Root.ContactItem.UpdatedDate).toLocaleString()}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
191
183
  </slot>`;
192
184
  }
193
185
  };
package/src/qbo/qbo-contact.ts CHANGED
@@ -83,25 +83,17 @@ export class QboContact extends LitElement {
83
83
  <label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
84
84
  <qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactType}"></qbo-select>
85
85
  </div>
86
- <div class="${this.colFourClass}">
87
- <label for="Phone" class="${this.formLabelSmallClass}">Phone</label>
88
- <input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.Root?.ContactItem?.Phone}"/>
89
- </div>
90
- <div class="${this.colFourClass}">
91
- <label for="Email" class="${this.formLabelSmallClass}">Email</label>
92
- <input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.Root?.ContactItem?.Email}"/>
93
- </div>
94
- <div class="${this.colFourClass}">
95
- <label for="Title" class="${this.formLabelSmallClass}">Title</label>
96
- <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
97
- </div>
98
86
  <div class="${this.divSectionHeaderClass}">
99
87
  <h5>Location</h5>
100
88
  </div>
101
- <div class="${this.colTwelveClass}">
89
+ <div class="${this.colSixClass}">
102
90
  <label for="Company" class="${this.formLabelSmallClass}">Company</label>
103
91
  <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.Root?.ContactItem?.Company}"/>
104
92
  </div>
93
+ <div class="${this.colSixClass}">
94
+ <label for="Title" class="${this.formLabelSmallClass}">Title</label>
95
+ <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
96
+ </div>
105
97
  <div class="${this.colTwelveClass}">
106
98
  <label for="Address" class="${this.formLabelSmallClass}">Address</label>
107
99
  <textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.Root?.ContactItem?.Address}</textarea>
@@ -135,7 +127,7 @@ export class QboContact extends LitElement {
135
127
  </div>
136
128
  <div class="${this.colThreeClass}">
137
129
  <label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
138
- <input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
130
+ <input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
139
131
  </div>
140
132
  <div class="${this.colThreeClass}">
141
133
  <label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
@@ -151,19 +143,19 @@ export class QboContact extends LitElement {
151
143
  </div>
152
144
  <div class="${this.colThreeClass}">
153
145
  <label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
154
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.Root?.ContactItem?.BirthDate}"/>
146
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${!this.jsonData.Root.ContactItem.BirthDate ? '' : new Date(this.jsonData.Root.ContactItem.BirthDate).toISOString().slice(0,10)}"/>
155
147
  </div>
156
148
  <div class="${this.colThreeClass}">
157
149
  <label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
158
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.Root?.ContactItem?.DeathDate}"/>
150
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${!this.jsonData.Root.ContactItem.DeathDate ? '' : new Date(this.jsonData.Root.ContactItem.DeathDate).toISOString().slice(0, 10)}"/>
159
151
  </div>
160
152
  <div class="${this.colThreeClass}">
161
153
  <label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
162
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.Root?.ContactItem?.ValidStart}"/>
154
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${!this.jsonData.Root.ContactItem.ValidStart ? '' : new Date(this.jsonData.Root.ContactItem.ValidStart).toISOString().slice(0, 10)}"/>
163
155
  </div>
164
156
  <div class="${this.colThreeClass}">
165
157
  <label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
166
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.Root?.ContactItem?.ValidEnd}"/>
158
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${!this.jsonData.Root.ContactItem.ValidEnd ? '' : new Date(this.jsonData.Root.ContactItem.ValidEnd).toISOString().slice(0, 10)}"/>
167
159
  </div>
168
160
  <div class="${this.colSixClass}">
169
161
  <label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
@@ -171,7 +163,7 @@ export class QboContact extends LitElement {
171
163
  </div>
172
164
  <div class="${this.colThreeClass}">
173
165
  <label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
174
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.Root?.ContactItem?.VerifiedDate}"/>
166
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${!this.jsonData.Root.ContactItem.VerifiedDate ? '' : new Date(this.jsonData.Root.ContactItem.VerifiedDate).toISOString().slice(0, 10)}"/>
175
167
  </div>
176
168
  <div class="${this.colThreeClass}">
177
169
  <label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
@@ -186,15 +178,15 @@ export class QboContact extends LitElement {
186
178
  </div>
187
179
  <div class="${this.colThreeClass}">
188
180
  <label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
189
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.Root?.ContactItem?.SCRAStatusAsOf}"/>
181
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${!this.jsonData.Root.ContactItem.SCRAStatusAsOf ? '' : new Date(this.jsonData.Root.ContactItem.SCRAStatusAsOf).toISOString().slice(0, 10)}"/>
190
182
  </div>
191
183
  <div class="${this.colThreeClass}">
192
184
  <label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
193
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.Root?.ContactItem?.SCRAStartDate}"/>
185
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${!this.jsonData.Root.ContactItem.SCRAStartDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRAStartDate).toISOString().slice(0, 10)}"/>
194
186
  </div>
195
187
  <div class="${this.colThreeClass}">
196
188
  <label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
197
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.Root?.ContactItem?.SCRADischargeDate}"/>
189
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${!this.jsonData.Root.ContactItem.SCRADischargeDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRADischargeDate).toISOString().slice(0, 10)}"/>
198
190
  </div>
199
191
  <div class="${this.colThreeClass}">
200
192
  <label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
@@ -202,7 +194,7 @@ export class QboContact extends LitElement {
202
194
  </div>
203
195
  <div class="${this.colThreeClass}">
204
196
  <label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
205
- <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.Root?.ContactItem?.SCRAVerifiedDate}"/>
197
+ <input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${!this.jsonData.Root.ContactItem.SCRAVerifiedDate ? '' : new Date(this.jsonData.Root.ContactItem.SCRAVerifiedDate).toISOString().slice(0, 10)}"/>
206
198
  </div>
207
199
  <div class="${this.colThreeClass}">
208
200
  <label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
@@ -212,7 +204,7 @@ export class QboContact extends LitElement {
212
204
  <label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
213
205
  <input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.Root?.ContactItem?.SCRAID}"/>
214
206
  </div>
215
- <qbo-form-edit createdDate="${this.jsonData?.Root?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.Root?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
207
+ <qbo-form-edit createdDate="${!this.jsonData.Root.ContactItem.CreatedDate ? '' : new Date(this.jsonData.Root.ContactItem.CreatedDate).toLocaleString()}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${!this.jsonData.Root.ContactItem.UpdatedDate ? '' : new Date(this.jsonData.Root.ContactItem.UpdatedDate).toLocaleString()}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
216
208
  </slot>`;
217
209
  }
218
210
  }
package/src/qbo/qbo-form-edit.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare class QboFormEdit extends LitElement {
7
7
  divFormActionClass: String | null;
8
8
  divSectionHeaderClass: String | null;
9
9
  editLabel: String | null;
10
+ spanEditClass: String | null;
10
11
  updatedDate: null;
11
12
  updatedPerson: null;
12
13
  renderInHost: boolean;
package/src/qbo/qbo-form-edit.js CHANGED
@@ -19,6 +19,7 @@ let QboFormEdit = class QboFormEdit extends LitElement {
19
19
  this.divFormActionClass = 'qbo-form-actions';
20
20
  this.divSectionHeaderClass = 'qbo-header';
21
21
  this.editLabel = 'Edit';
22
+ this.spanEditClass = 'qbo-icon-edit';
22
23
  this.updatedDate = null;
23
24
  this.updatedPerson = null;
24
25
  this.renderInHost = true;
@@ -34,7 +35,7 @@ let QboFormEdit = class QboFormEdit extends LitElement {
34
35
  <div class="${this.divFormActionClass}">
35
36
  <div class="${this.divButtonGroupClass}">
36
37
  <button type="button" class="${this.buttonPrimaryClass}">
37
- <span class="bi-pencil-square"> ${this.editLabel}</span>
38
+ <span class="${this.spanEditClass}"> ${this.editLabel}</span>
38
39
  </button>
39
40
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"></button>
40
41
  <ul class="dropdown-menu">
@@ -89,6 +90,10 @@ __decorate([
89
90
  property({ type: String }),
90
91
  __metadata("design:type", Object)
91
92
  ], QboFormEdit.prototype, "editLabel", void 0);
93
+ __decorate([
94
+ property({ type: String }),
95
+ __metadata("design:type", Object)
96
+ ], QboFormEdit.prototype, "spanEditClass", void 0);
92
97
  __decorate([
93
98
  property({ type: Date }),
94
99
  __metadata("design:type", Object)
package/src/qbo/qbo-form-edit.ts CHANGED
@@ -25,6 +25,9 @@ export class QboFormEdit extends LitElement {
25
25
  @property({ type: String })
26
26
  editLabel: String | null = 'Edit';
27
27
 
28
+ @property({ type: String })
29
+ spanEditClass: String | null = 'qbo-icon-edit';
30
+
28
31
  @property({ type: Date })
29
32
  updatedDate = null;
30
33
 
@@ -46,7 +49,7 @@ export class QboFormEdit extends LitElement {
46
49
  <div class="${this.divFormActionClass}">
47
50
  <div class="${this.divButtonGroupClass}">
48
51
  <button type="button" class="${this.buttonPrimaryClass}">
49
- <span class="bi-pencil-square"> ${this.editLabel}</span>
52
+ <span class="${this.spanEditClass}"> ${this.editLabel}</span>
50
53
  </button>
51
54
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"></button>
52
55
  <ul class="dropdown-menu">
package/src/qbo/qbo-mainmenu.js CHANGED
@@ -182,20 +182,20 @@ let QboMainMenu = class QboMainMenu extends QboFetch {
182
182
  </li>`;
183
183
  }
184
184
  render() {
185
- if (this.jsonData.MainMenu) {
185
+ if (this.jsonData && this.jsonData.Root && this.jsonData.Root.MainMenu) {
186
186
  return html `
187
187
  <nav class="${this.navClass}">
188
188
  <div>
189
189
  <a href="#">
190
- ${this.renderImage(this.jsonData.MainMenu.Image)}
191
- ${this.jsonData.MainMenu.Label}
190
+ ${this.renderImage(this.jsonData.Root.MainMenu.Image)}
191
+ ${this.jsonData.Root.MainMenu.Label}
192
192
  </a>
193
193
  <button type="${this.buttonType}" data-bs-toggle="${this.collapseToggle}" data-bs-target="#${this.dropdownId}" aria-expanded="${this.ariaExpanded}" aria-label="${this.ariaLabel}">
194
194
  <span/>
195
195
  </button>
196
196
  <div id="${this.dropdownId}">
197
197
  <ul>
198
- ${this.renderMenu(this.jsonData.MainMenu, false, false)}
198
+ ${this.renderMenu(this.jsonData.Root.MainMenu, false, false)}
199
199
  </ul>
200
200
  </div>
201
201
  </div>
package/src/qbo/qbo-mainmenu.ts CHANGED
@@ -238,20 +238,20 @@ export class QboMainMenu extends QboFetch {
238
238
  }
239
239
 
240
240
  render() {
241
- if (this.jsonData.MainMenu) {
241
+ if (this.jsonData && this.jsonData.Root && this.jsonData.Root.MainMenu) {
242
242
  return html`
243
243
  <nav class="${this.navClass}">
244
244
  <div>
245
245
  <a href="#">
246
- ${this.renderImage(this.jsonData.MainMenu.Image)}
247
- ${this.jsonData.MainMenu.Label}
246
+ ${this.renderImage(this.jsonData.Root.MainMenu.Image)}
247
+ ${this.jsonData.Root.MainMenu.Label}
248
248
  </a>
249
249
  <button type="${this.buttonType}" data-bs-toggle="${this.collapseToggle}" data-bs-target="#${this.dropdownId}" aria-expanded="${this.ariaExpanded}" aria-label="${this.ariaLabel}">
250
250
  <span/>
251
251
  </button>
252
252
  <div id="${this.dropdownId}">
253
253
  <ul>
254
- ${this.renderMenu(this.jsonData.MainMenu, false, false)}
254
+ ${this.renderMenu(this.jsonData.Root.MainMenu, false, false)}
255
255
  </ul>
256
256
  </div>
257
257
  </div>