@supersoniks/concorde 4.9.95 → 4.9.97-visual-stack.0

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

@@ -0,0 +1,341 @@
+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;
+};
+import { html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
+import { templateContent } from "lit/directives/template-content.js";
+import "@supersoniks/concorde/core/components/ui/loader/loader";
+import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
+import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
+const tagName = "sonic-list";
+let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
+    constructor() {
+        super(...arguments);
+        /**
+         * 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é.
+         */
+        this.templateKey = "template";
+        /**
+         * La propriété idKey est utilisé repérer les lignes de manière unique si pour les item de la liste item[this.idKey] n'existe pas, alors l'index est utilisé
+         */
+        this.idKey = "id";
+        this.limit = Number.POSITIVE_INFINITY;
+        this.offset = 0;
+        /**
+         * loadingsize is computed after rendering a loading / doesnt require one but will be used on other renderings
+         */
+        this.loadingSize = { width: 0, height: 0 };
+    }
+    get items() {
+        return this._items;
+    }
+    set items(value) {
+        if (typeof value !== "function" && value !== undefined)
+            return;
+        this._items = value;
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        this.noShadowDom = "";
+        this.defferedDebug = this.hasAttribute("debug") || null;
+        this.isFetchEnabled = this.hasAttribute("fetch");
+        if (this.isFetchEnabled)
+            this.isLoading = true;
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    renderLoader() {
+        if (!(this.isLoading && this.loader !== undefined))
+            return nothing;
+        const template = this.templateParts["skeleton"];
+        if (template)
+            return nothing;
+        const loader = this.loader === true || this.loader === "" ? "fixed" : this.loader;
+        return html `<sonic-loader mode=${loader}></sonic-loader>`;
+    }
+    renderSkeleton() {
+        if (this.skeleton) {
+            return this.skeleton();
+        }
+        const template = this.templateParts["skeleton"];
+        if (!(this.isLoading && template))
+            return nothing;
+        return templateContent(template);
+    }
+    renderSeparator() {
+        if (this.separator) {
+            return this.separator();
+        }
+        const template = this.templateParts["separator"];
+        if (!template)
+            return nothing;
+        return templateContent(template);
+    }
+    renderLoadingState() {
+        return html `${this.renderSkeleton()} ${this.renderLoader()} `;
+    }
+    renderNoResultState() {
+        return html ` <div
+      style="color: var(--sc-base-400);
+    font-size: 1.5em;
+    margin: 4rem 0;
+    display: flex;
+    gap: 0.5rem;"
+    >
+      <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
+      ><span class="sonic-no-result-text"
+        >${typeof this.props === "string" && this.props == ""
+            ? "Aucun résultat"
+            : this.props}</span
+      >
+    </div>`;
+    }
+    formatProps() {
+        let props = this.props;
+        if (props == null) {
+            return null;
+        }
+        const response = props._sonic_http_response_;
+        const extractValues = this.hasAttribute("extractValues");
+        //si props n'est pas un tableau on l'adapte
+        if (!Array.isArray(props)) {
+            if (extractValues) {
+                props = Object.entries(props).map(([k, v]) => ({ key: k, value: v }));
+            }
+            else {
+                if (Objects.isObject(props) &&
+                    Object.keys(props).length > 0 &&
+                    (!response || response.ok))
+                    props = [props];
+                else {
+                    props = [];
+                }
+            }
+        }
+        props = props.filter((e) => e != null);
+        if (response)
+            props._sonic_http_response_ = response;
+        return props;
+    }
+    updated(_changedProperties) {
+        window.requestAnimationFrame(() => {
+            if (!this.isLoading) {
+                this.style.setProperty("--list-loader-height-display", "none");
+                return;
+            }
+            this.style.setProperty("--list-loader-height-display", "block");
+            this.loadingSize = this.getDisplayContentsSize(this);
+        });
+        super.updated(_changedProperties);
+    }
+    getAllRenderableElements(root) {
+        let elements = [];
+        function collectElements(node) {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                // Vérifier si l'élément a une boîte de rendu
+                const rect = node.getBoundingClientRect();
+                if (rect.width > 0 || rect.height > 0) {
+                    elements.push(node);
+                }
+                // Parcourir les enfants
+                node.childNodes.forEach(collectElements);
+                // Vérifier le Shadow DOM
+                if (node.shadowRoot) {
+                    node.shadowRoot.childNodes.forEach(collectElements);
+                }
+            }
+        }
+        collectElements(root);
+        return elements;
+    }
+    getDisplayContentsSize(element) {
+        const elements = this.getAllRenderableElements(element);
+        if (elements.length === 0)
+            return { width: 0, height: 0 };
+        const rects = elements.map((el) => el.getBoundingClientRect());
+        const minX = Math.min(...rects.map((r) => r.left));
+        const maxX = Math.max(...rects.map((r) => r.right));
+        const minY = Math.min(...rects.map((r) => r.top));
+        const maxY = Math.max(...rects.map((r) => r.bottom));
+        return { width: maxX - minX, height: maxY - minY };
+    }
+    render() {
+        return html `
+      ${this.renderContent()}
+      <div
+        style="grid-column: 1 / -1;min-height:${this.isLoading
+            ? 0
+            : this.loadingSize
+                .height}px; width:0;float:left;display: var(--list-loader-height-display);"
+      ></div>
+    `;
+    }
+    handleProgrammaticTemplates(item, metadata, key) {
+        if (!this.items)
+            return null;
+        return html `<sonic-subscriber
+      ?debug=${this.defferedDebug === true}
+      .bindPublisher=${() => this.publisher[key]}
+      .propertyMap?=${this.itemPropertyMap}
+      dataProvider="${this.dataProvider}/list-item/${key}"
+    >
+      ${this.items(item, metadata)}
+    </sonic-subscriber>`;
+    }
+    renderContent() {
+        /**
+         * Loading
+         */
+        const isLoadingState = this.isLoading && !Array.isArray(this.props);
+        if (isLoadingState)
+            return this.renderLoadingState();
+        /**
+         * Si props est une string on considère qu'il n'y a pas de résultats
+         */
+        const isString = typeof this.props === "string";
+        if (isString)
+            return this.renderNoResultState();
+        /**
+         * si props mal formé ou null on retourne une div vide (nécessaire pour le lazyload)
+         */
+        const propsIsBaddlyFormatted = !Objects.isObject(this.props);
+        if (propsIsBaddlyFormatted)
+            return html `<div></div>`;
+        /**
+         * On format les props pour les rendre compatibles avec le fonctionnement du rendu en fonction du paramétrage du composant (cf : "extractValues" )
+         */
+        const props = this.formatProps();
+        /**
+         * On peut définir un template spécifique si le résultat est un tableau vide
+         */
+        if ((props?.length || 0) == 0) {
+            if (this.noItems) {
+                return this.noItems();
+            }
+            this.templateParts["no-items"] =
+                this.templateParts["no-items"] || this.templateParts["no-item"];
+            if (this.templateParts["no-items"]) {
+                return templateContent(this.templateParts["no-items"]);
+            }
+        }
+        /**
+         * Rendu des lignes
+         *  */
+        const templateCount = this.templateList.length;
+        let counter = -1;
+        const extractValues = this.hasAttribute("extractValues");
+        const separator = this.renderSeparator();
+        const length = props?.length || 0;
+        const items = props?.slice(this.offset, this.offset + this.limit);
+        return html `
+      ${items?.map((item, index) => {
+            if (item == null)
+                return nothing;
+            let key = index;
+            let templatePart = null;
+            if (typeof item == "object" && !Array.isArray(item)) {
+                if (extractValues)
+                    key = item?.["key"];
+                // Récupérer le template par son nom si présent
+                const templatePartName = item[this.templateKey];
+                if (templatePartName && typeof templatePartName == "string") {
+                    templatePart = this.templateParts[templatePartName];
+                }
+            }
+            if (key == "_sonic_http_response_")
+                return nothing;
+            if (typeof key != "string" && typeof key != "number")
+                return nothing;
+            const isLastChild = index >= length - 1;
+            const indexMod2 = index % 2;
+            const childPublisher = this.publisher[key];
+            const metadata = {
+                key: key,
+                even: indexMod2 == 0,
+                odd: indexMod2 == 1,
+                onlyChild: length == 1,
+                firstChild: index == 0,
+                lastChild: isLastChild,
+            };
+            childPublisher._key_ = key + "";
+            childPublisher._metadata_ = {
+                ...childPublisher._metadata_.get(),
+                ...metadata,
+            };
+            // Essayer d'utiliser les templates programmatiques
+            const programmaticTemplate = this.handleProgrammaticTemplates(item, metadata, key);
+            if (programmaticTemplate) {
+                return html `${programmaticTemplate}${!isLastChild
+                    ? separator
+                    : nothing}`;
+            }
+            // Sinon, utiliser le système de template existant
+            counter++;
+            if (templatePart)
+                counter = -1;
+            return html `
+          <sonic-subscriber
+            ?debug=${this.defferedDebug === true}
+            .bindPublisher=${function () {
+                return childPublisher;
+            }}
+            .propertyMap?=${this.itemPropertyMap}
+            dataProvider="${this.dataProvider}/list-item/${key}"
+          >
+            ${templatePart
+                ? templateContent(templatePart)
+                : templateContent(this.templateList[counter % templateCount])}
+          </sonic-subscriber>
+          ${!isLastChild ? separator : nothing}
+        `;
+        })}
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], List.prototype, "itemPropertyMap", void 0);
+__decorate([
+    property({ type: String })
+], List.prototype, "templateKey", void 0);
+__decorate([
+    property({ type: String })
+], List.prototype, "idKey", void 0);
+__decorate([
+    property()
+], List.prototype, "loader", void 0);
+__decorate([
+    property()
+], List.prototype, "limit", void 0);
+__decorate([
+    property()
+], List.prototype, "offset", void 0);
+__decorate([
+    property({
+        type: Function,
+        attribute: false,
+    }) /**add a getter setter check if the value is a ListItems befor assignation */
+], List.prototype, "items", null);
+__decorate([
+    property({ type: Function, attribute: false })
+], List.prototype, "noItems", void 0);
+__decorate([
+    property({ type: Function, attribute: false })
+], List.prototype, "skeleton", void 0);
+__decorate([
+    property({ type: Function, attribute: false })
+], List.prototype, "separator", void 0);
+List = __decorate([
+    customElement(tagName)
+], List);
+export { List };
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/list/list.ts"],"names":[],"mappings":"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"}

package/dist/js/core/components/functional/mix/mix.js

@@ -0,0 +1,103 @@
+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;
+};
+import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { Objects, PublisherManager } from "@supersoniks/concorde/utils";
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+let SonicMix = class SonicMix extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this._composition = {};
+        this.listeners = [];
+    }
+    get composition() {
+        return this._composition;
+    }
+    set composition(value) {
+        this._composition = value;
+        this.updateComposition();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateComposition();
+    }
+    disconnectedCallback() {
+        this.removePublisherListeners();
+        super.disconnectedCallback();
+    }
+    updateComposition() {
+        this.removePublisherListeners();
+        if (!this.publisher)
+            return;
+        this.publisher.set({});
+        this.parseComposition(this.composition, this.publisher);
+    }
+    removePublisherListeners() {
+        const listeners = this.listeners;
+        this.listeners = [];
+        listeners.forEach((listener) => {
+            this.publisher.offAssign(listener.subscriber);
+        });
+    }
+    parseComposition(composition, publisher) {
+        if (!composition)
+            return;
+        for (const z in composition) {
+            const value = composition[z];
+            if (typeof value === "string") {
+                const split = value.split(".");
+                const first = split.shift();
+                if (!first)
+                    continue;
+                let publisherSource = PublisherManager.get(first);
+                publisherSource = Objects.traverse(publisherSource, split);
+                const publisherSubscriber = {
+                    publisher: publisherSource,
+                    subscriber: (v) => {
+                        publisher[z] = v;
+                    },
+                };
+                this.listeners.push(publisherSubscriber);
+                publisherSource.onAssign(publisherSubscriber.subscriber);
+                publisher._proxies_.set(z, publisherSource);
+            }
+            else {
+                this.publisher[z] = {};
+                const newPublisher = new PublisherProxy({}, publisher);
+                publisher._proxies_.set(z, newPublisher);
+                const publisherSubscriber = {
+                    publisher: newPublisher,
+                    subscriber: (v) => {
+                        publisher[z] = v;
+                    },
+                };
+                this.listeners.push(publisherSubscriber);
+                newPublisher.onAssign(publisherSubscriber.subscriber);
+                this.parseComposition(value, newPublisher);
+            }
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+SonicMix.styles = [
+    css `
+      :host {
+        display: contents;
+      }
+    `,
+];
+__decorate([
+    property({ type: Object })
+], SonicMix.prototype, "composition", null);
+SonicMix = __decorate([
+    customElement("sonic-mix")
+], SonicMix);
+export default SonicMix;
+//# sourceMappingURL=mix.js.map

package/dist/js/core/components/functional/mix/mix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mix.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/mix/mix.ts"],"names":[],"mappings":"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"}