@quandis/qbo4.ui-bridge 4.0.1-CI-20241031-130254 → 4.0.1-CI-20241101-204551

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20241031-130254",
+  "version": "4.0.1-CI-20241101-204551",
   "workspaces": [
     "code"
   ],
@@ -15,7 +15,8 @@
     "clean": "rd \"node_modules/@quandis/qbo4.ui\" -force -recurse -ErrorAction SilentlyContinue",
     "packdev": "webpack --config pack.dev.js --no-color",
     "packprod": "webpack --config pack.prod.js --no-color",
-    "sass": "sass --load-path=node_modules --quiet scss/:wwwroot/css && node cssshake.js"
+    "sass": "sass --load-path=node_modules --quiet scss/:wwwroot/css && node cssshake.js",
+    "quick": "npm run sass && tsc --build --force && npm run packdev && del *.tgz && npm pack && ren *.tgz qbo4.ui-bridge.tgz"
   },
   "keywords": [
     "qbo"
@@ -44,15 +45,15 @@
     "@fullhuman/postcss-purgecss": "^6.0.0",
     "autoprefixer": "^10.4.20",
     "clean-css": "^5.3.3",
-    "eslint": "^9.13.0",
+    "eslint": "^9.14.0",
     "glob": "^11.0.0",
     "html-webpack-plugin": "^5.6.3",
-    "mini-css-extract-plugin": "^2.9.1",
+    "mini-css-extract-plugin": "^2.9.2",
     "postcss": "^8.4.47",
     "postcss-loader": "^8.1.1",
     "sass": "^1.80.5",
     "typescript": "^5.6.3",
-    "webpack": "^5.95.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^6.0.1"
   }

package/src/qbo-contact.js

@@ -37,7 +37,8 @@ let QboContact = class QboContact extends LitElement {
     async connectedCallback() {
         super.connectedCallback();
         const service = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
-        this.jsonData = await service.fetch(`contact/summary/${this.contactId}`);
+        const payload = (Object.keys(this.dataset).length > 0) ? { ...this.dataset } : null;
+        this.jsonData = await service.fetch(`contact/summary/${this.contactId}`, payload);
     }
     render() {
         if (this.jsonData == undefined || this.jsonData.Root == undefined || (this.jsonData.Root.ContactItem == undefined && this.contactId != null))

package/src/qbo-contact.ts

@@ -59,9 +59,9 @@ export class QboContact extends LitElement {
 
     async connectedCallback() {
         super.connectedCallback();
-
         const service: IApiService = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve<IApiService>(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
-        this.jsonData = await service.fetch(`contact/summary/${this.contactId}`);
+        const payload = (Object.keys(this.dataset).length > 0) ? { ...this.dataset } as Record<string, string> : null;
+        this.jsonData = await service.fetch(`contact/summary/${this.contactId}`, payload);
     }
 
     render() {

package/src/qbo-ssn.js

@@ -16,7 +16,7 @@ const ssnMap = new Map();
 ssnMap.set('defaultLayout', (component) => {
     return html `<div slot="content" class="${component.slotClass}">
         <input type="text" ?disabled=${component.disabled} class="${component.inputClass}" name="${component.inputName}" value="${component.data?.['USSSN']}"/>
-        <span @click="${component.toggleSSN}" class="${component.spanClass}" title="${component.titleShowText}"><i class="${component.imageClassShow}"></i></span>
+        <div><span @click="${component.toggleSSN}" class="${component.spanClass}" title="${component.titleShowText}"><i class="${component.imageClassShow}"></i></span></div>
     </div>`;
 });
 let QboSSN = class QboSSN extends QboFormElement {

package/src/qbo-ssn.ts

@@ -10,7 +10,7 @@ const ssnMap: Map<string, TemplateFunction> = new Map();
 ssnMap.set('defaultLayout', (component: QboSSN) => {
     return html`<div slot="content" class="${component.slotClass}">
         <input type="text" ?disabled=${component.disabled} class="${component.inputClass}" name="${component.inputName}" value="${component.data?.['USSSN']}"/>
-        <span @click="${component.toggleSSN}" class="${component.spanClass}" title="${component.titleShowText}"><i class="${component.imageClassShow}"></i></span>
+        <div><span @click="${component.toggleSSN}" class="${component.spanClass}" title="${component.titleShowText}"><i class="${component.imageClassShow}"></i></span></div>
     </div>`;
 });
 

package/wwwroot/css/ui-bridge.css

@@ -21507,6 +21507,10 @@ nav.qbo-breadcrumb {
 
 /* Breadcrumb - End */
 /* Main Menu - Start */
+nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:not(.qbo-dropdown) {
+  padding-top: 5px;
+}
+
 /* Main Menu - End */
 /* Form - Start */
 @media (min-width: 768px) {
@@ -21529,6 +21533,11 @@ div.qbo-form form > * > slot div > * > select.qbo-sm-top,
 div.qbo-form form > * > slot div > select.qbo-sm-top {
   margin-top: 5px;
 }
+div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group ul.dropdown-menu > li > a > span, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group qbo-menu[type=context] > ul > li > a > span, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group .qbo-menu-context > ul > li > a > span {
+  display: initial;
+  border: initial;
+}
+
 /* Form - End */
 /* Button - Start */
 button.qbo-primary-dropdown {