@supersoniks/concorde 1.1.49 → 2.0.1

package/core/components/ui/toast/message-subscriber.js

@@ -35,13 +35,12 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement, {
         return this._message;
     }
     set message(value) {
-        var _a, _b;
         this._message = value;
         if (!this.message)
             return;
-        if (((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) !== false)
+        if (this.props?.success !== false)
             return;
-        if ((_b = this.props) === null || _b === void 0 ? void 0 : _b.public_message)
+        if (this.props?.public_message)
             return;
         //OUi OUi il faut afficher "message" que si success est parfaitement égal à false et qu'il n'y a rien dans public_message.
         SonicToast.add({ text: this.message, status: "error" });
@@ -50,16 +49,15 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement, {
         return this._data;
     }
     set data(value) {
-        var _a, _b, _c, _d;
         this._data = value;
         const toastOptions = { text: "Votre produit a bien été ajouté", status: "success" };
-        if (Array.isArray(this.data) && ((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) === true)
+        if (Array.isArray(this.data) && this.props?.success === true)
             SonicToast.add(toastOptions);
-        if (this.data == "" && ((_b = this.props) === null || _b === void 0 ? void 0 : _b.status) === true)
+        if (this.data == "" && this.props?.status === true)
             SonicToast.add(toastOptions);
-        if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.success) !== false)
+        if (this.props?.success !== false)
             return;
-        if ((_d = this.props) === null || _d === void 0 ? void 0 : _d.public_message)
+        if (this.props?.public_message)
             return;
         SonicToast.add({ text: this.data, status: "error" });
     }

package/core/components/ui/toast/toast.js

@@ -32,7 +32,17 @@ let SonicToast = class SonicToast extends LitElement {
             margin: "1rem",
         };
         if (!isIframe) {
-            styles = Object.assign(Object.assign({}, styles), { margin: "0", width: "calc(100% - 2.5rem)", position: "fixed", bottom: "1.25rem", right: "1.25rem", zIndex: "10000", maxWidth: "64ch", flexDirection: "column-reverse" });
+            styles = {
+                ...styles,
+                margin: "0",
+                width: "calc(100% - 2.5rem)",
+                position: "fixed",
+                bottom: "1.25rem",
+                right: "1.25rem",
+                zIndex: "10000",
+                maxWidth: "64ch",
+                flexDirection: "column-reverse",
+            };
         }
         // ${window.parent == window ? "fixed-area" : ""}
         if (!this.toasts)
@@ -79,7 +89,6 @@ let SonicToast = class SonicToast extends LitElement {
     }
     // ADD TOAST
     static add(conf) {
-        var _a;
         // Init toast area si absente (au <sonic-theme> ou <body< à défaut)
         if (!document.querySelector("sonic-toast")) {
             const toastComponent = document.createElement("sonic-toast");
@@ -88,7 +97,7 @@ let SonicToast = class SonicToast extends LitElement {
         }
         // Ajoute le toast à la liste
         const toastComponent = document.querySelector("sonic-toast");
-        const nextId = (_a = conf.id) !== null && _a !== void 0 ? _a : new Date().valueOf();
+        const nextId = conf.id ?? new Date().valueOf();
         const interactiveRegExp = new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>");
         const hasInteractive = interactiveRegExp.test(conf.text);
         const currentToast = {
@@ -109,9 +118,9 @@ let SonicToast = class SonicToast extends LitElement {
             }
         }
         if (toastComponent.toasts.length > 0) {
-            const toastA = Object.assign({}, currentToast);
+            const toastA = { ...currentToast };
             for (const toast of toastComponent.toasts) {
-                const toastB = Object.assign({}, toast);
+                const toastB = { ...toast };
                 toastA.id = toastB.id = 0;
                 if ( /*!currentToast.preserve && */Objects.shallowEqual(toastA, toastB)) {
                     return null;
@@ -132,7 +141,7 @@ let SonicToast = class SonicToast extends LitElement {
         if (!toastToRemove)
             return;
         this.toasts = this.toasts.filter((toast) => {
-            toast = Object.assign({}, toast);
+            toast = { ...toast };
             delete toast.id;
             return !Objects.shallowEqual(toast, toastToRemove, false);
         });

package/core/components/ui/tooltip/tooltip.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 export declare class Tooltip extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
-    placement?: "top" | "bottom";
+    placement?: "top" | "bottom" | "left" | "right";
     disabled: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/core.js

@@ -7,3 +7,12 @@ if (!window.SonicPublisherManager)
     window.SonicPublisherManager = PublisherManager;
 if (!window.SonicDataBindObserver)
     window.SonicDataBindObserver = DataBindObserver;
+window.queueMicrotask =
+    window.queueMicrotask ||
+        function (callback) {
+            Promise.resolve()
+                .then(callback)
+                .catch((e) => setTimeout(() => {
+                throw e;
+            }));
+        };

package/core/decorators/Subscriber.js

@@ -90,7 +90,6 @@ export function autoSubscribe() {
                 publisher.onAssign(onAssign, false);
             });
             this.__removeAutoSubscribe__ = () => {
-                console.log("removeAutoSubscribe");
                 publishers.forEach((publisher) => {
                     publisher.offAssign(onAssign);
                 });

package/core/directives/DataProvider.d.ts

@@ -12,21 +12,7 @@ declare class ObserveDirective extends AsyncDirective {
 }
 export declare const subscribe: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
 export declare const sub: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const fresh: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const autoUpdate: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const auto: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const r: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const react: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const reactive: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const current: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const bind: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const watch: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
-export declare const observe: (observable: any) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
 export declare const get: (id: string | any) => any;
-export declare const value: (id: string | any) => any;
-export declare const val: (id: string | any) => any;
-export declare const v: (id: string | any) => any;
 export declare const dataProvider: (id: any) => any;
 export declare const dp: (id: any) => any;
-export declare const proxy: (id: any) => any;
 export {};

package/core/directives/DataProvider.js

@@ -63,8 +63,7 @@ class ObserveDirective extends AsyncDirective {
     // When the directive is disconnected from the DOM, unsubscribe to ensure
     // the directive instance can be garbage collected
     disconnected() {
-        var _a;
-        (_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribe?.();
     }
     // If the subtree the directive is in was disconnected and subsequently
     // re-connected, re-subscribe to make the directive operable again
@@ -79,24 +78,10 @@ const dir = directive(ObserveDirective);
 //autoUpdate directive
 export const subscribe = dir;
 export const sub = dir;
-export const fresh = dir;
-export const autoUpdate = dir;
-export const auto = dir;
-export const r = dir;
-export const react = dir;
-export const reactive = dir;
-export const current = dir;
-export const bind = dir;
-export const watch = dir;
-export const observe = dir;
 // get value
 export const get = (id) => {
     return getObservables(id).values().next().value.get();
 };
-export const value = get;
-export const val = get;
-export const v = get;
 const deepee = (id) => getObservables(id).values().next();
 export const dataProvider = deepee;
 export const dp = deepee;
-export const proxy = deepee;

package/core/mixins/Fetcher.d.ts

@@ -22,6 +22,8 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, P
          * isLoading vaut true pendant le chargement des données
          */
         isLoading: boolean;
+        lazyLoad?: boolean | undefined;
+        noLoader?: boolean | undefined;
         /**
          * IObserver est l'intersection observer qui permet de charger les données au scroll si l'attribut lazyload est renseigné
          */

package/core/mixins/Fetcher.js

@@ -4,15 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import "@supersoniks/concorde/core/components/ui/button/button";
 import { Loader } from "@supersoniks/concorde/core/components/ui/loader/loader";
 import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
@@ -78,81 +69,81 @@ const Fetcher = (superClass, propsType) => {
          * Elles sont ensuite injectées dans le publisher en accord avec la cible définie dans la propriété key
          * Un Toast est affiché si le chargement échoue
          */
-        _fetchData() {
-            return __awaiter(this, void 0, void 0, function* () {
-                if (!this.isFetchEnabled)
-                    return;
-                this.api = new API(this.getApiConfiguration());
-                if (!this.api)
-                    return;
-                // if (!this.dataProvider) return;
-                this.dispatchEvent(new CustomEvent("loading", { detail: this }));
-                if (this.getAttribute("localStorage") === "enabled") {
-                    yield PublisherManager.getInstance().isLocalStrorageReady;
-                }
-                if (!this.isConnected)
-                    return;
-                const hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
-                if (hasLoader) {
-                    Loader.show();
-                }
-                const headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
-                this.isLoading = true;
-                if (Objects.isObject(this.props) && Object.keys(this.props || {}).length > 0 && this.isFirstLoad) {
+        async _fetchData() {
+            if (!this.isFetchEnabled)
+                return;
+            this.api = new API(this.getApiConfiguration());
+            if (!this.api)
+                return;
+            // if (!this.dataProvider) return;
+            this.dispatchEvent(new CustomEvent("loading", { detail: this }));
+            if (this.getAttribute("localStorage") === "enabled") {
+                await PublisherManager.getInstance().isLocalStrorageReady;
+            }
+            if (!this.isConnected)
+                return;
+            const hasLoader = this.isDefaultLoaderEnabled && !this.noLoader;
+            if (hasLoader) {
+                Loader.show();
+            }
+            const headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
+            this.isLoading = true;
+            if (Objects.isObject(this.props) && Object.keys(this.props || {}).length > 0 && this.isFirstLoad) {
+                window.requestAnimationFrame(() => {
                     this.dispatchEvent(new CustomEvent("load", { detail: this }));
                     this.isFirstLoad = false;
                     this.isLoading = false;
-                }
-                let data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
-                if (!this.isConnected) {
-                    if (hasLoader)
-                        Loader.hide();
-                    return;
-                }
-                // Je garde ça mais normalement ça n'arrive jamais
-                if (!data) {
-                    SonicToast.add({ text: "Network Error", status: "error" });
-                    this.isLoading = false;
-                    if (hasLoader) {
-                        Loader.hide();
-                    }
-                    return;
-                }
-                // Si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
-                else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
-                    SonicToast.add({ text: "Network Error", status: "error" });
-                }
-                if (hasLoader) {
+                });
+            }
+            let data = await this.api.get(this.endPoint || this.dataProvider || "", headerData);
+            if (!this.isConnected) {
+                if (hasLoader)
                     Loader.hide();
-                }
-                if (this.key) {
-                    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"
-                     */
-                    data = Objects.traverse(data, this.key.split("."), this.hasAttribute("preserveOtherKeys"));
-                    if (data && Objects.isObject(data) && response)
-                        data._sonic_http_response_ = response;
-                }
-                this.props = data;
-                this.dispatchEvent(new CustomEvent("load", { detail: this }));
-                this.isFirstLoad = false;
+                return;
+            }
+            // Je garde ça mais normalement ça n'arrive jamais
+            if (!data) {
+                SonicToast.add({ text: "Network Error", status: "error" });
                 this.isLoading = false;
-                if (this.refetchEveryMs && this.isConnected) {
-                    this.refetchTimeOutId = setTimeout(() => this._fetchData(), this.refetchEveryMs);
+                if (hasLoader) {
+                    Loader.hide();
                 }
-            });
+                return;
+            }
+            // Si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
+            else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
+                SonicToast.add({ text: "Network Error", status: "error" });
+            }
+            if (hasLoader) {
+                Loader.hide();
+            }
+            if (this.key) {
+                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"
+                 */
+                data = Objects.traverse(data, this.key.split("."), this.hasAttribute("preserveOtherKeys"));
+                if (data && Objects.isObject(data) && response)
+                    data._sonic_http_response_ = response;
+            }
+            this.props = data;
+            this.dispatchEvent(new CustomEvent("load", { detail: this }));
+            this.isFirstLoad = false;
+            this.isLoading = false;
+            if (this.refetchEveryMs && this.isConnected) {
+                this.refetchTimeOutId = setTimeout(() => this._fetchData(), this.refetchEveryMs);
+            }
         }
         disconnectedCallback() {
-            var _a;
             super.disconnectedCallback();
-            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offInvalidate(this.onInvalidate);
+            this.publisher?.offInvalidate(this.onInvalidate);
             clearTimeout(this.refetchTimeOutId);
             this.isFirstLoad = false;
         }
         connectedCallback() {
-            var _a;
             // this.noShadowDom = "";
+            this.lazyLoad = this.lazyLoad !== undefined ? this.lazyLoad : this.hasAttribute("lazyload");
+            this.noLoader = this.noLoader !== undefined ? this.noLoader : this.hasAttribute("noloader");
             super.connectedCallback();
             if (!this.isFetchEnabled) {
                 return;
@@ -162,9 +153,8 @@ const Fetcher = (superClass, propsType) => {
                 this.publisher.set(this.props);
             }
             this.onInvalidate = () => this._fetchData();
-            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.onInvalidate(this.onInvalidate);
-            const lazyLoad = this.getAttribute("lazyload");
-            if (lazyLoad === null) {
+            this.publisher?.onInvalidate(this.onInvalidate);
+            if (!this.lazyLoad) {
                 this._fetchData();
             }
             else {
@@ -172,8 +162,7 @@ const Fetcher = (superClass, propsType) => {
             }
         }
         handleLazyLoad() {
-            const lazyLoad = this.getAttribute("lazyload");
-            if (lazyLoad === null) {
+            if (!this.lazyLoad) {
                 return;
             }
             const rect = this.getBoundingClientRect();
@@ -188,7 +177,7 @@ const Fetcher = (superClass, propsType) => {
             };
             this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
             let elt = (this.shadowRoot ? this.shadowRoot.children[0] : this.children[0]);
-            if ((elt === null || elt === void 0 ? void 0 : elt.nodeName.toLocaleLowerCase()) == "slot")
+            if (elt?.nodeName.toLocaleLowerCase() == "slot")
                 elt = elt.children[0];
             if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
                 elt = document.createElement("span");
@@ -209,13 +198,12 @@ const Fetcher = (superClass, propsType) => {
             }
         }
         onIntersection(entries) {
-            var _a, _b;
             for (const e of entries) {
                 if (e.isIntersecting && this.isFirstLoad) {
                     this._fetchData();
-                    (_a = this.lazyLoadSpan) === null || _a === void 0 ? void 0 : _a.remove();
+                    this.lazyLoadSpan?.remove();
                     this.lazyLoadSpan = undefined;
-                    (_b = this.iObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+                    this.iObserver?.disconnect();
                     break;
                 }
             }

package/core/mixins/FormCheckable.js

@@ -40,7 +40,7 @@ const Form = (superClass) => {
                 const name = this.getAttribute("name");
                 const checkAllPublisher = this.getCheckAllPublisher();
                 const formPublisher = this.getFormPublisher();
-                if (!(checkAllPublisher === null || checkAllPublisher === void 0 ? void 0 : checkAllPublisher.hasCheckAll.get())) {
+                if (!checkAllPublisher?.hasCheckAll.get()) {
                     return;
                 }
                 if (!this.checksAll() && checkAllPublisher && formPublisher && name) {
@@ -147,8 +147,7 @@ const Form = (superClass) => {
             this.requestUpdate();
         }
         validateFormElement() {
-            var _a;
-            const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+            const input = this.shadowRoot?.querySelector("input");
             if (!input || input.checkValidity())
                 return;
             const formPublisher = this.getFormPublisher();

package/core/mixins/FormElement.js

@@ -176,20 +176,18 @@ const Form = (superClass) => {
                     keyboardLoops.set(keyboardLoopId2, []);
                 }
                 const keyboardLoop = keyboardLoops.get(keyboardLoopId2);
-                if ((keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.indexOf(this)) == -1) {
+                if (keyboardLoop?.indexOf(this) == -1) {
                     keyboardLoop.push(this);
                 }
             }
             const keyboardLoop = keyboardLoops.get(keyboardLoopId);
             this.addEventListener("keydown", (e) => {
-                var _a;
                 const keyboardEvent = e;
                 if (!["ArrowDown", "ArrowUp"].includes(keyboardEvent.key))
                     return;
                 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;
-                    const child = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                const loop = keyboardLoop?.filter((el) => {
+                    const child = el.shadowRoot?.querySelector(selector);
                     if (!child)
                         return false;
                     const cpStyle = window.getComputedStyle(child);
@@ -218,7 +216,7 @@ const Form = (superClass) => {
                         next = loop[index - 1];
                     }
                 }
-                const elt = (_a = next === null || next === void 0 ? void 0 : next.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                const elt = next?.shadowRoot?.querySelector(selector);
                 if (elt && elt.focus) {
                     elt.focus();
                     e.preventDefault();
@@ -255,7 +253,7 @@ const Form = (superClass) => {
         property({ type: Boolean })
     ], FormElement.prototype, "required", void 0);
     __decorate([
-        property()
+        property({ type: Boolean })
     ], FormElement.prototype, "forceAutoFill", void 0);
     __decorate([
         property({ type: Boolean })

package/core/mixins/FormInput.d.ts

@@ -17,7 +17,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         _label?: string | undefined;
         label: string | undefined;
         tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        autocomplete?: "url" | "name" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;

package/core/mixins/FormInput.js

@@ -18,8 +18,7 @@ const Form = (superClass) => {
             args;
         }
         validateFormElement() {
-            var _a;
-            const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+            const input = this.shadowRoot?.querySelector("input");
             if (!input || input.checkValidity())
                 return;
             const formPublisher = this.getFormPublisher();