@supersoniks/concorde 3.1.43 → 3.1.45

package/docs/svg/regular/plane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M576 256C576 305 502.1 336 464.2 336H382.2L282.4 496C276.4 506 266.4 512 254.4 512H189.5C179.5 512 169.5 508 163.5 500C157.6 492 155.6 480.1 158.6 471L201.5 336H152.5L113.6 388C107.6 396 98.61 400 88.62 400H31.7C22.72 400 12.73 396 6.74 388C.7485 380-1.248 370 1.747 360L31.7 256L.7488 152C-1.248 143 .7488 133 6.74 125C12.73 117 22.72 112 31.7 112H88.62C98.61 112 107.6 117 113.6 125L152.5 176H201.5L158.6 41C155.6 32 157.6 21 163.5 13C169.5 5 179.5 0 189.5 0H254.4C265.4 0 277.4 7 281.4 16L381.2 176H463.2C502.1 176 576 208 576 256H576zM527.1 256C525.1 246 489.1 224 463.2 224H355.3L245.4 48H211.5L266.4 224H128.6L80.63 160H53.67L81.63 256L53.67 352H80.63L128.6 288H266.4L211.5 464H245.4L355.3 288H463.2C490.1 288 526.1 267 527.1 256V256z"/></svg>

package/docs/svg/solid/plane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.2-15.4-20.4l49-171.6L112 320 68.8 377.6c-3 4-7.8 6.4-12.8 6.4l-42 0c-7.8 0-14-6.3-14-14c0-1.3 .2-2.6 .5-3.9L32 256 .5 145.9c-.4-1.3-.5-2.6-.5-3.9c0-7.8 6.3-14 14-14l42 0c5 0 9.8 2.4 12.8 6.4L112 192l102.9 0-49-171.6C162.9 10.2 170.6 0 181.2 0l56.2 0c11.5 0 22.1 6.2 27.8 16.1L365.7 192l116.6 0z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.43",
+  "version": "3.1.45",
   "license": "MIT",
   "type": "module",
   "main": "",

package/src/core/components/functional/queue/queue.ts

@@ -79,7 +79,6 @@ export default class Queue extends Subscriber(LitElement, {} as QueueProps) {
   instanceId = 0;
   localStorage = "disabled";
 
-
   async connectedCallback() {
     this.instanceId = Queue.instanceCounter++;
     this.localStorage = this.getAttribute("localStorage") || this.localStorage;
@@ -103,6 +102,7 @@ export default class Queue extends Subscriber(LitElement, {} as QueueProps) {
         HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") ||
         "";
     }
+    this.storeScrollPosition();
     super.connectedCallback();
     this.publisher.set({});
     this.key = this.getAttribute("key");
@@ -171,6 +171,7 @@ export default class Queue extends Subscriber(LitElement, {} as QueueProps) {
     clearTimeout(this.filterTimeoutId);
     this.filterTimeoutId = setTimeout(
       async () => {
+        this.storeScrollPosition();
         const count = this.resultCount;
         this.props = null;
         //On garde le décompte au cas ou il n'y aurait pas rechargement
@@ -184,23 +185,31 @@ export default class Queue extends Subscriber(LitElement, {} as QueueProps) {
     this.isFirstRequest = false;
   };
 
+  storeScrollPosition() {
+    this.storedScrollX = window.scrollX;
+    this.storedScrollY = window.scrollY;
+  }
+
   protected updated(_changedProperties: PropertyValues): void {
-    
-    if(Math.abs(this.scrollX - window.scrollX) > 10 || Math.abs(this.scrollY - window.scrollY) > 10){
-      window.scrollTo(this.scrollX, this.scrollY);
+    if (
+      Math.abs(this.storedScrollX - window.scrollX) > 10 ||
+      Math.abs(this.storedScrollY - window.scrollY) > 10
+    ) {
+      window.scrollTo(this.storedScrollX, this.storedScrollY);
     }
     //Hack pour éviter que le scroll ne retourne en haut si safari
-    window.requestAnimationFrame(() => {      
-      if(Math.abs(this.scrollX - window.scrollX) > 10 || Math.abs(this.scrollY - window.scrollY) > 10){
-        window.scrollTo(this.scrollX, this.scrollY);
+    window.requestAnimationFrame(() => {
+      if (
+        Math.abs(this.storedScrollX - window.scrollX) > 10 ||
+        Math.abs(this.storedScrollY - window.scrollY) > 10
+      ) {
+        window.scrollTo(this.storedScrollX, this.storedScrollY);
       }
     });
 
     super.updated(_changedProperties);
   }
 
-
-
   /**
    * Cette expression est utilisée comme modèle par le composant Queue pour renseigngner le dataProvider de la [liste](./?path=/docs/core-components-functional-list-list--basic) créée.
    * * l'expression *$offset* est alors remplacée par le numéro de l'élément à partir duquel démarrer
@@ -305,16 +314,14 @@ export default class Queue extends Subscriber(LitElement, {} as QueueProps) {
     this.lastRequestTime = new Date().getTime();
   }
 
-  scrollY = 0;
-  scrollX = 0;
+  storedScrollY = 0;
+  storedScrollX = 0;
 
   render() {
-    if (!Array.isArray(this.props)){
+    if (!Array.isArray(this.props)) {
       return nothing;
     }
-
-    this.scrollX = window.scrollX;
-    this.scrollY = window.scrollY;
+    this.storeScrollPosition();
 
     let lazyload = !this.noLazyload;
     if (this.props.length == 1) {

package/src/core/components/functional/translation/translation.ts

@@ -5,8 +5,9 @@ const tagName = "sonic-t";
 @customElement(tagName)
 export class SonicT extends LitElement {
   @property({ type: String }) key?: string;
+  @property({ type: Boolean }) unsafeHTML?: boolean;
   render() {
     if (!this.key) return nothing;
-    return html`${t(this.key)}`;
+    return html`${t(this.key, this.unsafeHTML)}`;
   }
 }

package/src/core/components/ui/form/input-autocomplete/input-autocomplete.ts

@@ -23,6 +23,7 @@ import { Input } from "@supersoniks/concorde/core/components/ui/form/input/input
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 import { traverseDotNotation } from "@supersoniks/concorde/core/utils/Objects";
+import { FormElementValue } from "@supersoniks/concorde/core/mixins/FormElement";
 
 type ListItem = Record<string, string>;
 
@@ -41,7 +42,10 @@ export class InputAutocomplete extends TemplatesContainer(
       :host {
         display: block;
       }
-
+      /**disable mouse if there is an attribute readonly  */
+      :host([readonly]) {
+        pointer-events: none;
+      }
       sonic-menu {
         display: block;
         max-height: clamp(12rem, 20vh, 20rem);
@@ -96,6 +100,15 @@ export class InputAutocomplete extends TemplatesContainer(
     this.hasInputPrefix = !!this.slotInputPrefixNodes?.length;
   }
 
+  override get value() {
+    return super.value;
+  }
+
+  override set value(value: FormElementValue) {
+    this.searchPublisher?.set(value);
+    super.value = value;
+  }
+
   /**
    * Run when the formDataProvider's field is updated
    *

package/src/core/directives/DataProvider.ts

@@ -108,7 +108,7 @@ const deepee = (id: Observable, defaultValue?: any) => {
       value.set(defaultValue);
     }
   }
-  return value || new Publisher({});
+  return value as any;
 };
 
 export const dataProvider = deepee;

package/src/core/mixins/FormElement.ts

@@ -10,7 +10,7 @@ import {
 } from "../_types/types";
 import { MixinArgsType } from "../_types/types";
 type Constructor<T> = new (...args: MixinArgsType[]) => T;
-type FormElementValue = string | string[] | object | null | undefined;
+export type FormElementValue = string | string[] | object | null | undefined;
 export interface FormElementInterface extends SubscriberInterface {
   getFormPublisher(): PublisherInterface;
   updateDataValue(): void;
@@ -309,7 +309,7 @@ const Form = <T extends Constructor<SubscriberInterface>>(superClass: T) => {
       this.formDataProvider = this.getAncestorAttributeValue(
         "formDataProvider"
       ) as string;
-      
+
       super.connectedCallback();
       this.addKeyboardNavigation();
     }

package/src/core/utils/Utils.ts

@@ -1,7 +1,7 @@
 export default class Utils {
   static async queueTaskPromise() {
     return new Promise((resolve) => {
-      window.queueMicrotask(()=>resolve(null));
+      window.queueMicrotask(() => resolve(null));
     });
   }
   static async delayPromise(timeoutMs: number) {
@@ -17,8 +17,8 @@ let SONIC_PREFIX = "sonic";
 if (typeof __SONIC_PREFIX__ !== "undefined") {
   SONIC_PREFIX = __SONIC_PREFIX__;
 }
-let prefixUpperCamelCase = SONIC_PREFIX.replace(
-  /-([a-z])/g,
-  (g) => g[1].toUpperCase()
+let prefixUpperCamelCase = SONIC_PREFIX.replace(/-([a-z])/g, (g) =>
+  g[1].toUpperCase()
 );
-export const sonicClassPrefix = prefixUpperCamelCase.charAt(0).toUpperCase() + prefixUpperCamelCase.slice(1);
+export const sonicClassPrefix =
+  prefixUpperCamelCase.charAt(0).toUpperCase() + prefixUpperCamelCase.slice(1);

package/src/core/utils/api.ts

@@ -535,3 +535,49 @@ class API {
   }
 }
 export default API;
+
+/*
+  logs handling
+*/
+
+let logIsConf = false;
+let logEndPoint = "log";
+let logConfiguration: APIConfiguration = HTML.getApiConfiguration(
+  document.body || document.documentElement
+);
+
+let logsToSend: any = [];
+let logsSendId = 0;
+
+export const log = async (message: string, variables?: any) => {
+  if (!logIsConf) {
+    return;
+  }
+  logsToSend.push({
+    message: message,
+    variables: variables ? variables : {},
+  });
+
+  logsSendId++;
+  const id = logsSendId;
+  window.queueMicrotask(() => {
+    if (id !== logsSendId) return;
+    const sendedLogs = [...logsToSend];
+    logsToSend = [];
+    const api = new API(logConfiguration);
+    return api.post(logEndPoint, { logs: sendedLogs });
+  });
+};
+let errorCount = 0;
+export const configLog = (newConfig: APIConfiguration, endPoint = "log") => {
+  logEndPoint = endPoint;
+  logConfiguration = newConfig;
+  logIsConf = true;
+
+  window.addEventListener("error", (e) => {
+    if (errorCount > 3) return;
+    log(e.message, e);
+    errorCount++;
+    return false;
+  });
+};