@supersoniks/concorde 1.1.8 → 1.1.11

package/core/mixins/Fetcher.js

@@ -1,3 +1,9 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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) {
@@ -12,6 +18,7 @@ import { SonicToast } from "../components/ui/toast/toast";
 import API from "@supersoniks/concorde/core/utils/api";
 import "../components/ui/button/button";
 import Objects from "../utils/Objects";
+import { property } from "lit/decorators.js";
 const Fetcher = (superClass) => {
     class FetcherElement extends superClass {
         constructor(...args) {
@@ -43,9 +50,18 @@ const Fetcher = (superClass) => {
              * Cela est le cas pour le composant sonic-list qui ne fetch que si l'attribut fetch est renseigné
              */
             this.isFetchEnabled = true;
+            this._endPoint = "";
             args;
             this.dataProvider = "";
         }
+        set endPoint(value) {
+            this._endPoint = value;
+            if (this.isConnected)
+                this._fetchData();
+        }
+        get endPoint() {
+            return this._endPoint;
+        }
         /**
          *
          * C'est ici que les données sont chargées via l'utilitaire API
@@ -59,8 +75,7 @@ const Fetcher = (superClass) => {
                 this.api = new API(this.getApiConfiguration());
                 if (!this.api)
                     return;
-                if (!this.dataProvider)
-                    return;
+                // if (!this.dataProvider) return;
                 this.dispatchEvent(new CustomEvent("loading", { detail: this }));
                 this.isLoading = true;
                 this.requestUpdate();
@@ -68,7 +83,7 @@ const Fetcher = (superClass) => {
                 let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
                 if (hasLoader)
                     Loader.show();
-                data = yield this.api.get(this.getAttribute("endPoint") || this.dataProvider);
+                data = yield this.api.get(this.endPoint || this.dataProvider || "");
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;
@@ -79,7 +94,7 @@ const Fetcher = (superClass) => {
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {
-                    data = Objects.traverse(data, this.key.split("."));
+                    data = Objects.traverse(data, this.key.split("."), false);
                 }
                 this.props = data;
                 this.dispatchEvent(new CustomEvent("load", { detail: this }));
@@ -148,6 +163,9 @@ const Fetcher = (superClass) => {
             }
         }
     }
+    __decorate([
+        property({ type: String })
+    ], FetcherElement.prototype, "endPoint", null);
     return FetcherElement; // as Constructor<SubscriberInterface> & T;
 };
 export default Fetcher;

package/core/mixins/FormCheckable.d.ts

@@ -47,15 +47,15 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         required: true | null;
         formDataProvider: string;
         props: any;
+        isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
-        dataProvider: String;
+        dataProvider: string | null;
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
-        makeShadow(props: Record<string, any>, value: any): any;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/core/mixins/FormInput.d.ts

@@ -23,15 +23,15 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         _name: string;
         name: string;
         props: any;
+        isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
-        dataProvider: String;
+        dataProvider: string | null;
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
-        makeShadow(props: Record<string, any>, value: any): any;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/core/mixins/Subscriber.d.ts

@@ -4,15 +4,15 @@ import { APIConfiguration } from "@supersoniks/concorde/core/utils/api";
 declare type Constructor<T> = new (...args: any[]) => T;
 export interface SubscriberInterface {
     props: any;
+    isConnected: boolean;
     getAncestorAttributeValue(attributeName: string): string;
     hasAncestorAttribute(attributeName: string): boolean;
     querySelectorAll(selector: string): NodeListOf<Element>;
     publisher: any;
-    dataProvider: String;
+    dataProvider: string | null;
     noShadowDom: string | null;
     debug: HTMLElement | null;
     defferedDebug: boolean | null;
-    makeShadow(props: Record<string, any>, value: any): any;
     dispatchEvent(event: Event): void;
     setAttribute(name: string, value: string): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;

package/core/mixins/Subscriber.js

@@ -92,21 +92,6 @@ const Subscriber = (superClass) => {
             this.onAssign = null;
             this.args = args;
         }
-        /**
-         * retourne un objet contenant les propriétés de value + celle de props si elle ne sont pas déjà dans value.
-         */
-        makeShadow(props, value) {
-            if (typeof value == "object" && value !== null) {
-                let newValue = Array.isArray(value) ? [] : {};
-                Object.assign(newValue, value);
-                value = newValue;
-                for (let key in props) {
-                    if (!value[key])
-                        value[key] = props[key];
-                }
-            }
-            return value;
-        }
         /**
          * va de parent en parent pour trouver un attribut
          * @param attributeName nom de l'attribut

package/core/utils/LocationHandler.d.ts

@@ -4,6 +4,7 @@ declare type Listener = {
 declare type ActivableLink = {
     location: string;
     href: string;
+    autoActive: "strict" | "partial" | "disabled";
     setAttribute(name: string, value: string): void;
     removeAttribute(name: string): void;
 };
@@ -37,7 +38,7 @@ export default class LocationHandler {
     /**
      *
      * @param component ActivableLink
-     * Ajoute l'attribut "active" à l'élément si l'url correspond à la location
+     * Ajoute l'attribut "active" à l'élément si l'url correspond à la location en donction du mode d'activation
      */
     static updateComponentActiveState(component: ActivableLink): void;
 }

package/core/utils/LocationHandler.js

@@ -78,13 +78,21 @@ export default class LocationHandler {
     /**
      *
      * @param component ActivableLink
-     * Ajoute l'attribut "active" à l'élément si l'url correspond à la location
+     * Ajoute l'attribut "active" à l'élément si l'url correspond à la location en donction du mode d'activation
      */
     static updateComponentActiveState(component) {
+        if (component.autoActive == "disabled")
+            return;
         if (component.href && component.href.indexOf("http") != 0) {
             let url1 = new URL(component.href, document.location.href);
             let url2 = new URL(component.location, document.location.origin);
-            if (url1.pathname == url2.pathname && url1.hash == url2.hash && url1.search == url2.search)
+            let isActive = false;
+            if (component.autoActive == "strict") {
+                isActive = url1.pathname == url2.pathname && url1.hash == url2.hash && url1.search == url2.search;
+            }
+            else
+                isActive = url2.href.indexOf(url1.href) == 0;
+            if (isActive)
                 component.setAttribute("active", "true");
             else
                 component.removeAttribute("active");

package/core/utils/Objects.d.ts

@@ -17,7 +17,8 @@ declare class Objects {
     static isUndefindOrNull(object: any): boolean;
     /**
      * traverse l'objet pour obtenir la valeur a l'adresse donnée via le tableau de clés pathArray.
+     * Si extendValues = true, les propriétés des objets parents sont copiées au fur et a mesure de la descente dans la hierarchie, avant l'assignation des propriétés de l'objet lui même.
      */
-    static traverse(obj: any, pathArray: string[]): any;
+    static traverse(obj: any, pathArray: string[], extendValues?: boolean): any;
 }
 export default Objects;

package/core/utils/Objects.js

@@ -48,14 +48,20 @@ class Objects {
     }
     /**
      * traverse l'objet pour obtenir la valeur a l'adresse donnée via le tableau de clés pathArray.
+     * Si extendValues = true, les propriétés des objets parents sont copiées au fur et a mesure de la descente dans la hierarchie, avant l'assignation des propriétés de l'objet lui même.
      */
-    static traverse(obj, pathArray) {
+    static traverse(obj, pathArray, extendValues = false) {
         for (let key of pathArray) {
             let newObj = obj[key];
             if (newObj === undefined) {
                 return undefined;
             }
-            obj = obj[key];
+            if (extendValues && Objects.isObject(newObj)) {
+                obj = Object.assign(Array.isArray(newObj) ? [] : {}, obj, newObj);
+            }
+            else {
+                obj = obj[key];
+            }
         }
         return obj;
     }

package/core/utils/PublisherProxy.mjs

@@ -59,7 +59,7 @@ export class PublisherProxy {
         }
     }
     _publishAssignement_(lockInternalMutationsTransmission = false) {
-        this._assignListeners_.forEach((handler) => handler(this._value_.__value ? this._value_.__value : this._value_));
+        this._assignListeners_.forEach((handler) => handler(this.get()));
         this._publishInternalMutation_(lockInternalMutationsTransmission);
     }
     _publishInvalidation_() {
@@ -93,7 +93,7 @@ export class PublisherProxy {
         if (typeof handler != "function")
             return;
         this._assignListeners_.add(handler);
-        handler(this._value_.__value ? this._value_.__value : this._value_);
+        handler(this.get());
     }
     /**
      * Stop les appels de la fonction "handler" (passée en paramettre) lorsque la valeur gérée par le proxy change par assignation
@@ -181,6 +181,9 @@ export class PublisherProxy {
      * Assigne une nouvelle valeur au proxy ce qui déclenche la transmission de la donnée en fonction des "écouteurs" associés
      */
     set(newValue, lockInternalMutationsTransmission = false) {
+        /**
+         * On retounre tout de suite si la valeur n'a pas changé
+         */
         if (this._value_ === newValue)
             return true;
         if (this._value_.hasOwnProperty("__value") &&
@@ -188,24 +191,45 @@ export class PublisherProxy {
             this._value_.__value === newValue.__value) {
             return true;
         }
+        /**
+         * On assigne la nouvelle valeur
+         */
         this._value_ = newValue;
-        if (this._value_.hasOwnProperty("__value")) {
+        /**
+         * Si il s'agit d'une valeur primitive (un entier, une chaine ) la valeure en renseignée par un objet contenant la vaeur {__value}
+         * On publie juste et on sen va.
+         */
+        const isPrimitiveValue = (this._value_.hasOwnProperty("__value"));
+        if (isPrimitiveValue) {
             this._publishAssignement_(lockInternalMutationsTransmission);
             return true;
         }
+        /**
+         * On fait la diff sur l'existant.
+         * On maintient les proxys à supprimer et ceux à ajouter.
+         * On met à jour leur valeur interne
+         * On publie les maj au fur et a mesure de modifications
+         */
         Array.from(this._proxies_.keys()).forEach((key) => {
-            // delete this._value_[key];
+            /**
+             * On supprime les proxys qui ne sont plus dans la nouvelle valeur si ils n'on pas d'écouteurs
+             **/
             if (!this._value_[key] && this._proxies_.has(key) && !this._proxies_.get(key).hasListener()) {
                 this._proxies_.delete(key);
             }
         });
+        /**
+         * Si la donnée est complexe (objet, tableau)
+         * on crée les proxys pour les sous-éléments qui n'en on pas
+         * On renseigne les nouvelles valeurs internes des proxies
+        */
         if (isComplex(this._value_)) {
             for (let key in this._value_) {
                 let v = newValue[key];
                 let isVComplex = isComplex(v);
                 let valueV = isVComplex ? v : { __value: v };
                 if (!this._proxies_.has(key)) {
-                    let newPublisher = new Publisher(valueV, this);
+                    let newPublisher = new Publisher({}, this);
                     this._proxies_.set(key, newPublisher, true);
                     newPublisher._proxies_.set("_parent_", this);
                 }
@@ -213,6 +237,9 @@ export class PublisherProxy {
                 this._publishDynamicFilling_(key, v);
             }
         }
+        /**
+         * On prévient les écouteurs que la valeur a changé
+         */
         this._publishAssignement_();
         return true;
     }
@@ -220,8 +247,10 @@ export class PublisherProxy {
      * Extraire la valeur actuelle du proxy
      */
     get() {
-        if (this._value_.hasOwnProperty("__value"))
-            return this._value_.__value || null;
+        if (this._value_.hasOwnProperty("__value")) {
+            let v = this._value_.__value;
+            return v != undefined ? v : null;
+        }
         return this._value_;
     }
 }
@@ -344,24 +373,25 @@ export default class Publisher extends PublisherProxy {
              * Les gestionnairs associés sopnt déclenchés en conséquence de manière profonde et remontante si nécessaire.
              */
             set: function (oTarget, sKey, vValue) {
+                //Fonctionnement pour la donnée interne pas de dispatch;
                 if (sKey == "_value_") {
                     oTarget._value_ = vValue;
                     return oTarget._value_;
                 }
-                const isValueComplex = isComplex(vValue);
+                //Création du publisher si il n'existe pas
                 if (!that._proxies_.has(sKey)) {
-                    let newPublisher = new Publisher(isValueComplex ? vValue : { __value: vValue }, that);
+                    let newPublisher = new Publisher({}, that);
                     newPublisher._proxies_.set("_parent_", thisProxy);
                     that._proxies_.set(sKey, newPublisher);
                 }
-                if (that._value_[sKey] === vValue && isValueComplex)
-                    return vValue;
+                //mis à jour et publication de la donnée si elle a changé
                 const prevValue = that._value_[sKey];
                 if (prevValue !== vValue) {
                     that._value_[sKey] = vValue;
                     that._publishDynamicFilling_(sKey, vValue);
+                    that._proxies_.get(sKey).set(isComplex(vValue) ? vValue : { __value: vValue });
                 }
-                that._proxies_.get(sKey).set(isComplex(vValue) ? vValue : { __value: vValue });
+                //on retourne  le proxy pour pouvoir chainer les assignements
                 return that._proxies_.get(sKey);
             },
             /**

package/core/utils/api.js

@@ -84,7 +84,7 @@ class API {
      * Concatène le serviceURL et le endpoint donné en paramètre
      */
     computeURL(path) {
-        return this.serviceURL + "/" + path;
+        return (this.serviceURL + "/" + path).replace(/([^(https?\:)])\/{2,}/g, "$1/");
     }
     /*
      * Envoie des données au endPoint passé en paramètre. par défaut en POST

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.8",
+  "version": "1.1.11",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -9,6 +9,8 @@
   "dependencies": {
     "@lit-labs/motion": "^1.0.1",
     "@lit-labs/observers": "^1.0.1",
+    "chart.js": "^3.9.1",
+    "jsbarcode": "^3.11.5",
     "lit": "^2.2.3",
     "url-pattern": "^1.0.3"
   },
@@ -23,6 +25,8 @@
     "vite": "^2.6.14"
   },
   "exports": {
+    "./core/components/functional/configuration/configuration": "./core/components/functional/configuration/configuration",
+    "./functional/configuration": "./core/components/functional/configuration/configuration",
     "./core/components/functional/date/date": "./core/components/functional/date/date",
     "./functional/date": "./core/components/functional/date/date",
     "./core/components/functional/example/example": "./core/components/functional/example/example",
@@ -41,6 +45,8 @@
     "./functional/router/redirect": "./core/components/functional/router/redirect",
     "./core/components/functional/router/router": "./core/components/functional/router/router",
     "./functional/router": "./core/components/functional/router/router",
+    "./core/components/functional/sonic-scope/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope",
+    "./functional/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope",
     "./core/components/functional/states/states": "./core/components/functional/states/states",
     "./functional/states": "./core/components/functional/states/states",
     "./core/components/functional/submit/submit": "./core/components/functional/submit/submit",
@@ -53,6 +59,16 @@
     "./ui/badge": "./core/components/ui/badge/badge",
     "./core/components/ui/button/button": "./core/components/ui/button/button",
     "./ui/button": "./core/components/ui/button/button",
+    "./core/components/ui/card/card-footer": "./core/components/ui/card/card-footer",
+    "./ui/card/card-footer": "./core/components/ui/card/card-footer",
+    "./core/components/ui/card/card-header-descripton": "./core/components/ui/card/card-header-descripton",
+    "./ui/card/card-header-descripton": "./core/components/ui/card/card-header-descripton",
+    "./core/components/ui/card/card-header": "./core/components/ui/card/card-header",
+    "./ui/card/card-header": "./core/components/ui/card/card-header",
+    "./core/components/ui/card/card-main": "./core/components/ui/card/card-main",
+    "./ui/card/card-main": "./core/components/ui/card/card-main",
+    "./core/components/ui/card/card": "./core/components/ui/card/card",
+    "./ui/card": "./core/components/ui/card/card",
     "./core/components/ui/divider/divider": "./core/components/ui/divider/divider",
     "./ui/divider": "./core/components/ui/divider/divider",
     "./core/components/ui/form/checkbox/checkbox": "./core/components/ui/form/checkbox/checkbox",
@@ -61,6 +77,8 @@
     "./ui/form/css/form-control": "./core/components/ui/form/css/form-control",
     "./core/components/ui/form/fieldset/fieldset": "./core/components/ui/form/fieldset/fieldset",
     "./ui/form/fieldset": "./core/components/ui/form/fieldset/fieldset",
+    "./core/components/ui/form/fieldset/legend-description": "./core/components/ui/form/fieldset/legend-description",
+    "./ui/form/fieldset/legend-description": "./core/components/ui/form/fieldset/legend-description",
     "./core/components/ui/form/fieldset/legend": "./core/components/ui/form/fieldset/legend",
     "./ui/form/fieldset/legend": "./core/components/ui/form/fieldset/legend",
     "./core/components/ui/form/form-layout/form-actions": "./core/components/ui/form/form-layout/form-actions",
@@ -109,6 +127,24 @@
     "./ui/modal": "./core/components/ui/modal/modal",
     "./core/components/ui/pop/pop": "./core/components/ui/pop/pop",
     "./ui/pop": "./core/components/ui/pop/pop",
+    "./core/components/ui/progress/progress": "./core/components/ui/progress/progress",
+    "./ui/progress": "./core/components/ui/progress/progress",
+    "./core/components/ui/table/table-caption": "./core/components/ui/table/table-caption",
+    "./ui/table/table-caption": "./core/components/ui/table/table-caption",
+    "./core/components/ui/table/table-tbody": "./core/components/ui/table/table-tbody",
+    "./ui/table/table-tbody": "./core/components/ui/table/table-tbody",
+    "./core/components/ui/table/table-td": "./core/components/ui/table/table-td",
+    "./ui/table/table-td": "./core/components/ui/table/table-td",
+    "./core/components/ui/table/table-tfoot": "./core/components/ui/table/table-tfoot",
+    "./ui/table/table-tfoot": "./core/components/ui/table/table-tfoot",
+    "./core/components/ui/table/table-th": "./core/components/ui/table/table-th",
+    "./ui/table/table-th": "./core/components/ui/table/table-th",
+    "./core/components/ui/table/table-thead": "./core/components/ui/table/table-thead",
+    "./ui/table/table-thead": "./core/components/ui/table/table-thead",
+    "./core/components/ui/table/table-tr": "./core/components/ui/table/table-tr",
+    "./ui/table/table-tr": "./core/components/ui/table/table-tr",
+    "./core/components/ui/table/table": "./core/components/ui/table/table",
+    "./ui/table": "./core/components/ui/table/table",
     "./core/components/ui/tabs/tab": "./core/components/ui/tabs/tab",
     "./ui/tabs/tab": "./core/components/ui/tabs/tab",
     "./core/components/ui/tabs/tabs": "./core/components/ui/tabs/tabs",
@@ -167,6 +203,7 @@
     "./utils/PublisherProxy.mjs": "./core/utils/PublisherProxy",
     "./core/utils/api": "./core/utils/api",
     "./utils/api": "./core/utils/api",
+    "./index-shared": "./index-shared",
     "./index": "./index"
   },
   "bin": "./bin/cli.js"