@supersoniks/concorde 1.1.0 → 1.1.3

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

@@ -52,6 +52,7 @@ declare const List_base: {
  */
 export declare class List extends List_base {
     static styles: import("lit").CSSResult[];
+    itemPropertyMap: Object | null;
     /**
      * La propriété templateKey contient le nom de la propriété qui sera utilisé pour identifier le template à utiliser dans la donnée de la ligne.
      * Par exemple si templateIdentifier = "name" et que la donnée de la ligne est {name: "myTemplate" ... }, alors le template possédant l'attribut data-value="myTemplate" sera utilisé.

package/core/components/functional/list/list.js

@@ -31,6 +31,7 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
 let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
     constructor() {
         super(...arguments);
+        this.itemPropertyMap = null;
         /**
          * La propriété templateKey contient le nom de la propriété qui sera utilisé pour identifier le template à utiliser dans la donnée de la ligne.
          * Par exemple si templateIdentifier = "name" et que la donnée de la ligne est {name: "myTemplate" ... }, alors le template possédant l'attribut data-value="myTemplate" sera utilisé.
@@ -54,7 +55,8 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         // si props est une string on considère qu'il n'y a pas de résultats
         if (typeof this.props == "string") {
             return html `<div class="sonic-no-result-container">
-        <sonic-icon prefix="iconoir" name="emoji-think-left" size="lg"></sonic-icon><span class="sonic-no-result-text">${this.props}</span>
+        <sonic-icon prefix="iconoir" name="emoji-think-left" size="lg"></sonic-icon
+        ><span class="sonic-no-result-text">${this.props}</span>
       </div>`;
         }
         // si props est un objet mais qu'il n'y a pas de contenu on retourn une div vide (nécessaire pour le lazyload)
@@ -90,6 +92,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                 .bindPublisher=${function () {
                     return pub;
                 }}
+                .?propertyMap="${this.itemPropertyMap}"
                 dataProvider="${this.dataProvider}/list-item/${index}"
               >
                 ${hasCustomTemplate
@@ -115,6 +118,9 @@ List.styles = [
       }
     `,
 ];
+__decorate([
+    property({ type: Object })
+], List.prototype, "itemPropertyMap", void 0);
 __decorate([
     property({ type: String })
 ], List.prototype, "templateKey", void 0);

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

@@ -14,6 +14,7 @@ export declare class Queue extends Queue_base {
     templates: Array<HTMLTemplateElement> | null;
     lastRequestTime: number;
     key: String;
+    itemPropertyMap: Object | null;
     /**
      * Durée cible en ms d'une requête pour afficher 1 lot.
      */

package/core/components/functional/queue/queue.js

@@ -26,6 +26,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         this.templates = null;
         this.lastRequestTime = 0;
         this.key = "";
+        this.itemPropertyMap = null;
         /**
          * Durée cible en ms d'une requête pour afficher 1 lot.
          */
@@ -147,6 +148,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
       ${repeat(this.props, (item) => item.id, (item) => html `
             <sonic-list
               fetch
+              .?itemPropertyMap=${this.itemPropertyMap}
               debug=${ifDefined(this.defferedDebug)}
               @load=${this.next}
               key=${this.key}
@@ -161,6 +163,9 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
     }
 };
 Queue.instanceCounter = 0;
+__decorate([
+    property({ type: Object })
+], Queue.prototype, "itemPropertyMap", void 0);
 __decorate([
     property()
 ], Queue.prototype, "targetRequestDuration", void 0);

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

@@ -7,6 +7,7 @@ export declare class Link extends LitElement {
     set location(value: string);
     connectedCallback(): void;
     disconnectedCallback(): void;
+    target: null;
     /**
      * Si présent on passe en mode pushstate
      */

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

@@ -7,11 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import LocationHandler from "@supersoniks/concorde/core/utils/LocationHandler";
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 let Link = class Link extends LitElement {
     constructor() {
         super(...arguments);
         this.href = "";
         this._location = "";
+        this.target = null;
         /**
          * Si présent on passe en mode pushstate
          */
@@ -43,7 +45,7 @@ let Link = class Link extends LitElement {
         if (!this.href)
             return html `<slot></slot>`;
         return html `
-      <a href="${this.href}" @click=${this.pushState ? this.handlePushState : null}>
+      <a href="${this.href}" target=${ifDefined(this.target)} @click=${this.pushState ? this.handlePushState : null}>
         <slot></slot>
       </a>
     `;
@@ -61,6 +63,9 @@ Link.styles = [
 __decorate([
     property({ type: String })
 ], Link.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], Link.prototype, "target", void 0);
 __decorate([
     property({ type: Boolean })
 ], Link.prototype, "pushState", void 0);

package/core/components/ui/theme/theme-collection/core-variables.js

@@ -4,7 +4,7 @@ export const coreVariables = css `
     /* --sc-rfs: 16px; */
 
     /* polices*/
-    --sc-font-family-base: "neue-haas-unica", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
+    --sc-font-family-base: aileron, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
       "Helvetica Neue", Arial, sans-serif;
     --sc-font-weight-base: 400;
     --sc-font-style-base: inherit;

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

@@ -87,12 +87,14 @@ let SonicToast = class SonicToast extends LitElement {
         // Ajoute le toast à la liste
         let toastComponent = document.querySelector("sonic-toast");
         const nextId = new Date().valueOf();
+        const interactiveRegExp = new RegExp('<\/a>|<\/button>');
+        const hasInteractive = interactiveRegExp.test(conf.text);
         const currentToast = {
             id: nextId,
             text: conf.text,
             title: conf.title,
             status: conf.status,
-            preserve: conf.preserve,
+            preserve: hasInteractive ? true : conf.preserve,
             ghost: conf.ghost,
             marginTop: conf.marginTop,
         };

package/core/mixins/Subscriber.js

@@ -52,6 +52,7 @@ const Subscriber = (superClass) => {
              * Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.
              */
             this.noShadowDom = null;
+            this.propertyMap = null;
             this.title = "";
             /**
              * L'id / l'adresse du publisher accessible via PublisherManager.get(dataProvider)
@@ -359,6 +360,9 @@ const Subscriber = (superClass) => {
         }
     }
     SubscriberElement.instanceCounter = 0;
+    __decorate([
+        property({ type: Object })
+    ], SubscriberElement.prototype, "propertyMap", void 0);
     __decorate([
         property({ type: String, attribute: "data-title" })
     ], SubscriberElement.prototype, "title", void 0);

package/core/utils/PublisherProxy.mjs

@@ -68,6 +68,12 @@ export class PublisherProxy {
     }
     _publishTemplateFilling_(key, value) {
         this._templateFillListeners_.forEach((handler) => {
+            let desc = Object.getOwnPropertyDescriptor(handler, key);
+            if (desc && !desc.set)
+                return;
+            if (handler.propertyMap && handler.propertyMap[key]) {
+                key = handler.propertyMap[key];
+            }
             if (typeof handler[key] != "undefined" && handler[key] !== value) {
                 handler[key] = value;
             }
@@ -113,6 +119,9 @@ export class PublisherProxy {
         this._templateFillListeners_.add(handler);
         for (var z in this._value_) {
             const value = this._value_[z];
+            if (handler.propertyMap && handler.propertyMap[z]) {
+                z = handler.propertyMap[z];
+            }
             if (typeof handler[z] != "undefined" && handler[z] !== value) {
                 handler[z] = value;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {