@supersoniks/concorde 1.1.10 → 1.1.11

package/core/components/functional/fetch/fetch.d.ts

@@ -8,6 +8,8 @@ declare const Fetch_base: {
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
+        _endPoint: string;
+        endPoint: string;
         _fetchData(): Promise<void>;
         onInvalidate: any;
         disconnectedCallback(): void;
@@ -15,11 +17,12 @@ declare const Fetch_base: {
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         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;
@@ -64,6 +67,7 @@ declare const Fetch_base: {
  #### Autres choses utiles
  * * L'attribut *noLoader* du composant permet de désactiver l'affichage du loader par défaut.
  * * On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
+ * * endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
  */
 export declare class Fetch extends Fetch_base {
     static styles: import("lit").CSSResult[];

package/core/components/functional/fetch/fetch.js

@@ -37,6 +37,7 @@ import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
  #### Autres choses utiles
  * * L'attribut *noLoader* du composant permet de désactiver l'affichage du loader par défaut.
  * * On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
+ * * endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
  */
 let Fetch = class Fetch extends Fetcher(Subscriber(LitElement)) {
     render() {

package/core/components/functional/list/list.d.ts

@@ -10,6 +10,8 @@ declare const List_base: {
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
+        _endPoint: string;
+        endPoint: string;
         _fetchData(): Promise<void>;
         onInvalidate: any;
         disconnectedCallback(): void;
@@ -17,11 +19,12 @@ declare const List_base: {
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         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;

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

@@ -27,11 +27,12 @@ declare const Button_base: {
         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;
@@ -94,6 +95,13 @@ export declare class Button extends Button_base {
      * Propriété min-width du bouton
      */
     minWidth: string;
+    /**
+     * mode d'activation du bouton :
+     * - strict : l'url courante match exactement avec le href du bouton
+     * - partial : l'url courante match à gauche avec le href du bouton
+     * - disabled : aucune activation / désactivation
+    */
+    autoActive: "strict" | "partial" | "disabled";
     /**
      * Laisse apparaitre un loader en remplacement du contenu du bouton.
      * Désactive également le clic sur le bouton

package/core/components/ui/button/button.js

@@ -59,6 +59,13 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
          * Propriété min-width du bouton
          */
         this.minWidth = "0";
+        /**
+         * mode d'activation du bouton :
+         * - strict : l'url courante match exactement avec le href du bouton
+         * - partial : l'url courante match à gauche avec le href du bouton
+         * - disabled : aucune activation / désactivation
+        */
+        this.autoActive = "partial";
         /**
          * Laisse apparaitre un loader en remplacement du contenu du bouton.
          * Désactive également le clic sur le bouton
@@ -109,18 +116,6 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
     connectedCallback() {
         super.connectedCallback();
     }
-    // _checked: true | null = null;
-    // @property() get checked(): true | null {
-    //   return this._checked;
-    // }
-    // set checked(checked: true | null) {
-    //   if (this.name) {
-    //     if (checked == this._checked) return;
-    //     super.setCheckedValue(checked);
-    //     if (this._checked) this.setAttribute("active", "true");
-    //     else this.removeAttribute("active");
-    //   }
-    // }
     setCheckedValue(checked) {
         if (this.name) {
             if (checked == this._checked)
@@ -530,6 +525,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Button.prototype, "minWidth", void 0);
+__decorate([
+    property({ type: String })
+], Button.prototype, "autoActive", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "loading", void 0);

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -23,11 +23,12 @@ declare const Checkbox_base: {
         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;
@@ -62,11 +63,12 @@ declare const Checkbox_base: {
         _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;

package/core/components/ui/form/checkbox/checkbox.js

@@ -55,9 +55,9 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
             <input 
               type="${this.type}"
               @change=${this.handleChange}
-              ?disabled=${this.disabled}
-              ?required=${this.required}
-              ?checked=${this.checked}
+              .disabled=${ifDefined(this.disabled)}
+              .required=${ifDefined(this.required)}
+              .checked=${ifDefined(this.checked)}
               .name=${this.name}
               .value=${this.value}
               autofocus=${ifDefined(this.autofocus)}
@@ -74,7 +74,6 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
                 <slot>
               </div>
           </label>
-
     `;
     }
 };

package/core/components/ui/form/input/input.d.ts

@@ -18,11 +18,12 @@ declare const Input_base: {
         _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;

package/core/components/ui/form/textarea/textarea.d.ts

@@ -18,11 +18,12 @@ declare const Textarea_base: {
         _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;

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

@@ -5,6 +5,13 @@ export declare class Link extends LitElement {
     private _location;
     get location(): string;
     set location(value: string);
+    /**
+     * mode d'activation du bouton :
+     * - strict : l'url courante match exactement avec le href du bouton
+     * - partial : l'url courante match à gauche avec le href du bouton
+     * - disabled : aucune activation / désactivation
+    */
+    autoActive: "strict" | "partial" | "disabled";
     connectedCallback(): void;
     disconnectedCallback(): void;
     target: null;

package/core/components/ui/link/link.js

@@ -13,6 +13,13 @@ let Link = class Link extends LitElement {
         super(...arguments);
         this.href = "";
         this._location = "";
+        /**
+         * mode d'activation du bouton :
+         * - strict : l'url courante match exactement avec le href du bouton
+         * - partial : l'url courante match à gauche avec le href du bouton
+         * - disabled : aucune activation / désactivation
+        */
+        this.autoActive = "partial";
         this.target = null;
         /**
          * Si présent on passe en mode pushstate
@@ -63,6 +70,9 @@ Link.styles = [
 __decorate([
     property({ type: String })
 ], Link.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], Link.prototype, "autoActive", void 0);
 __decorate([
     property({ type: String })
 ], Link.prototype, "target", void 0);

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

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

package/core/components/ui/tooltip/tooltip.js

@@ -9,13 +9,13 @@ import { customElement, property } from "lit/decorators.js";
 let Tooltip = class Tooltip extends LitElement {
     constructor() {
         super(...arguments);
-        this.tooltipText = "";
+        this.label = "";
         this.disabled = false;
     }
     render() {
-        let disabledClass = this.disabled || this.tooltipText == "" ? "disabled" : "";
+        let disabledClass = this.disabled || this.label == "" ? "disabled" : "";
         return html `<div
-      data-tooltip-text="${this.tooltipText.trim().replace("&nbsp;", " ")}"
+      data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}"
       class="tooltip ${disabledClass}"
     >
       <slot></slot>
@@ -58,7 +58,7 @@ Tooltip.styles = [
 ];
 __decorate([
     property({ type: String })
-], Tooltip.prototype, "tooltipText", void 0);
+], Tooltip.prototype, "label", void 0);
 __decorate([
     property({ type: Boolean })
 ], Tooltip.prototype, "disabled", void 0);

package/core/mixins/Fetcher.d.ts

@@ -31,6 +31,8 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
          * Cela est le cas pour le composant sonic-list qui ne fetch que si l'attribut fetch est renseigné
          */
         isFetchEnabled: boolean;
+        _endPoint: string;
+        endPoint: string;
         /**
          *
          * C'est ici que les données sont chargées via l'utilitaire API
@@ -47,23 +49,26 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;
+        isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
-        /**
-         * isFirstLoad vaut true jusqu'au premier chargement de données
-         */
         publisher: any;
-        dataProvider: String;
+        dataProvider: string | null;
         noShadowDom: string | null;
         debug: HTMLElement | null;
-        defferedDebug: boolean | null;
+        defferedDebug: boolean | null; /**
+         * isLoading vaut true pendant le chargement des données
+         */
         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;
+        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é
+         */
         getApiConfiguration(): import("@supersoniks/concorde/core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;

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("."), true);
+                    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,11 +47,12 @@ 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;
@@ -64,9 +65,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean; /**
-         * comme radio,mais peut être désélectionné après sélection
-         */
+        hasAttribute(attributeName: String): boolean;
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormInput.d.ts

@@ -23,11 +23,12 @@ 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;

package/core/mixins/Subscriber.d.ts

@@ -4,11 +4,12 @@ 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;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -10,6 +10,7 @@
     "@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"
   },
@@ -202,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"