@quandis/qbo4.ui 4.0.1-CI-20240405-163539 → 4.0.1-CI-20240406-034601

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20240405-163539",
+  "version": "4.0.1-CI-20240406-034601",
   "workspaces": [
     "code"
   ],

package/src/qbo/qbo-api.d.ts

@@ -4,5 +4,5 @@ export declare class ApiServiceComponent extends LitElement {
     apiEndpoint: string | null;
     method: string;
     firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-breadcrumb.d.ts

@@ -18,6 +18,6 @@ export declare class QboBreadcrumb extends QboFetch {
     renderInHost: boolean;
     createRenderRoot(): Element | ShadowRoot;
     connectedCallback(): void;
-    renderItem(option: any): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    renderItem(option: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-datalist.d.ts

@@ -18,5 +18,5 @@ export declare class QboDataList extends QboFetch {
     createRenderRoot(): Element | ShadowRoot;
     buildDataList(e: any): Promise<void>;
     setOutputValue(e: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-docviewer.d.ts

@@ -11,5 +11,5 @@ export declare class QboDocViewer extends QboFetch {
     renderInHost: boolean;
     static styles: import("lit").CSSResult[];
     connectedCallback(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-form-element.d.ts

@@ -13,7 +13,7 @@ export declare class QboFormElement extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     establishFormData(): void;
     handleFormChange: (event: any) => void;
     augment: (event: any) => void;

package/src/qbo/qbo-form-element.ts

@@ -1,121 +1,121 @@
 import { ILoggerService, ILoggerServiceToken, services } from '@quandis/qbo4.logging';
-import { html, css, LitElement, PropertyValues } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { html, css, LitElement, PropertyValues } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { substitute } from './qbo-json.js';
-
-@customElement('qbo-form-element')
-export class QboFormElement extends LitElement {
-    static formAssociated = true;
-
-    @property({ type: FormData })
-    value: FormData = new FormData();
-
-    @property({ type: String })
-    template = '';
-
-    @property({ type: String })
-    name = '';
-
-    @property({ type: Object })
-    data = null;
-
-    private templateNode: HTMLTemplateElement | null = null;
-
-    private internals: ElementInternals;
+
+@customElement('qbo-form-element')
+export class QboFormElement extends LitElement {
+    static formAssociated = true;
+
+    @property({ type: FormData })
+    value: FormData = new FormData();
+
+    @property({ type: String })
+    template = '';
+
+    @property({ type: String })
+    name = '';
+
+    @property({ type: Object })
+    data = null;
+
+    private templateNode: HTMLTemplateElement | null = null;
+
+    private internals: ElementInternals;
     logger: ILoggerService;
-
-    constructor() {
-        super();
-        this.internals = this.attachInternals(); // Attach the form internals
-        this.logger = services.container.resolve<ILoggerService>(ILoggerServiceToken);
-    }
-
-    connectedCallback() {
-        super.connectedCallback();
-        this.templateNode = document.getElementById(this.template) as HTMLTemplateElement;
-
-        if (this.templateNode) {
-            this.appendChild(this.templateNode.content.cloneNode(true));
-            this.innerHTML = substitute(this.innerHTML, this.data);
-        }
-        this.shadowRoot?.addEventListener('change', this.handleFormChange);
-        this.shadowRoot?.addEventListener('qbo-form-update', this.augment);
-
-    }
-
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.shadowRoot?.removeEventListener('change', this.handleFormChange);
-        this.shadowRoot?.removeEventListener('qbo-form-update', this.augment);
-    }
-
-    updated(changedProperties: PropertyValues) {
-        super.updated(changedProperties);
-        this.establishFormData();
-    }
-
-    render() {
-        return html`<slot></slot>`;
-    }
-
-    establishFormData() {
-        const elements = this.shadowRoot?.querySelectorAll('input, select, textarea');
-        const inputs = Array.from(elements!).filter(e => !e.assignedSlot
-            && (e instanceof HTMLInputElement
-                || e instanceof HTMLSelectElement
-                || e instanceof HTMLTextAreaElement
-                || e instanceof QboFormElement
-            ) && e.name
-        );
-        inputs!.forEach(element => {
-            const input = element as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | QboFormElement;
-
-            if (input instanceof HTMLSelectElement) {
-                this.value.set(`${this.name}${input.name}`, input.value);
-            } else if (input instanceof HTMLTextAreaElement) {
-                this.value.set(`${this.name}${input.name}`, input.value);
-            } else if (input instanceof QboFormElement) {
-                for (let [key, value] of input.value.entries()) {
-                    this.value.set(`${this.name}${key}`, value);
+
+    constructor() {
+        super();
+        this.internals = this.attachInternals(); // Attach the form internals
+        this.logger = services.container.resolve<ILoggerService>(ILoggerServiceToken);
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this.templateNode = document.getElementById(this.template) as HTMLTemplateElement;
+
+        if (this.templateNode) {
+            this.appendChild(this.templateNode.content.cloneNode(true));
+            this.innerHTML = substitute(this.innerHTML, this.data);
+        }
+        this.shadowRoot?.addEventListener('change', this.handleFormChange);
+        this.shadowRoot?.addEventListener('qbo-form-update', this.augment);
+
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.shadowRoot?.removeEventListener('change', this.handleFormChange);
+        this.shadowRoot?.removeEventListener('qbo-form-update', this.augment);
+    }
+
+    updated(changedProperties: PropertyValues) {
+        super.updated(changedProperties);
+        this.establishFormData();
+    }
+
+    render() {
+        return html`<slot></slot>`;
+    }
+
+    establishFormData() {
+        const elements = this.shadowRoot?.querySelectorAll('input, select, textarea');
+        const inputs = Array.from(elements!).filter(e => !e.assignedSlot
+            && (e instanceof HTMLInputElement
+                || e instanceof HTMLSelectElement
+                || e instanceof HTMLTextAreaElement
+                || e instanceof QboFormElement
+            ) && e.name
+        );
+        inputs!.forEach(element => {
+            const input = element as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | QboFormElement;
+
+            if (input instanceof HTMLSelectElement) {
+                this.value.set(`${this.name}${input.name}`, input.value);
+            } else if (input instanceof HTMLTextAreaElement) {
+                this.value.set(`${this.name}${input.name}`, input.value);
+            } else if (input instanceof QboFormElement) {
+                for (let [key, value] of input.value.entries()) {
+                    this.value.set(`${this.name}${key}`, value);
                 }
-            } else if (input instanceof HTMLInputElement) {
-                if (input.type === 'checkbox' || input.type === 'radio') {
-                    if (input.checked) {
-                        this.value.set(`${this.name}${input.name}`, input.value);
-                    }
-                } else {
-                    this.value.set(`${this.name}${input.name}`, input.value);
-                }
-            }
-        });
-        this.internals.setFormValue(this.value);
-        this.logger.logTrace(`Set ${this.name} values to `, this.value);
-    }
-
-
-    handleFormChange = (event) => {
-        const target = event.target;
-        if (target.matches('input, select, textarea') && target.name && !target.assignedSlot) {
-            // if the element is assigned to a slot, it's already visible to the parent. Ignore it.
-            this.value.set(`${this.name}${target.name}`, target.value);
-            this.logger.logTrace(`${this.name}${target.name} was set to ${target.value}`);
-        }
-        this.internals.setFormValue(this.value);
-        this.dispatchEvent(new CustomEvent('qbo-form-update', { bubbles: true, composed: true, detail: { formData: this.value } }));
-    }
-
-    augment = (event) => {
-        event.stopPropagation();
-        console.log(event)
-        if (event instanceof CustomEvent && event.detail.formData instanceof FormData) {
-            // To replace existing entries instead of appending
-            for (let [key, value] of event.detail.formData.entries()) {
-                this.value.set(key, value);
-                console.log(`Added ${key}=${value} to ${this.name}`);
-            }
-        }
-        this.internals.setFormValue(this.value);
-        this.dispatchEvent(new CustomEvent('qbo-form-update', { bubbles: true, composed: true, detail: { formData: this.value } }));
-    }
-}
-
+            } else if (input instanceof HTMLInputElement) {
+                if (input.type === 'checkbox' || input.type === 'radio') {
+                    if (input.checked) {
+                        this.value.set(`${this.name}${input.name}`, input.value);
+                    }
+                } else {
+                    this.value.set(`${this.name}${input.name}`, input.value);
+                }
+            }
+        });
+        this.internals.setFormValue(this.value);
+        this.logger.logTrace(`Set ${this.name} values to `, this.value);
+    }
+
+
+    handleFormChange = (event) => {
+        const target = event.target;
+        if (target.matches('input, select, textarea') && target.name && !target.assignedSlot) {
+            // if the element is assigned to a slot, it's already visible to the parent. Ignore it.
+            this.value.set(`${this.name}${target.name}`, target.value);
+            this.logger.logTrace(`${this.name}${target.name} was set to ${target.value}`);
+        }
+        this.internals.setFormValue(this.value);
+        this.dispatchEvent(new CustomEvent('qbo-form-update', { bubbles: true, composed: true, detail: { formData: this.value } }));
+    }
+
+    augment = (event) => {
+        event.stopPropagation();
+        console.log(event)
+        if (event instanceof CustomEvent && event.detail.formData instanceof FormData) {
+            // To replace existing entries instead of appending
+            for (let [key, value] of event.detail.formData.entries()) {
+                this.value.set(key, value);
+                console.log(`Added ${key}=${value} to ${this.name}`);
+            }
+        }
+        this.internals.setFormValue(this.value);
+        this.dispatchEvent(new CustomEvent('qbo-form-update', { bubbles: true, composed: true, detail: { formData: this.value } }));
+    }
+}
+

package/src/qbo/qbo-link.d.ts

@@ -11,5 +11,5 @@ export declare class QboLink extends LitElement {
         [key: string]: any;
     } | null;
     connectedCallback(): Promise<void>;
-    render(): import("lit").TemplateResult<1> | undefined;
+    render(): import("lit-html").TemplateResult<1> | undefined;
 }

package/src/qbo/qbo-logging.d.ts

@@ -9,5 +9,5 @@ export declare class QboLogging extends LitElement {
     infoClass: string;
     firstUpdated(changedProperties: PropertyValues): void;
     connectedCallback(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-mainmenu.d.ts

@@ -31,11 +31,11 @@ export declare class QboMainMenu extends QboFetch {
     disconnectedCallback(): void;
     handleResize: () => void;
     updated(changedProperties: PropertyValues): void;
-    renderImage(image: any): import("lit").TemplateResult<1>;
-    renderMenu(json: any, isDropdown: any, isSubmenu: any): import("lit").TemplateResult<1>;
-    renderMenuDivider(): import("lit").TemplateResult<1>;
-    renderMenuDropdown(json: any, isSubmenu: any): import("lit").TemplateResult<1>;
-    renderMenuDropdownLink(url: any, text: any, icon: any): import("lit").TemplateResult<1>;
-    renderMenuLink(menu: any): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    renderImage(image: any): import("lit-html").TemplateResult<1>;
+    renderMenu(json: any, isDropdown: any, isSubmenu: any): import("lit-html").TemplateResult<1>;
+    renderMenuDivider(): import("lit-html").TemplateResult<1>;
+    renderMenuDropdown(json: any, isSubmenu: any): import("lit-html").TemplateResult<1>;
+    renderMenuDropdownLink(url: any, text: any, icon: any): import("lit-html").TemplateResult<1>;
+    renderMenuLink(menu: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-markdown.d.ts

@@ -5,5 +5,5 @@ import { LitElement } from 'lit';
 export declare class QboMarkdown extends LitElement {
     src: any;
     connectedCallback(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-microphone.d.ts

@@ -27,5 +27,5 @@ export declare class QboMicrophone extends LitElement {
     start(): void;
     stop(e: any): void;
     error(e: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-popover.d.ts

@@ -4,5 +4,5 @@ export declare class QboPopover extends LitElement {
     renderInHost: boolean;
     createRenderRoot(): Element | ShadowRoot;
     updated(changedProperties: PropertyValues): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-popup-listener.d.ts

@@ -21,5 +21,5 @@ export declare class QboPopupListener extends LitElement {
     handleOutsideClick(event: any): void;
     firstUpdated(): void;
     showElement(el: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-popup.d.ts

@@ -15,5 +15,5 @@ export declare class QboPopup extends QboFetch {
     show(): void;
     hide(event: any): void;
     handleOutsideClick(event: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-select.d.ts

@@ -18,5 +18,5 @@ export declare class QboSelect extends QboFetch {
     static styles: import("lit").CSSResult[];
     connectedCallback(): Promise<void>;
     createRenderRoot(): Element | ShadowRoot;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-sidebar.d.ts

@@ -6,5 +6,5 @@ export declare class QboSideBar extends LitElement {
     menuExpanded: string;
     menuShow: string;
     updated(changedProperties: PropertyValues): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-table.d.ts

@@ -16,7 +16,7 @@ export declare class QboTable extends QboFetch {
     }> | null;
     connectedCallback(): Promise<void>;
     createRenderRoot(): Element | ShadowRoot;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     loadData(): Array<{
         [key: string]: string;
     }> | null;

package/src/qbo/qbo-validate.d.ts

@@ -34,5 +34,5 @@ export declare class QboValidate extends LitElement {
     disconnectedCallback(): Promise<void>;
     validate: (event: Event) => Promise<void>;
     validateElement: (source: Event | HTMLElement) => Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/src/qbo/qbo-validators.d.ts

@@ -1,37 +1,37 @@
-import { InjectionToken } from 'tsyringe';
-/**
-  * Defines a contract for form field validation.
-  * @remarks
-  * External classes may define custom validators by implementing this interface.
-  * Register the custom validator with the tsyringe DI container using {@link ValidateToken}.
-  */
-export interface IValidate {
-    validate(input: HTMLElement): Promise<boolean>;
-    message: string;
-    selector: string;
-}
-/**
- *  Define a token for the validators
- */
-export declare const ValidateToken: InjectionToken<IValidate>;
-/**
- * A validator for a US zip code.
- */
-export declare class ZipCodeValidator implements IValidate {
-    validate(input: HTMLElement): Promise<boolean>;
-    message: string;
-    selector: string;
-}
-/**
- * A validator for an email address.
- */
-export declare class EmailValidator implements IValidate {
-    validate(input: HTMLElement): Promise<boolean>;
-    message: string;
-    selector: string;
-}
-export declare class ExistsValidator implements IValidate {
-    validate(input: HTMLElement): Promise<boolean>;
-    message: string;
-    selector: string;
-}
+import { InjectionToken } from 'tsyringe';
+/**
+  * Defines a contract for form field validation.
+  * @remarks
+  * External classes may define custom validators by implementing this interface.
+  * Register the custom validator with the tsyringe DI container using {@link ValidateToken}.
+  */
+export interface IValidate {
+    validate(input: HTMLElement): Promise<boolean>;
+    message: string;
+    selector: string;
+}
+/**
+ *  Define a token for the validators
+ */
+export declare const ValidateToken: InjectionToken<IValidate>;
+/**
+ * A validator for a US zip code.
+ */
+export declare class ZipCodeValidator implements IValidate {
+    validate(input: HTMLElement): Promise<boolean>;
+    message: string;
+    selector: string;
+}
+/**
+ * A validator for an email address.
+ */
+export declare class EmailValidator implements IValidate {
+    validate(input: HTMLElement): Promise<boolean>;
+    message: string;
+    selector: string;
+}
+export declare class ExistsValidator implements IValidate {
+    validate(input: HTMLElement): Promise<boolean>;
+    message: string;
+    selector: string;
+}

package/src/qbo-flowchart/qbo-flowchart.d.ts

@@ -40,6 +40,6 @@ export declare class QboFlowchart extends LitElement {
     createTemplate(options: TemplateOptions): dia.Element<dia.Element.Attributes, dia.ModelSetOptions>;
     createPort(position: String, radius?: Number, tagName?: String, fill?: String, stroke?: String): Object;
     showLinkTools(linkView: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export {};