@quandis/qbo4.ui-bridge 4.0.1-CI-20241031-205224 → 4.0.1-CI-20241101-213505

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20241031-205224",
+  "version": "4.0.1-CI-20241101-213505",
   "workspaces": [
     "code"
   ],
@@ -45,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-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 {
@@ -50,7 +50,7 @@ let QboSSN = class QboSSN extends QboFormElement {
         if (this.show) {
             const service = services.container.isRegistered(this.apiEndpoint)
                 ? services.container.resolve(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
-            const json = await service.fetch(`${this.url}`, { ID: `${this.data?.['ContactID']}` });
+            const json = await service.fetch(`${this.url}?ID=${this.data?.['ContactID']}`);
             this.renderRoot.querySelectorAll(`${this.selectorInput}`).forEach(input => {
                 if (input instanceof HTMLInputElement
                     && json?.ContactCollection?.length > 0

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>`;
 });
 
@@ -84,7 +84,7 @@ export class QboSSN extends QboFormElement {
         if (this.show) {
             const service: IApiService = services.container.isRegistered(this.apiEndpoint)
                 ? services.container.resolve<IApiService>(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
-            const json = await service.fetch(`${this.url}`, { ID: `${this.data?.['ContactID']}` });
+            const json = await service.fetch(`${this.url}?ID=${this.data?.['ContactID']}`);
 
             this.renderRoot.querySelectorAll(`${this.selectorInput}`).forEach(input => {
                 if (input instanceof HTMLInputElement

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 {