@supersoniks/concorde 1.1.7 → 1.1.8

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

@@ -65,6 +65,6 @@ export declare class List extends List_base {
      */
     idKey: string;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/template-content").TemplateContentDirective>;
 }
 export {};

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

@@ -48,11 +48,15 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         this.defferedDebug = this.hasAttribute("debug") || null;
         this.isDefaultLoaderEnabled = false;
         this.isFetchEnabled = this.hasAttribute("fetch");
+        if (this.isFetchEnabled)
+            this.isLoading = true;
         super.connectedCallback();
     }
     render() {
         if (this.isLoading && !Array.isArray(this.props))
-            return html `<sonic-loader mode="inline"></sonic-loader>`;
+            return this.templateParts["skeleton"]
+                ? templateContent(this.templateParts["skeleton"])
+                : html `<sonic-loader mode="inline"></sonic-loader>`;
         // 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">
@@ -61,7 +65,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
       </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)
-        if (!Objects.isObject(this.props) || Object.keys(this.props).length == 0) {
+        if (!Objects.isObject(this.props)) {
             return html `<div></div>`;
         }
         let props = this.props;
@@ -75,6 +79,10 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                 props = [props];
             }
         }
+        // On peut définir un template spécifique si le résultat est un tableau vide
+        if (props.length == 0 && this.templateParts["no-item"]) {
+            return templateContent(this.templateParts["no-item"]);
+        }
         // Resultats
         let templateCount = this.templateList.length;
         let counter = -1;

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

@@ -146,7 +146,10 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         if (!Array.isArray(this.props))
             return nothing;
         return html `
-      ${repeat(this.props, (item) => item.id, (item) => html `
+      ${repeat(this.props, (item) => item.id, (item, index) => {
+            var _a;
+            let templates = index == 0 ? this.templates : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter(elt => elt.getAttribute("data-value") != "no-item");
+            return html `
             <sonic-list
               fetch
               .itemPropertyMap=${this.itemPropertyMap}
@@ -156,10 +159,11 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
               @loading=${this.resetDuration}
               dataProvider="${item.dataProvider}"
               idKey=${this.idKey}
-              .templates=${this.templates}
+              .templates=${templates}
             >
             </sonic-list>
-          `)}
+          `;
+        })}
     `;
     }
 };

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

@@ -18,7 +18,12 @@ declare const Button_base: {
         updateDataValue(): void;
         error: true | null;
         autofocus: true | null;
-        disabled: true | null;
+        disabled: true | null; /**
+         * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
+         * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables
+         * * Le bouton est comparable au badge car il possèdent tous les deux les propriétés *type* (primary...), *variant*(outline, ghost), size(xs...)...
+         * * Le bouton possède cependant et notamment une propriété href contrairement à un badge
+         */
         required: true | null;
         formDataProvider: string;
         props: any;
@@ -99,6 +104,10 @@ export declare class Button extends Button_base {
     hasSuffix: boolean;
     prefixes: HTMLElement[];
     suffixes: HTMLElement[];
+    /**
+     * target
+     */
+    target: "_self" | "_blank" | null;
     /**
      * L'url
      */

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

@@ -11,6 +11,7 @@ import { styleMap } from "lit/directives/style-map.js";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormCheckable from "@supersoniks/concorde/core/mixins/FormCheckable";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import { ifDefined } from "lit/directives/if-defined.js";
 /**
  * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
  * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables
@@ -65,6 +66,10 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         this.loading = false;
         this.hasPrefix = false;
         this.hasSuffix = false;
+        /**
+         * target
+         */
+        this.target = null;
         /**
          * L'url
          */
@@ -155,7 +160,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
       </button>
     `;
         return this.href
-            ? html `<a href="${this.href}" @click=${this.pushState ? this.handlePushState : null}>${btn}</a>`
+            ? html `<a href="${this.href}" target=${ifDefined(this.target)} @click=${this.pushState ? this.handlePushState : null}>${btn}</a>`
             : html `${btn}`;
     }
     onSlotChange() {
@@ -540,6 +545,9 @@ __decorate([
 __decorate([
     queryAssignedElements({ flatten: true, slot: 'suffix' })
 ], Button.prototype, "suffixes", void 0);
+__decorate([
+    property({ type: String })
+], Button.prototype, "target", void 0);
 __decorate([
     property({ type: String })
 ], Button.prototype, "href", null);

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: "Inter var", -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/mixins/Fetcher.js

@@ -56,6 +56,7 @@ const Fetcher = (superClass) => {
             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)
@@ -101,7 +102,6 @@ const Fetcher = (superClass) => {
             }
             super.connectedCallback();
             this.key = this.getAncestorAttributeValue("key");
-            this.api = new API(this.getApiConfiguration());
             if (this.props) {
                 this.publisher.set(this.props);
             }

package/core/utils/DataBindObserver.js

@@ -15,12 +15,10 @@ export default class DataBindObserver {
             return;
         this.enabled = false;
         Array.from(DataBindObserver.observedElements.keys()).forEach((k) => DataBindObserver.unObserve(k));
-        console.log("disabled");
     }
     static observe(element) {
         if (!DataBindObserver.enabled)
             return;
-        console.log("Observe");
         if (DataBindObserver.observedElements.has(element))
             return;
         let obs = new MutationObserver(DataBindObserver.onMutation);

package/package.json

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