@supersoniks/concorde 4.8.0 → 4.9.0

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

@@ -0,0 +1,386 @@
+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 Queue_1;
+import { html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import { map } from "lit/directives/map.js";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import "@supersoniks/concorde/core/components/functional/list/list";
+import { HTML } from "@supersoniks/concorde/utils";
+const tagName = "sonic-queue";
+/**
+ *### Une Queue charge du contenu par lot selon l'expression renseignée dans l'attribut *dataProviderExpression*.
+ * * Chaque lot est chargé par un composant [List](./?path=/docs/core-components-functional-list-list--basic) dont le dataProvider créé à partir de l'attribut dataProviderExpression
+ * * A l'initialisation elle regarde l'attribut dataFilterProvider qui donne l'adresse d'un publisher
+ * Si cet attribut est touvé, Queue écoute le publisher fourni et se réinitialise à chaque modification du contenu de celui-ci.
+ * Les valeurs renseignées dans ce publisher sont ajoutées en get à chaque requête
+ * * la proriété *key* peut être utilisé pour cibler une propriété particulière du retour de l'api.
+ */
+let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
+    constructor() {
+        super(...arguments);
+        this.templates = null;
+        this.items = null;
+        this.noItems = null;
+        this.skeleton = null;
+        this.lastRequestTime = 0;
+        this.key = "";
+        this.itemPropertyMap = null;
+        /**
+         * Durée cible en ms d'une requête pour afficher 1 lot.
+         */
+        this.cache = "default";
+        this.targetRequestDuration = 500;
+        /*
+         * Quantité d'éléments devant être chargés dans le premier lot.
+         * Cette valeur est mise à jour ensuite par Queue pour chauq lot pour se rapprocher tanque possible de *targetRequestDuration*
+         */
+        this.limit = 5;
+        this.lazyBoundsRatio = 1;
+        this.offset = 0;
+        this.resultCount = 0;
+        this.noLazyload = false;
+        this.loader = "inline";
+        this.filteredFields = "";
+        this.instanceId = 0;
+        this.localStorage = "disabled";
+        this.filterPublisher = null;
+        this.filterTimeoutMs = 400;
+        this.searchHash = "";
+        this.requestId = 0;
+        this.isFirstRequest = true;
+        this.updateFilteredContent = () => {
+            /**
+             * On ne lance la recherche que si le hash de recherche est différent
+             */
+            const dataProvider = this.dataProviderExpression;
+            const split = dataProvider.split("?");
+            split.shift();
+            const searchParams = new URLSearchParams(split.join("?"));
+            const filterData = this.filterPublisher?.get();
+            const filteredFieldsArray = this.filteredFields.split(" ");
+            for (const f in filterData) {
+                let value = filterData[f];
+                if (Array.isArray(value))
+                    value = value.filter((v) => v !== null);
+                if ((this.filteredFields && filteredFieldsArray.includes(f)) ||
+                    value == null ||
+                    value.toString() === "")
+                    continue;
+                searchParams.set(f, filterData[f].toString());
+            }
+            const searchHash = searchParams.toString();
+            if (searchHash == this.searchHash && !this.isFirstRequest)
+                return;
+            this.searchHash = searchHash;
+            /**
+             * on reset les données avant de lancer la requète
+             */
+            for (const dataProvider of this.listDataProviders) {
+                PublisherManager.getInstance().delete(dataProvider);
+                // this.publisher.lastFetchedData = {};
+            }
+            this.listDataProviders = [];
+            clearTimeout(this.filterTimeoutId);
+            this.filterTimeoutId = setTimeout(async () => {
+                const count = this.resultCount;
+                this.props = null;
+                //On garde le décompte au cas ou il n'y aurait pas rechargement
+                this.requestId++;
+                this.resultCount = count;
+                await PublisherManager.getInstance().isLocalStrorageReady;
+                window.requestAnimationFrame(() => this.next());
+            }, this.isFirstRequest ? 0 : this.filterTimeoutMs);
+            this.isFirstRequest = false;
+        };
+        /**
+         * 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
+         * * l'expression *$limit* est remplacée par la valeur représentant le nombre d'éléments à charger
+         * * Si pas d'expression *$offset* le composant se comporte un peu comme une liste, il ne va pas essayer de charger les éléments suivants
+         */
+        this.dataProviderExpression = "";
+        this.invalidateOnPageShow = false;
+        this.idKey = "id";
+        this.listDataProviders = [];
+        this.nextHadEvent = false;
+        this.storedScrollY = 0;
+        this.storedScrollX = 0;
+    }
+    disconnectedCallback() {
+        for (const dataProvider of this.listDataProviders) {
+            PublisherManager.getInstance().delete(dataProvider);
+            this.listDataProviders = [];
+        }
+        this.filterPublisher?.offInternalMutation(this.updateFilteredContent);
+        // reset internal state
+        this.props = null;
+        this.limit = 5;
+        this.offset = 0;
+        this.resultCount = 0;
+        this.searchHash = "";
+        this.requestId = 0;
+        this.isFirstRequest = true;
+        this.nextHadEvent = false;
+        this.publisher.set({});
+        super.disconnectedCallback();
+        return;
+    }
+    async connectedCallback() {
+        this.instanceId = Queue_1.instanceCounter++;
+        this.localStorage = this.getAttribute("localStorage") || this.localStorage;
+        this.filterTimeoutMs = parseInt(this.getAttribute("filterTimeoutMs") || "400");
+        //On supprime l'attribut car une queue ne doi pas être en localstorage, ce sont ses sous composants list qui doivent l'être
+        this.removeAttribute("localStorage");
+        this.noShadowDom = "";
+        this.defferedDebug = this.hasAttribute("debug") || null;
+        /**Compat avec states et routing **/
+        if (!this.dataProvider)
+            this.dataProvider =
+                this.dataProviderExpression ||
+                    "sonic-queue-" +
+                        this.instanceId +
+                        "-" +
+                        Math.random().toString(36).substring(7);
+        if (!this.dataProviderExpression) {
+            this.dataProviderExpression =
+                HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") ||
+                    "";
+        }
+        this.storeScrollPosition();
+        super.connectedCallback();
+        this.publisher.set({});
+        this.key = this.getAttribute("key");
+        await PublisherManager.getInstance().isLocalStrorageReady;
+        if (!this.templates)
+            this.templates = Array.from(this.querySelectorAll("template"));
+        this.lastRequestTime = new Date().getTime();
+        this.configFilter();
+    }
+    configFilter() {
+        const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
+        if (!dataFilterProvider) {
+            this.next();
+            return;
+        }
+        this.filterPublisher =
+            PublisherManager.getInstance().get(dataFilterProvider);
+        this.filterPublisher?.onInternalMutation(this.updateFilteredContent);
+    }
+    storeScrollPosition() {
+        if (!this.isSafari()) {
+            return;
+        }
+        this.storedScrollX = window.scrollX;
+        this.storedScrollY = window.scrollY;
+    }
+    isSafari() {
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    }
+    updated(_changedProperties) {
+        if (this.isSafari()) {
+            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.storedScrollX - window.scrollX) > 10 ||
+                    Math.abs(this.storedScrollY - window.scrollY) > 10) {
+                    window.scrollTo(this.storedScrollX, this.storedScrollY);
+                }
+            });
+        }
+        super.updated(_changedProperties);
+    }
+    resetDuration() {
+        this.lastRequestTime = new Date().getTime();
+    }
+    next(e) {
+        let offset = this.offset;
+        const newTime = new Date().getTime();
+        const requestDuration = newTime - this.lastRequestTime;
+        /**
+         * Le rechargement n'est pas garanti si pas de changement dans les filtres
+         * Un ne repasse donc à 0 qu'à partir du premier chargement.
+         * */
+        if (!this.nextHadEvent && e) {
+            this.publisher.resultCount = 0;
+            // this.publisher.lastFetchedData = {};
+            this.resultCount = 0;
+        }
+        this.nextHadEvent = !!e;
+        if (e) {
+            this.publisher.lastFetchedData = e.detail.fetchedData;
+            if (e.detail.requestId < this.requestId)
+                return;
+            this.resultCount += e.detail.props?.length || 0;
+            if (!e.detail.isFirstLoad ||
+                !e.detail.props?.length ||
+                this.dataProviderExpression.indexOf("$offset") == -1) {
+                this.publisher.resultCount = this.resultCount;
+                // this.publisher.lastFetchedData = {};
+                return;
+            }
+        }
+        if (!Array.isArray(this.props)) {
+            const newProps = [];
+            newProps.resultCount = this.resultCount;
+            newProps.lastFetchedData = e?.detail.fetchedData || {};
+            this.props = newProps;
+        }
+        else {
+            const props = this.props;
+            const item = props[props.length - 1];
+            offset =
+                parseInt(item.offset.toString()) + parseInt(item.limit.toString());
+        }
+        if (requestDuration > 0 && e && !this.localStorage) {
+            this.limit = Math.round((this.limit / requestDuration) * this.targetRequestDuration);
+        }
+        if (this.limit < 1)
+            this.limit = 1;
+        if (this.limit > 15)
+            this.limit = 15;
+        let dataProvider = this.dataProviderExpression
+            .replace("$offset", offset + "")
+            .replace("$limit", this.limit + "");
+        const split = dataProvider.split("?");
+        let endpoint = split.shift();
+        const searchParams = new URLSearchParams(split.join("?"));
+        const filterData = this.filterPublisher?.get();
+        const filteredFieldsArray = this.filteredFields.split(" ");
+        for (const f in filterData) {
+            if ((this.filteredFields && filteredFieldsArray.includes(f)) ||
+                filterData[f] == null ||
+                filterData[f] == "")
+                continue;
+            searchParams.set(f, filterData[f]);
+        }
+        if (!this.searchHash)
+            this.searchHash = searchParams.toString();
+        endpoint = endpoint + "?" + searchParams.toString();
+        dataProvider = dataProvider + "_item_from_queue_" + this.instanceId;
+        this.listDataProviders.push(dataProvider);
+        const newProps = [
+            ...this.props,
+            {
+                id: searchParams.toString() + "/" + this.props.length,
+                dataProvider: dataProvider,
+                endPoint: endpoint,
+                offset: offset,
+                limit: this.limit,
+            },
+        ];
+        newProps.resultCount = this.resultCount;
+        newProps.lastFetchedData = e?.detail.fetchedData || {};
+        this.props = newProps;
+        this.lastRequestTime = new Date().getTime();
+    }
+    render() {
+        this.storeScrollPosition();
+        if (!Array.isArray(this.props)) {
+            return nothing;
+        }
+        let lazyload = !this.noLazyload;
+        if (this.props.length == 1) {
+            lazyload = false;
+        }
+        this.style.display = "block";
+        return html `
+      ${map(this.props, (item, index) => {
+            const templates = index == 0
+                ? this.templates
+                : this.templates?.filter((elt) => elt.getAttribute("data-value") != "no-item");
+            return html `
+          <sonic-list
+            fetch
+            loader="${this.loader}"
+            cache=${this.cache}
+            displayContents
+            lazyBoundsRatio=${this.lazyBoundsRatio}
+            ?lazyload=${lazyload}
+            ?invalidateOnPageShow=${this.invalidateOnPageShow}
+            localStorage=${this.localStorage}
+            requestId=${this.requestId}
+            .itemPropertyMap=${this.itemPropertyMap}
+            ?debug=${this.defferedDebug === true}
+            @load=${this.next}
+            key=${this.key}
+            @loading=${this.resetDuration}
+            dataProvider="${item.dataProvider}"
+            endPoint="${item.endPoint}"
+            idKey=${this.idKey}
+            .templates=${templates}
+            .items=${this.items}
+            .noItems=${index == 0 ? this.noItems : undefined}
+            .skeleton=${this.skeleton}
+          >
+          </sonic-list>
+        `;
+        })}
+    `;
+    }
+};
+Queue.instanceCounter = 0;
+__decorate([
+    property({ type: Array })
+], Queue.prototype, "templates", void 0);
+__decorate([
+    property({ type: Function, attribute: false })
+], Queue.prototype, "items", void 0);
+__decorate([
+    property({ type: Function, attribute: false })
+], Queue.prototype, "noItems", void 0);
+__decorate([
+    property({ type: Function, attribute: false })
+], Queue.prototype, "skeleton", void 0);
+__decorate([
+    property({ type: Object })
+], Queue.prototype, "itemPropertyMap", void 0);
+__decorate([
+    property()
+], Queue.prototype, "cache", void 0);
+__decorate([
+    property()
+], Queue.prototype, "targetRequestDuration", void 0);
+__decorate([
+    property()
+], Queue.prototype, "limit", void 0);
+__decorate([
+    property()
+], Queue.prototype, "lazyBoundsRatio", void 0);
+__decorate([
+    property()
+], Queue.prototype, "offset", void 0);
+__decorate([
+    property()
+], Queue.prototype, "resultCount", void 0);
+__decorate([
+    property({ type: Boolean })
+], Queue.prototype, "noLazyload", void 0);
+__decorate([
+    property({ type: String })
+], Queue.prototype, "loader", void 0);
+__decorate([
+    property()
+], Queue.prototype, "filteredFields", void 0);
+__decorate([
+    property({ type: String })
+], Queue.prototype, "dataProviderExpression", void 0);
+__decorate([
+    property({ type: Boolean })
+], Queue.prototype, "invalidateOnPageShow", void 0);
+__decorate([
+    property({ type: String })
+], Queue.prototype, "idKey", void 0);
+Queue = Queue_1 = __decorate([
+    customElement(tagName)
+], Queue);
+export default Queue;
+//# sourceMappingURL=queue.js.map

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

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

package/dist/js/core/components/functional/router/redirect.js

@@ -0,0 +1,54 @@
+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 { LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import LocationHandler from "@supersoniks/concorde/core/utils/LocationHandler";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
+const tagName = "sonic-redirect";
+/**
+ * sonic-redirect permet d'effectuer une redirection.
+ * * L'URL de redirection fournie dans l'attribut *to*.
+ * * La redirection est effectuée en fonction de la disponibilité d'une donnée issue du publisher à l'adresse fournie par l'attribut dataProvider
+ * * La donnée a trouver est renseignées via l'attribut *onData* qui peur repésenter un chemin dans la donnée via la dot syntaxe
+ * * Si la données est trouvée et qu'elle peut être évaluée à true alors la redirection est effectuée
+ * Par exemple : la données vaut {user:{id:2}} si onData="user.id"la redirection est effectuée.
+ * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
+ */
+let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
+    connectedCallback() {
+        this.noShadowDom = "";
+        this.style.display = "none";
+        super.connectedCallback();
+        this.udpateCallBack = () => this.update();
+        if (this.publisher)
+            this.publisher.onInternalMutation(this.udpateCallBack);
+    }
+    disconnectedCallback() {
+        if (this.publisher)
+            this.publisher.offInternalMutation(this.udpateCallBack);
+        super.disconnectedCallback();
+    }
+    update() {
+        if (this.hasAttribute("onAdded")) {
+            LocationHandler.changeFromComponent(this);
+            return;
+        }
+        if (!this.props)
+            return;
+        const onDataPath = this.getAttribute("onData").split(".");
+        const searchedData = Objects.traverse(this.props, onDataPath);
+        if (searchedData && !(Objects.isObject(searchedData) && searchedData)) {
+            LocationHandler.changeFromComponent(this);
+        }
+    }
+};
+SonicRedirect = __decorate([
+    customElement(tagName)
+], SonicRedirect);
+export { SonicRedirect };
+//# sourceMappingURL=redirect.js.map

package/dist/js/core/components/functional/router/redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/router/redirect.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,eAAe,MAAM,kDAAkD,CAAC;AAC/E,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,MAAM,OAAO,GAAG,gBAAgB,CAAC;AACjC;;;;;;;;GAQG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU,CAAC,UAAU,CAAC;IAEvD,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC5B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1C,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC7E,CAAC;IACD,oBAAoB;QAClB,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5E,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,eAAe,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1D,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAE9D,IAAI,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,EAAE,CAAC;YACtE,eAAe,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;CACF,CAAA;AA3BY,aAAa;IADzB,aAAa,CAAC,OAAO,CAAC;GACV,aAAa,CA2BzB"}

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

@@ -0,0 +1,179 @@
+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 } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { templateContent } from "lit/directives/template-content.js";
+import LocationHandler from "@supersoniks/concorde/core/utils/LocationHandler";
+import { repeat } from "lit/directives/repeat.js";
+import UrlPattern from "@supersoniks/concorde/core/utils/url-pattern";
+import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
+const tagName = "sonic-router";
+let SonicRouter = class SonicRouter extends TemplatesContainer(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.templateValueAttribute = "data-route";
+        this._location = document.location.href.replace(document.location.origin, "");
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        LocationHandler.onChange(this);
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        LocationHandler.offChange(this);
+        super.disconnectedCallback();
+    }
+    set location(value) {
+        this._location = value;
+        //keep only the path abnd the has
+        this.requestUpdate();
+    }
+    get location() {
+        return this._location;
+    }
+    get cleanLocation() {
+        const url = new URL(this.location, document.location.origin);
+        return url.pathname + url.hash;
+    }
+    get patternBasePath() {
+        if (this.basePath !== undefined) {
+            return this.basePath;
+        }
+        return "(/)*";
+    }
+    get regExpBasePath() {
+        if (this.basePath !== undefined) {
+            return "^" + this.basePath;
+        }
+        return "";
+    }
+    handleroutes() {
+        if (!this.routes)
+            return [];
+        const templates = [];
+        for (let [path, renderFn] of Object.entries(this.routes)) {
+            if (path === "fallback" || !renderFn)
+                continue;
+            const regexp = new RegExp(this.regExpBasePath + path);
+            if (regexp.test(this.cleanLocation)) {
+                const params = regexp.exec(this.cleanLocation) || [path];
+                params.shift();
+                templates.push(renderFn([...params]));
+            }
+            else {
+                try {
+                    const pattern = new UrlPattern(this.patternBasePath + path);
+                    const match = pattern.match(this.cleanLocation);
+                    if (match) {
+                        const params = match || {};
+                        templates.push(renderFn(params));
+                    }
+                }
+                catch (e) {
+                    if (this.cleanLocation.indexOf((this.basePath || "") + path.replace(document.location.origin, "")) != -1) {
+                        templates.push(renderFn({}));
+                    }
+                }
+            }
+        }
+        //Gestion fallback
+        if (templates.length == 0) {
+            if (this.routes?.fallback && this.isConnected) {
+                templates.push(this.routes.fallback());
+            }
+        }
+        return templates;
+    }
+    render() {
+        const programmaticTemplates = this.handleroutes();
+        if (programmaticTemplates.length > 0) {
+            return html `${programmaticTemplates}`;
+        }
+        const templates = [];
+        for (const t of this.templatePartsList) {
+            const path = t.getAttribute(this.templateValueAttribute) || "";
+            const regexp = new RegExp(this.regExpBasePath + path);
+            if (regexp.test(this.cleanLocation)) {
+                templates.push(t);
+            }
+            else {
+                try {
+                    if (new UrlPattern(this.patternBasePath + path + "(/*)").match(this.cleanLocation)) {
+                        t.setAttribute("mode", "patternMatching");
+                        templates.push(t);
+                    }
+                }
+                catch (e) {
+                    if (this.cleanLocation.indexOf((this.basePath || "") + path.replace(document.location.origin, "")) != -1) {
+                        templates.push(t);
+                    }
+                }
+            }
+        }
+        if (templates.length == 0) {
+            if (this.fallBackRoute && this.isConnected) {
+                document.location.href = this.fallBackRoute;
+            }
+            const fallback = this.templateList.find((t) => t.hasAttribute("data-fallback"));
+            if (fallback) {
+                templates.push(fallback);
+            }
+        }
+        return html `${repeat(templates, (template, index) => {
+            template;
+            return index + new Date().getTime();
+        }, (template) => {
+            if (template.title)
+                document.title = template.title;
+            if (template.hasAttribute("dataProviderExpression")) {
+                let dataProvider = "";
+                const dataProviderExpression = template.getAttribute("dataProviderExpression") || "";
+                if (template.getAttribute("mode") == "patternMatching") {
+                    const matcher = new UrlPattern("(/)*" +
+                        (template.getAttribute(this.templateValueAttribute) || "") +
+                        "*");
+                    const filler = new UrlPattern(dataProviderExpression);
+                    dataProvider = filler.stringify(matcher.match(this.cleanLocation));
+                }
+                else {
+                    const regexp = new RegExp(template.getAttribute(this.templateValueAttribute) || "");
+                    const match = (this.cleanLocation + "").match(regexp);
+                    if (match) {
+                        dataProvider =
+                            match.shift()?.replace(regexp, dataProviderExpression) || "";
+                    }
+                }
+                return html `<div
+            style="display:contents"
+            dataProvider="${dataProvider}"
+          >
+            ${templateContent(template)}
+          </div>`;
+            }
+            return templateContent(template);
+        })}`;
+    }
+};
+__decorate([
+    property({ type: String })
+], SonicRouter.prototype, "fallBackRoute", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], SonicRouter.prototype, "routes", void 0);
+__decorate([
+    property({ type: String })
+], SonicRouter.prototype, "basePath", void 0);
+__decorate([
+    property()
+], SonicRouter.prototype, "location", null);
+SonicRouter = __decorate([
+    customElement(tagName)
+], SonicRouter);
+export { SonicRouter };
+//# sourceMappingURL=router.js.map

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

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