@quandis/qbo4.ui 4.0.1-CI-20241108-002603 → 4.0.1-CI-20241108-220729

package/src/qbo/qbo-microphone.js

@@ -7,12 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var QboMicrophone_1;
 import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 /**
   * Collect text input from the user.
   */
-export class QboMicrophone extends LitElement {
+let QboMicrophone = class QboMicrophone extends LitElement {
     constructor() {
         super(...arguments);
         this.renderInHost = true;
@@ -26,6 +27,7 @@ export class QboMicrophone extends LitElement {
         this.target = null;
         this.listening = false;
     }
+    static { QboMicrophone_1 = this; }
     static { this.activeInstance = null; }
     connectedCallback() {
         super.connectedCallback();
@@ -91,7 +93,7 @@ export class QboMicrophone extends LitElement {
     }
     start() {
         this.listening = true;
-        QboMicrophone.activeInstance = this;
+        QboMicrophone_1.activeInstance = this;
         if (this.activeClass)
             this.classList.add(this.activeClass);
         console.log('listening');
@@ -99,7 +101,7 @@ export class QboMicrophone extends LitElement {
     }
     stop(e) {
         this.listening = false;
-        QboMicrophone.activeInstance = null;
+        QboMicrophone_1.activeInstance = null;
         if (this.activeClass)
             this.classList.remove(this.activeClass);
         console.log('stopped listening');
@@ -112,7 +114,7 @@ export class QboMicrophone extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
-}
+};
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
@@ -141,5 +143,7 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", Object)
 ], QboMicrophone.prototype, "activeClass", void 0);
-if (!customElements.get('qbo-microphone'))
-    customElements.define('qbo-microphone', QboMicrophone);
+QboMicrophone = QboMicrophone_1 = __decorate([
+    customElement('qbo-microphone')
+], QboMicrophone);
+export { QboMicrophone };

package/src/qbo/qbo-microphone.ts

@@ -11,6 +11,7 @@ declare global {
 /**
   * Collect text input from the user.
   */
+@customElement('qbo-microphone')
 export class QboMicrophone extends LitElement
 {
     static activeInstance: QboMicrophone | null = null;
@@ -134,6 +135,3 @@ export class QboMicrophone extends LitElement
         return html`<slot></slot>`;
     }
 }
-
-if (!customElements.get('qbo-microphone'))
-    customElements.define('qbo-microphone', QboMicrophone)

package/src/qbo/qbo-paginate.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { html, css, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { qboui } from './styles.js';
-export class QboPaginate extends LitElement {
+let QboPaginate = class QboPaginate extends LitElement {
     constructor() {
         super(...arguments);
         this.display = 25;
@@ -104,7 +104,7 @@ export class QboPaginate extends LitElement {
         </ul>
       </nav>`;
     }
-}
+};
 __decorate([
     property({ type: Number }),
     __metadata("design:type", Object)
@@ -133,5 +133,7 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], QboPaginate.prototype, "editSize", void 0);
-if (!customElements.get('qbo-paginate'))
-    customElements.define('qbo-paginate', QboPaginate);
+QboPaginate = __decorate([
+    customElement('qbo-paginate')
+], QboPaginate);
+export { QboPaginate };

package/src/qbo/qbo-paginate.ts

@@ -2,6 +2,7 @@
 import { customElement, property } from 'lit/decorators.js';
 import { qboui } from './styles.js';
 
+@customElement('qbo-paginate')
 export class QboPaginate extends LitElement {
     @property({ type: Number })
     display = 25;
@@ -119,6 +120,3 @@ export class QboPaginate extends LitElement {
     }
 
 }
-
-if (!customElements.get('qbo-paginate'))
-    customElements.define('qbo-paginate', QboPaginate)

package/src/qbo/qbo-popover.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, html } from "lit";
-import { property, state } from "lit/decorators.js";
+import { customElement, property, state } from "lit/decorators.js";
 import { computePosition, shift, flip } from "@floating-ui/dom";
-export class QboPopover extends LitElement {
+let QboPopover = class QboPopover extends LitElement {
     constructor() {
         super(...arguments);
         this.placement = "bottom";
@@ -78,7 +78,7 @@ export class QboPopover extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
-}
+};
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
@@ -91,5 +91,7 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], QboPopover.prototype, "isOpen", void 0);
-if (!customElements.get('qbo-popover'))
-    customElements.define('qbo-popover', QboPopover);
+QboPopover = __decorate([
+    customElement('qbo-popover')
+], QboPopover);
+export { QboPopover };

package/src/qbo/qbo-popover.ts

@@ -2,6 +2,7 @@
 import { customElement, property, state } from "lit/decorators.js";
 import { computePosition, Placement, shift, flip } from "@floating-ui/dom";
 
+@customElement('qbo-popover')
 export class QboPopover extends LitElement {
 
     @property({ type: String })
@@ -96,7 +97,4 @@ export class QboPopover extends LitElement {
     render() {
         return html`<slot></slot>`;
     }
-}
-
-if (!customElements.get('qbo-popover'))
-    customElements.define('qbo-popover', QboPopover)
+}

package/src/qbo/qbo-popup-listener.js

@@ -8,11 +8,11 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 /**
   * Listens for a popup event, and renders popup with the content.
   */
-export class QboPopupListener extends LitElement {
+let QboPopupListener = class QboPopupListener extends LitElement {
     constructor() {
         super(...arguments);
         this.open = false;
@@ -102,7 +102,7 @@ export class QboPopupListener extends LitElement {
         </slot>
     `;
     }
-}
+};
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
@@ -139,5 +139,7 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], QboPopupListener.prototype, "listen", void 0);
-if (!customElements.get('qbo-popup-listener'))
-    customElements.define('qbo-popup-listener', QboPopupListener);
+QboPopupListener = __decorate([
+    customElement('qbo-popup-listener')
+], QboPopupListener);
+export { QboPopupListener };

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

@@ -4,6 +4,7 @@ import { customElement, property } from 'lit/decorators.js';
 /**
   * Listens for a popup event, and renders popup with the content.
   */
+@customElement('qbo-popup-listener')
 export class QboPopupListener extends LitElement {
     @property({ type: Boolean })
     open = false;
@@ -126,6 +127,3 @@ export class QboPopupListener extends LitElement {
     `;
     }
 }
-
-if (!customElements.get('qbo-popup-listener'))
-    customElements.define('qbo-popup-listener', QboPopupListener)

package/src/qbo/qbo-popup.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { QboFetch } from './qbo-fetch.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 /**
@@ -17,7 +17,7 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
   * @remarks
   * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
   */
-export class QboPopup extends QboFetch {
+let QboPopup = class QboPopup extends QboFetch {
     constructor() {
         super(...arguments);
         this.open = false;
@@ -76,7 +76,7 @@ export class QboPopup extends QboFetch {
         <slot name="content" @click="${this.hide}" style="display:${this.open ? 'flex' : 'none'}">${unsafeHTML(this.html)}</slot>
     `;
     }
-}
+};
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
@@ -89,5 +89,7 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], QboPopup.prototype, "renderInHost", void 0);
-if (!customElements.get('qbo-popup'))
-    customElements.define('qbo-popup', QboPopup);
+QboPopup = __decorate([
+    customElement('qbo-popup')
+], QboPopup);
+export { QboPopup };

package/src/qbo/qbo-popup.ts

@@ -9,6 +9,7 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
   * @remarks
   * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
   */
+@customElement('qbo-popup')
 export class QboPopup extends QboFetch {
     @property({ type: Boolean })
     open = false;
@@ -81,6 +82,3 @@ export class QboPopup extends QboFetch {
     `;
     }
 }
-
-if (!customElements.get('qbo-popup'))
-    customElements.define('qbo-popup', QboPopup)

package/src/qbo/qbo-resize.js

@@ -8,13 +8,13 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, html, css } from 'lit';
-import { property, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 export var ResizeType;
 (function (ResizeType) {
     ResizeType["Horizontal"] = "horizontal";
     ResizeType["Vertical"] = "vertical";
 })(ResizeType || (ResizeType = {}));
-export class QboResize extends LitElement {
+let QboResize = class QboResize extends LitElement {
     constructor() {
         super(...arguments);
         this.isResizing = false;
@@ -93,7 +93,7 @@ export class QboResize extends LitElement {
     render() {
         return html `<slot><span></span></slot>`;
     }
-}
+};
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -102,5 +102,7 @@ __decorate([
     property(),
     __metadata("design:type", String)
 ], QboResize.prototype, "type", void 0);
-if (!customElements.get('qbo-resize'))
-    customElements.define('qbo-resize', QboResize);
+QboResize = __decorate([
+    customElement('qbo-resize')
+], QboResize);
+export { QboResize };

package/src/qbo/qbo-resize.ts

@@ -6,6 +6,8 @@ export enum ResizeType {
     Vertical = 'vertical'
 }
 
+
+@customElement('qbo-resize')
 export class QboResize extends LitElement {
     static styles = css`
   `;
@@ -99,6 +101,3 @@ export class QboResize extends LitElement {
         return html`<slot><span></span></slot>`;
     }
 }
-
-if (!customElements.get('qbo-resize'))
-    customElements.define('qbo-resize', QboResize)

package/src/qbo/qbo-select.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { getArray } from './qbo-json.js';
 import { QboFormElement, getApiService } from './Program.js';
 /**
@@ -17,7 +17,7 @@ import { QboFormElement, getApiService } from './Program.js';
   * @remarks
   * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
   */
-export class QboSelect extends QboFormElement {
+let QboSelect = class QboSelect extends QboFormElement {
     constructor() {
         super(...arguments);
         this.apiEndpoint = 'default';
@@ -59,7 +59,7 @@ export class QboSelect extends QboFormElement {
             ${this.options.map(option => html `<option value="${option[this.optionValue]}" ?selected="${option[this.optionValue] == this.defaultValue}">${option[this.optionText]}</option>`)}
         </select>`;
     }
-}
+};
 __decorate([
     property({ type: String }),
     __metadata("design:type", Object)
@@ -100,5 +100,7 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], QboSelect.prototype, "renderInHost", void 0);
-if (!customElements.get('qbo-select'))
-    customElements.define('qbo-select', QboSelect);
+QboSelect = __decorate([
+    customElement('qbo-select')
+], QboSelect);
+export { QboSelect };

package/src/qbo/qbo-select.ts

@@ -10,6 +10,7 @@ import { IApiService, QboFormElement, getApiService } from './Program.js';
   * @remarks
   * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
   */
+@customElement('qbo-select')
 export class QboSelect extends QboFormElement
 {
     @property({ type: String })
@@ -76,6 +77,3 @@ export class QboSelect extends QboFormElement
         </select>`;
     }
 }
-
-if (!customElements.get('qbo-select'))
-    customElements.define('qbo-select', QboSelect)

package/src/qbo/qbo-selectable.js

@@ -8,14 +8,14 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, css, html } from "lit";
-import { property } from "lit/decorators.js";
+import { customElement, property } from "lit/decorators.js";
 import { qboui } from "./styles.js";
 export var Mode;
 (function (Mode) {
     Mode["Single"] = "single";
     Mode["Multi"] = "multi";
 })(Mode || (Mode = {}));
-export class QboSelectable extends LitElement {
+let QboSelectable = class QboSelectable extends LitElement {
     constructor() {
         super(...arguments);
         this.classSelected = 'qbo-select-on';
@@ -129,7 +129,7 @@ export class QboSelectable extends LitElement {
         });
         this.dispatchEvent(event);
     }
-}
+};
 __decorate([
     property(),
     __metadata("design:type", String)
@@ -166,5 +166,7 @@ __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
 ], QboSelectable.prototype, "target", void 0);
-if (!customElements.get('qbo-selectable'))
-    customElements.define('qbo-selectable', QboSelectable);
+QboSelectable = __decorate([
+    customElement('qbo-selectable')
+], QboSelectable);
+export { QboSelectable };

package/src/qbo/qbo-selectable.ts

@@ -7,6 +7,7 @@ export enum Mode {
     Multi = 'multi'
 }
 
+@customElement('qbo-selectable')
 export class QboSelectable extends LitElement {
 
     @property()
@@ -153,6 +154,3 @@ export class QboSelectable extends LitElement {
         this.dispatchEvent(event);
     }
 }
-
-if (!customElements.get('qbo-selectable'))
-    customElements.define('qbo-selectable', QboSelectable)

package/src/qbo/qbo-table.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { getArray, replicate } from './qbo-json.js';
 import { QboFetch } from './qbo-fetch.js';
 /**
@@ -18,7 +18,7 @@ import { QboFetch } from './qbo-fetch.js';
   * This element is a thin wrapper around {@link QboFetch} that renders a <table> element with options populated from a JSON array.
   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template#examples
   */
-export class QboTable extends QboFetch {
+let QboTable = class QboTable extends QboFetch {
     constructor() {
         super(...arguments);
         this.loading = false;
@@ -67,7 +67,7 @@ export class QboTable extends QboFetch {
         }
         return null;
     }
-}
+};
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
@@ -88,5 +88,7 @@ __decorate([
     property(),
     __metadata("design:type", Object)
 ], QboTable.prototype, "options", void 0);
-if (!customElements.get('qbo-table'))
-    customElements.define('qbo-table', QboTable);
+QboTable = __decorate([
+    customElement('qbo-table')
+], QboTable);
+export { QboTable };

package/src/qbo/qbo-table.ts

@@ -10,6 +10,7 @@ import { QboFetch } from './qbo-fetch.js';
   * This element is a thin wrapper around {@link QboFetch} that renders a <table> element with options populated from a JSON array.
   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template#examples
   */
+@customElement('qbo-table')
 export class QboTable extends QboFetch {
     @property({ type: Boolean })
     loading = false;
@@ -77,5 +78,3 @@ export class QboTable extends QboFetch {
 
 }
 
-if (!customElements.get('qbo-table'))
-    customElements.define('qbo-table', QboTable)

package/src/qbo/qbo-user-preferences.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, html, css } from 'lit';
-import { property, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { qboui } from './styles.js';
-export class QboUserPreferences extends LitElement {
+let QboUserPreferences = class QboUserPreferences extends LitElement {
     static { this.styles = [qboui, css `
     :host {
       display: block;
@@ -89,7 +89,7 @@ export class QboUserPreferences extends LitElement {
       </dialog>
     ` : html ``}`;
     }
-}
+};
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
@@ -102,6 +102,11 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], QboUserPreferences.prototype, "isEditing", void 0);
+QboUserPreferences = __decorate([
+    customElement('qbo-user-preferences'),
+    __metadata("design:paramtypes", [])
+], QboUserPreferences);
+export { QboUserPreferences };
 export function setUserPreference(preference, value, storageKey = 'qbo4.ui.preferences') {
     // Get the current stored preferences
     const storedPreferences = localStorage.getItem(storageKey);
@@ -171,5 +176,3 @@ export function formatDate(dateString, format = null) {
     const formattedDate = new Intl.DateTimeFormat(undefined, options).format(new Date(dateString));
     return formattedDate;
 }
-if (!customElements.get('qbo-user-preferences'))
-    customElements.define('qbo-user-preferences', QboUserPreferences);

package/src/qbo/qbo-user-preferences.ts

@@ -2,6 +2,7 @@
 import { customElement, property, state } from 'lit/decorators.js';
 import { qboui } from './styles.js';
 
+@customElement('qbo-user-preferences')
 export class QboUserPreferences extends LitElement {
     @property({ type: Object }) preferences = {};
 
@@ -164,6 +165,3 @@ export function formatDate(dateString: string | Date | undefined | null, format:
 
     return formattedDate;
 }
-
-if (!customElements.get('qbo-user-preferences'))
-    customElements.define('qbo-user-preferences', QboUserPreferences)

package/src/qbo/qbo-validate.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { ValidateToken } from './IValidate.js';
 import { services } from './Services.js';
 /**
@@ -34,7 +34,7 @@ import { services } from './Services.js';
  * });
  * ```
  */
-export class QboValidate extends LitElement {
+let QboValidate = class QboValidate extends LitElement {
     constructor() {
         super();
         this.renderInHost = false;
@@ -120,7 +120,7 @@ export class QboValidate extends LitElement {
     render() {
         return html ``;
     }
-}
+};
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
@@ -142,5 +142,8 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], QboValidate.prototype, "workingClass", void 0);
-if (!customElements.get('qbo-validate'))
-    customElements.define('qbo-validate', QboValidate);
+QboValidate = __decorate([
+    customElement('qbo-validate'),
+    __metadata("design:paramtypes", [])
+], QboValidate);
+export { QboValidate };

package/src/qbo/qbo-validate.ts

@@ -27,6 +27,7 @@ import { DependencyContainer } from 'tsyringe';
  * });
  * ```
  */
+@customElement('qbo-validate')
 export class QboValidate extends LitElement {
 
     @property({ type: Boolean })
@@ -138,6 +139,3 @@ export class QboValidate extends LitElement {
     }
 
 }
-
-if (!customElements.get('qbo-validate'))
-    customElements.define('qbo-validate', QboValidate)