@supersoniks/concorde 1.1.43 → 1.1.44

package/core/mixins/Fetcher.d.ts

@@ -2,15 +2,18 @@
 import "@supersoniks/concorde/core/components/ui/button/button";
 import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
 import API from "@supersoniks/concorde/core/utils/api";
-declare type Constructor<T> = new (...args: any[]) => T;
-declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterface<PropsType>> = any>(superClass: T, propsType?: PropsType | undefined) => {
-    new (...args: any[]): {
+import { PublisherContentType } from "../_types/types";
+import { MixinArgsType } from "../_types/types";
+import { ResultTypeInterface } from "@supersoniks/concorde/core/utils/api";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, PropsType extends PublisherContentType = PublisherContentType>(superClass: T, propsType?: PropsType | undefined) => {
+    new (...args: MixinArgsType[]): {
         api: API | null;
         /**
          * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
          * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
          */
-        key: String;
+        key: string;
         /**
          * isFirstLoad vaut true jusqu'au premier chargement de données
          */
@@ -33,6 +36,7 @@ declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterfa
          */
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (PropsType & ResultTypeInterface) | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -52,36 +56,30 @@ declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterfa
          */
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: PropsType | null;
-        propertyMap: Object;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
         dataProvider: string | null;
-        noShadowDom: string | null; /**
-         * isFirstLoad vaut true jusqu'au premier chargement de données
-         */
+        noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
         displayContents: boolean;
-        shadowRoot?: ShadowRoot | undefined; /**
-         * isLoading vaut true pendant le chargement des données
-         */
+        shadowRoot?: ShadowRoot | undefined;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
         removeAttribute(name: string): void;
-        initPublisher(): void; /**
-         * On peut désactiver le fetch programmatiquement via cette propriété.
-         * Cela est le cas pour le composant sonic-list qui ne fetch que si l'attribut fetch est renseigné
-         */
+        initPublisher(): void;
         getApiConfiguration(): import("@supersoniks/concorde/core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export default Fetcher;

package/core/mixins/Fetcher.js

@@ -58,6 +58,12 @@ const Fetcher = (superClass, propsType) => {
             args;
             this.dataProvider = "";
         }
+        get props() {
+            return super.props;
+        }
+        set props(value) {
+            super.props = value;
+        }
         set endPoint(value) {
             this._endPoint = value;
             if (this.isConnected)
@@ -83,12 +89,13 @@ const Fetcher = (superClass, propsType) => {
                 this.dispatchEvent(new CustomEvent("loading", { detail: this }));
                 this.isLoading = true;
                 this.requestUpdate();
-                let data;
-                let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
+                const hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
                 if (hasLoader)
                     Loader.show();
-                let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
-                data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
+                const headerData = PublisherManager.getInstance()
+                    .get(this.getAncestorAttributeValue("headersDataProvider"))
+                    .get();
+                let data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
                 // Je garde ça mais normalement ça n'arrive jamais
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
@@ -104,7 +111,7 @@ const Fetcher = (superClass, propsType) => {
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {
-                    let response = data._sonic_http_response_;
+                    const response = data._sonic_http_response_;
                     /* preserveOtherKeys s'exprime lorsque le paramètre "key" est défini
                      * Conserve les autres propriétés de l'objet reçu, en plus des propriétés définies sous "key"
                      */
@@ -155,18 +162,17 @@ const Fetcher = (superClass, propsType) => {
             if (lazyLoad === null) {
                 return;
             }
-            let options = {
+            const options = {
                 root: null,
                 rootMargin: Math.max(window.innerWidth, window.innerHeight) + "px",
             };
             this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
-            let that = this;
-            let elt = this.shadowRoot ? this.shadowRoot.children[0] : that.children[0];
+            let elt = this.shadowRoot ? this.shadowRoot.children[0] : this.children[0];
             if (elt && elt.nodeName.toLocaleLowerCase() == "slot")
                 elt = elt.children[0];
             if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
                 elt = document.createElement("span");
-                that.appendChild(elt);
+                this.appendChild(elt);
             }
             if (elt) {
                 this.iObserver.observe(elt);
@@ -183,6 +189,9 @@ const Fetcher = (superClass, propsType) => {
             }
         }
     }
+    __decorate([
+        property()
+    ], FetcherElement.prototype, "props", null);
     __decorate([
         property({ type: String })
     ], FetcherElement.prototype, "endPoint", null);
@@ -192,6 +201,6 @@ const Fetcher = (superClass, propsType) => {
     __decorate([
         property({ type: Number })
     ], FetcherElement.prototype, "refetchEveryMs", void 0);
-    return FetcherElement; // as Constructor<SubscriberInterface> & T;
+    return FetcherElement; //as Constructor<SubscriberInterface> & T;
 };
 export default Fetcher;

package/core/mixins/FormCheckable.d.ts

@@ -1,7 +1,8 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
-declare type Constructor<T> = new (...args: any[]) => T;
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
-    new (...args: any[]): {
+    new (...args: MixinArgsType[]): {
         /**
          *  Voir  la mixin FormElement.
          */
@@ -56,9 +57,11 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         ariaLabel?: string | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -77,7 +80,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         getApiConfiguration(): import("../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export default Form;

package/core/mixins/FormCheckable.js

@@ -37,9 +37,9 @@ const Form = (superClass) => {
              */
             this._checked = null;
             this.updateAllChecked = () => {
-                let name = this.getAttribute("name");
-                let checkAllPublisher = this.getCheckAllPublisher();
-                let formPublisher = this.getFormPublisher();
+                const name = this.getAttribute("name");
+                const checkAllPublisher = this.getCheckAllPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (!(checkAllPublisher === null || checkAllPublisher === void 0 ? void 0 : checkAllPublisher.hasCheckAll.get())) {
                     return;
                 }
@@ -54,11 +54,11 @@ const Form = (superClass) => {
                     else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
                         checkAllPublisher.checkMode = "someUnchecked";
                     }
-                    let currentValues = formPublisher[name].get();
-                    let allValues = checkAllPublisher.values.get();
+                    const currentValues = formPublisher[name].get();
+                    const allValues = checkAllPublisher.values.get();
                     if (allValues && allValues.length) {
                         let checkedCount = allValues.length;
-                        for (let p of allValues) {
+                        for (const p of allValues) {
                             if (currentValues.indexOf(p) == -1) {
                                 checkedCount -= 1;
                             }
@@ -108,7 +108,7 @@ const Form = (superClass) => {
             if (!this.value)
                 return;
             // On check l'élément si il est cheched dans le formPublisher
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher && this.name) {
                 let currentValue = formPublisher[this.name].get();
                 if (this.radio || this.unique) {
@@ -131,13 +131,13 @@ const Form = (superClass) => {
         set checked(checked) {
             this.setCheckedValue(checked);
             if (this.checksAll()) {
-                let checkAllPublisher = this.getCheckAllPublisher();
+                const checkAllPublisher = this.getCheckAllPublisher();
                 if (checkAllPublisher) {
                     if (this.checked === true)
                         checkAllPublisher.checkMode = "allChecked";
                     else if (this.checked === null) {
                         checkAllPublisher.checkMode = "noneChecked";
-                        let formPublisher = this.getFormPublisher();
+                        const formPublisher = this.getFormPublisher();
                         if (formPublisher) {
                             formPublisher[this.name] = [];
                         }
@@ -151,9 +151,9 @@ const Form = (superClass) => {
             const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
             if (!input || input.checkValidity())
                 return;
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher) {
-                let value = formPublisher[this.name].get();
+                const value = formPublisher[this.name].get();
                 if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
                     return;
                 formPublisher.isFormValid = false;
@@ -187,7 +187,7 @@ const Form = (superClass) => {
          * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
          */
         getValueForFormPublisher() {
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (!formPublisher)
                 return null;
             let currentValue = formPublisher[this.name].get();
@@ -201,7 +201,7 @@ const Form = (superClass) => {
                 currentValue = [];
             }
             currentValue = currentValue.slice(0);
-            let idx = currentValue.indexOf(this.value);
+            const idx = currentValue.indexOf(this.value);
             if (this.checked === true && idx === -1 && !this.checksAll())
                 currentValue.push(this.value);
             if (this.checked === null && idx !== -1) {
@@ -230,7 +230,7 @@ const Form = (superClass) => {
             if (!this.formDataProvider)
                 this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
             const formDataProvider = this.formDataProvider;
-            let name = this.getAttribute("name");
+            const name = this.getAttribute("name");
             if (!formDataProvider || !name) {
                 return null;
             }
@@ -238,11 +238,11 @@ const Form = (superClass) => {
         }
         disconnectedCallback() {
             super.disconnectedCallback();
-            let checkAllPublisher = this.getCheckAllPublisher();
+            const checkAllPublisher = this.getCheckAllPublisher();
             if (checkAllPublisher) {
                 checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
                 if (!this.checksAll()) {
-                    let values = checkAllPublisher.values.get().slice(0);
+                    const values = checkAllPublisher.values.get().slice(0);
                     const idx = values.indexOf(this.value);
                     if (idx != -1) {
                         values.splice(idx, 1);
@@ -256,12 +256,14 @@ const Form = (superClass) => {
             super.connectedCallback();
             const formPublisher = this.getFormPublisher();
             if (formPublisher && this.name) {
-                let publisherValueForName = formPublisher[this.name].get();
-                if (publisherValueForName && publisherValueForName.indexOf(this.value) !== -1) {
+                const publisherValueForName = formPublisher[this.name].get();
+                if (publisherValueForName &&
+                    Array.isArray(publisherValueForName) &&
+                    publisherValueForName.indexOf(this.value) !== -1) {
                     this.checked = true;
                 }
             }
-            let checkAllPublisher = this.getCheckAllPublisher();
+            const checkAllPublisher = this.getCheckAllPublisher();
             if (checkAllPublisher) {
                 checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
                 if (this.checksAll()) {

package/core/mixins/FormElement.d.ts

@@ -1,12 +1,15 @@
 import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
-import { PublisherInterface } from "../_types/types";
-declare type Constructor<T> = new (...args: any[]) => T;
+import { PublisherInterface, CoreJSType } from "../_types/types";
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+type FormElementValue = string | string[] | object | null | undefined;
 export interface FormElementInterface extends SubscriberInterface {
     getFormPublisher(): PublisherInterface;
     updateDataValue(): void;
     handleChange(e?: Event): void;
     handleBlur(e?: Event): void;
-    getValueForFormPublisher(): any;
+    getValueForFormPublisher(): FormElementValue;
+    validateFormElement(): void;
     focus?: () => void;
     shadowRoot?: ShadowRoot;
     error: boolean;
@@ -16,12 +19,12 @@ export interface FormElementInterface extends SubscriberInterface {
     formDataProvider: string;
     ariaLabelledby?: string;
     ariaLabel?: string;
-    _value: string | null;
-    get value(): string | null;
-    set value(value: string | null);
+    _value: FormElementValue;
+    get value(): FormElementValue;
+    set value(value: FormElementValue);
     _name: string;
     get name(): string;
     set name(value: string);
 }
-declare const Form: <T extends Constructor<SubscriberInterface<any>>>(superClass: T) => Constructor<FormElementInterface> & T;
+declare const Form: <T extends Constructor<SubscriberInterface<CoreJSType>>>(superClass: T) => Constructor<FormElementInterface> & T;
 export default Form;

package/core/mixins/FormElement.js

@@ -43,7 +43,7 @@ const Form = (superClass) => {
                 this.setFormValueFromPublisher(value);
             };
             this.onFormDataInValidate = () => {
-                let formPublisher = this.getFormPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (!(formPublisher && formPublisher.isFormValid.get())) {
                     return;
                 }
@@ -59,11 +59,13 @@ const Form = (superClass) => {
             this._name = value;
             this.requestUpdate();
         }
-        validateFormElement() { }
+        validateFormElement() {
+            //Implémentation dans une sous classe
+        }
         updateDataValue() {
-            let name = this.getAttribute("name");
+            const name = this.getAttribute("name");
             if (name) {
-                let formPublisher = this.getFormPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (formPublisher) {
                     formPublisher[name] = this.getValueForFormPublisher();
                     this.setFormValueFromPublisher(formPublisher[name].get());
@@ -104,12 +106,11 @@ const Form = (superClass) => {
             return this._value;
         }
         set value(value) {
-            if (this.name == "nom" && value && Objects.deepEqual(value, {})) {
-                console.trace(this);
-            }
             if (value == null)
                 value = "";
-            if (Objects.isObject(value) && value.hasOwnProperty("__value") && value.value == undefined)
+            if (Objects.isObject(value) &&
+                Object.prototype.hasOwnProperty.call(value, "__value") &&
+                value._value == undefined)
                 value = "";
             if (this._value == value)
                 return;
@@ -119,7 +120,7 @@ const Form = (superClass) => {
         }
         initPublisher() {
             let formPublisher = this.getFormPublisher();
-            let value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get()
+            const value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get()
                 ? formPublisher[this._name].get()
                 : this.getAttribute("value");
             if (this._name && this.publisher)
@@ -160,35 +161,35 @@ const Form = (superClass) => {
          * En appuyant sur la touche "Up", le déplacement inverse est effectué.
          */
         addKeyboardNavigation() {
-            let keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
+            const keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
             if (!keyboardLoopIds)
                 return;
-            let split = keyboardLoopIds.split(" ");
-            let keyboardLoopId = split[0];
+            const split = keyboardLoopIds.split(" ");
+            const keyboardLoopId = split[0];
             if (!keyboardLoopId)
                 return;
-            for (let keyboardLoopId2 of split) {
+            for (const keyboardLoopId2 of split) {
                 if (!keyboardLoops.has(keyboardLoopId2)) {
                     keyboardLoops.set(keyboardLoopId2, []);
                 }
-                let keyboardLoop = keyboardLoops.get(keyboardLoopId2);
+                const keyboardLoop = keyboardLoops.get(keyboardLoopId2);
                 if ((keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.indexOf(this)) == -1) {
                     keyboardLoop.push(this);
                 }
             }
-            let keyboardLoop = keyboardLoops.get(keyboardLoopId);
+            const keyboardLoop = keyboardLoops.get(keyboardLoopId);
             this.addEventListener("keydown", (e) => {
                 var _a;
                 const keyboardEvent = e;
                 if (!["ArrowDown", "ArrowUp"].includes(keyboardEvent.key))
                     return;
-                let selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
-                let loop = keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.filter((el) => {
+                const selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
+                const loop = keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.filter((el) => {
                     var _a;
-                    let child = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                    const child = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
                     if (!child)
                         return false;
-                    let cpStyle = window.getComputedStyle(child);
+                    const cpStyle = window.getComputedStyle(child);
                     return (cpStyle.display !== "none" &&
                         cpStyle.display !== "" &&
                         cpStyle.pointerEvents != "none" &&
@@ -197,7 +198,7 @@ const Form = (superClass) => {
                 });
                 let next = null;
                 if (keyboardEvent.key == "ArrowDown" && loop) {
-                    let index = loop.indexOf(this);
+                    const index = loop.indexOf(this);
                     if (index == loop.length - 1) {
                         next = loop[0];
                     }
@@ -206,7 +207,7 @@ const Form = (superClass) => {
                     }
                 }
                 else if (keyboardEvent.key == "ArrowUp" && loop) {
-                    let index = loop.indexOf(this);
+                    const index = loop.indexOf(this);
                     if (index == 0) {
                         next = loop[loop.length - 1];
                     }
@@ -214,7 +215,7 @@ const Form = (superClass) => {
                         next = loop[index - 1];
                     }
                 }
-                let elt = (_a = next === null || next === void 0 ? void 0 : next.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                const elt = (_a = next === null || next === void 0 ? void 0 : next.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
                 if (elt && elt.focus) {
                     elt.focus();
                     e.preventDefault();
@@ -230,7 +231,7 @@ const Form = (superClass) => {
             super.disconnectedCallback();
             if (this._name && this.publisher)
                 this.publisher[this._name].offAssign(this.onValueAssign);
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (this._name && formPublisher) {
                 formPublisher[this._name].offAssign(this.onFormValueAssign);
                 formPublisher.offInvalidate(this.onFormDataInValidate);

package/core/mixins/FormInput.d.ts

@@ -1,8 +1,9 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
-declare type Constructor<T> = new (...args: any[]) => T;
-declare type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
-    new (...args: any[]): {
+    new (...args: MixinArgsType[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
         /**
@@ -21,7 +22,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): any;
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;
         error: boolean;
@@ -31,15 +32,20 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         formDataProvider: string;
         ariaLabelledby?: string | undefined;
         ariaLabel?: string | undefined;
-        _value: string | null;
-        value: string | null;
+        _value: string | object | string[] | null | undefined;
+        value: string | object | string[] | null | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
+        hasAncestorAttribute(attributeName: string): boolean; /**
+         * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
+         * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
+         */
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
         dataProvider: string | null;
@@ -57,7 +63,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormInput.js

@@ -22,7 +22,7 @@ const Form = (superClass) => {
             const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
             if (!input || input.checkValidity())
                 return;
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher)
                 formPublisher.isFormValid = false;
             input.reportValidity();

package/core/mixins/Subscriber.d.ts

@@ -1,11 +1,13 @@
 import { APIConfiguration } from "@supersoniks/concorde/core/utils/api";
 import { LitElement } from "lit";
-import { PublisherInterface, TypeAndRecordOfType } from "@supersoniks/concorde/core/_types/types";
-declare type Constructor<T> = new (...args: any[]) => T;
-export interface SubscriberInterface<PropsType = any> {
+import { PublisherInterface, TypeAndRecordOfType, MixinArgsType, CoreJSType } from "@supersoniks/concorde/core/_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+export interface SubscriberInterface<PropsType = CoreJSType> {
     props: PropsType | null;
-    propertyMap: Object;
+    propertyMap: object;
     isConnected: boolean;
+    children: HTMLCollection;
+    appendChild(node: Node): Node;
     getAncestorAttributeValue(attributeName: string): string;
     hasAncestorAttribute(attributeName: string): boolean;
     querySelectorAll(selector: string): NodeListOf<Element>;
@@ -26,8 +28,8 @@ export interface SubscriberInterface<PropsType = any> {
     connectedCallback(): void;
     requestUpdate(): void;
     getAttribute(name: string): string;
-    hasAttribute(attributeName: String): boolean;
+    hasAttribute(attributeName: string): boolean;
     disconnectedCallback(): void;
 }
-declare const Subscriber: <PropsType = any, T extends Constructor<LitElement> = any>(superClass: T, type?: PropsType | undefined) => Constructor<SubscriberInterface<PropsType>> & T;
+declare const Subscriber: <PropsType = CoreJSType, T extends Constructor<LitElement> = Constructor<LitElement>>(superClass: T, type?: PropsType | undefined) => Constructor<SubscriberInterface<PropsType>> & T;
 export default Subscriber;