@supersoniks/concorde 4.9.96 → 4.9.98-visual-stack.0

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

@@ -0,0 +1,284 @@
+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 "@supersoniks/concorde/core/components/ui/button/button";
+import { Loader } from "@supersoniks/concorde/core/components/ui/loader/loader";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import API from "@supersoniks/concorde/core/utils/api";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { HTML } from "@supersoniks/concorde/utils";
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+const tagName = "sonic-submit";
+/**
+ * ###L'élément submit permet d'envoyer des données en rest
+ * * Les données envoyées sont celles présentes dans le publisher dont l'adresse est renseignée via l'attribut *formDataProvider*.
+ * Cet attribut est également utilisé par les éléments de form comme *sonic-input*, ou *sonic-select*, qui remplissent ce publisher avec leur attribut *value* en fonction de leur attribut *name*
+ * * L'api est configuré à la manière d'un fetcher.
+ * * L'attribut *method* sur sonic-submit permet de choisir la méthode : *post* (défaut), *put*, *patch*, *delete*, *get*.
+ * * *endPoint* sur sonic-submit remplace le *dataProvider* ancêtre pour l'URL de la requête.
+ * * *sendAsFormData* envoie un corps multipart/form-data au lieu de JSON.
+ * * *native* : après validation, copie le publisher dans un &lt;form&gt; HTML ancêtre et déclenche un submit navigateur (pas d'appel fetch).
+ * * *submitResultKey* / submit-result-key : ne conserve qu'une sous-partie du JSON avant écriture dans *submitResultDataProvider*.
+ * * Si l'attribut *onClick* est présent, les données sont envoyées quand on click dans son contenu
+ * * Si l'attribut *onEnterKey* est présent, les données sont envoyées quand on appuie sur la touche entrée d'un élément contenu dans le *sonic-submit* ayant le focus
+ * * Pendant l'envoi REST, le slot est désactivé visuellement (*data-disabled*).
+ * * *clearedDataOnSuccess* (ancêtre) : ids de publishers séparés par des espaces, remis à {} lorsqu'un résultat est retourné.
+ * * Événement *submit* (bubbles) avec *detail* = résultat. *usernameKey* / *passwordKey* : Credential Management API après succès HTTP.
+ */
+let Submit = class Submit extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.submitResultKey = null;
+        this.disabled = false;
+        this.endPoint = null;
+        this.name = "";
+        this.value = "";
+        this.api = null;
+        this.clickTimeStamp = 0;
+        this.submit = async (e) => {
+            if (this.disabled)
+                return;
+            if (e instanceof KeyboardEvent && !(e.key === "Enter"))
+                return;
+            if (e instanceof MouseEvent) {
+                e.stopPropagation();
+            }
+            const formPublisher = PublisherManager.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));
+            //
+            // Validation du formulaire
+            formPublisher.isFormValid.set(true);
+            formPublisher.invalidateForm();
+            if (!formPublisher.isFormValid.get())
+                return;
+            this.disabled = true;
+            Loader.show();
+            formPublisher.isFormValid;
+            // support native html form
+            const native = this.hasAttribute("native");
+            if (native) {
+                this.submitNativeForm();
+                Loader.hide();
+                this.disabled = false;
+                return;
+            }
+            //
+            //Recup données
+            const method = this.getAttribute("method")?.toLocaleLowerCase() || "post";
+            const sendAsFormData = this.hasAttribute("sendAsFormData");
+            const formData = formPublisher.get();
+            delete formData.isFormValid;
+            const headesDataProvider = this.getAncestorAttributeValue("headersDataProvider");
+            const headerPublisher = headesDataProvider
+                ? PublisherManager.getInstance().get(headesDataProvider)
+                : null;
+            let headerData = {};
+            if (headerPublisher)
+                headerData = headerPublisher.get();
+            let result = null;
+            const dataProvider = this.getAncestorAttributeValue("dataProvider");
+            const endPoint = this.endPoint || dataProvider;
+            const sendData = async () => {
+                const dataToSend = { ...formData };
+                delete dataToSend.needsCaptchaValidation;
+                delete headerData.needsCaptchaValidation;
+                //
+                //envoi données
+                if (sendAsFormData) {
+                    result = await this.api?.submitFormData(endPoint, dataToSend, method, headerData);
+                }
+                else {
+                    switch (method) {
+                        case "put":
+                            result = await this.api?.put(endPoint, dataToSend, headerData);
+                            break;
+                        case "patch":
+                            result = await this.api?.patch(endPoint, dataToSend, headerData);
+                            break;
+                        case "delete":
+                            result = await this.api?.delete(endPoint, dataToSend, headerData);
+                            break;
+                        case "get":
+                            // add dataToSend to endpoint
+                            const params = new URLSearchParams();
+                            if (dataToSend) {
+                                for (const key in dataToSend) {
+                                    params.append(key, dataToSend[key]);
+                                }
+                            }
+                            const paramString = "?" + params.toString();
+                            result = await this.api?.get(endPoint + paramString, headerData);
+                            break;
+                        default:
+                            result = await this.api?.post(endPoint, dataToSend, headerData);
+                            break;
+                    }
+                }
+                Loader.hide();
+                if (!result)
+                    result = {
+                        messages: [{ content: "Network Error", status: "error" }],
+                    };
+                // Si result ne contient que la réponse HTTP, avec un status not ok, on ajoute un message
+                else if (result._sonic_http_response_ &&
+                    !result._sonic_http_response_.ok &&
+                    Object.keys(result).length === 1)
+                    result.messages = [{ content: "Network Error", status: "error" }];
+                const clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
+                if (clearedDataProvider) {
+                    clearedDataProvider
+                        .split(" ")
+                        .forEach((dataProvider) => PublisherManager.get(dataProvider).set({}));
+                }
+                const username_key = this.hasAttribute("usernameKey")
+                    ? this.getAttribute("usernameKey")
+                    : "username";
+                const password_key = this.hasAttribute("passwordKey")
+                    ? this.getAttribute("passwordKey")
+                    : "password";
+                if (this.api?.lastResult?.ok &&
+                    dataToSend[username_key] &&
+                    dataToSend[password_key]) {
+                    this.saveCredentials(dataToSend[username_key], dataToSend[password_key]);
+                }
+                if (this.submitResultKey) {
+                    result = Objects.traverse(result, this.submitResultKey.split("."), true);
+                }
+                const submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
+                if (submitResultDataProvider)
+                    PublisherManager.get(submitResultDataProvider).set(result);
+                this.disabled = false;
+                //dispacher event
+                this.dispatchEvent(new CustomEvent("submit", {
+                    detail: result,
+                    bubbles: true,
+                    composed: true,
+                }));
+            };
+            const captchaPublisher = 
+            // TODO Comprendre pourquoi header publisher
+            headerPublisher?.needsCaptchaValidation.get()
+                ? headerPublisher
+                : formPublisher.needsCaptchaValidation.get()
+                    ? formPublisher
+                    : null;
+            if (captchaPublisher) {
+                captchaPublisher.captchaToken.set("request_token");
+                const captchaAssign = (token) => {
+                    if (token != "request_token") {
+                        sendData();
+                        // Après l'envoie des données, on supprime ce onAssign.
+                        // Sinon les handler se cumuleraient après plusieurs submit consécutifs.
+                        captchaPublisher.captchaToken.offAssign(captchaAssign);
+                    }
+                    else {
+                        Loader.hide();
+                        this.disabled = false;
+                    }
+                };
+                captchaPublisher.captchaToken.onAssign(captchaAssign);
+            }
+            else {
+                sendData();
+            }
+        };
+    }
+    connectedCallback() {
+        if (this.hasAttribute("onClick")) {
+            this.addEventListener("click", this.submit);
+        }
+        if (this.hasAttribute("onEnterKey")) {
+            this.addEventListener("keydown", this.submit);
+        }
+        super.connectedCallback();
+        this.api = new API(this.getApiConfiguration());
+    }
+    submitNativeForm() {
+        const form = HTML.getClosestForm(this);
+        if (!form)
+            return;
+        const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
+        const dataToSend = { ...PublisherManager.get(formDataProvider).get() };
+        delete dataToSend.needsCaptchaValidation;
+        for (const name in dataToSend) {
+            if (name == "isFormValid")
+                continue;
+            let control = form.querySelector('input[name="' +
+                name +
+                '"], select[name="' +
+                name +
+                '"], textarea[name="' +
+                name +
+                '"]');
+            if (!control) {
+                control = document.createElement("input");
+                control.type = "hidden";
+                control.name = name;
+                form.appendChild(control);
+            }
+            let value = dataToSend[name];
+            if (Array.isArray(value))
+                value = value.join(",");
+            if (control.type === "checkbox" || control.type === "radio") {
+                if (value)
+                    control.checked = true;
+            }
+            else {
+                control.value = value;
+            }
+        }
+        const submitButton = document.createElement("input");
+        submitButton.name = this.name;
+        submitButton.style.display = "none";
+        submitButton.value = this.value;
+        submitButton.type = "submit";
+        form.appendChild(submitButton);
+        if (submitButton)
+            submitButton.click();
+    }
+    async saveCredentials(username, password) {
+        // Check if the browser supports password credentials (and the Credential Management API)
+        if ("PasswordCredential" in window) {
+            const credential = new window.PasswordCredential({
+                id: username,
+                // name: "Carina Anand", // In case of a login, the name comes from the server.
+                password: password,
+            });
+            await navigator.credentials.store(credential);
+        }
+    }
+    render() {
+        return html `<div ?data-disabled=${this.disabled}><slot></slot></div>`;
+    }
+};
+Submit.styles = css `
+    [data-disabled] {
+      opacity: 0.3;
+      pointer-events: none;
+      user-select: none;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], Submit.prototype, "submitResultKey", void 0);
+__decorate([
+    property({ type: Boolean })
+], Submit.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], Submit.prototype, "endPoint", void 0);
+__decorate([
+    property()
+], Submit.prototype, "name", void 0);
+__decorate([
+    property()
+], Submit.prototype, "value", void 0);
+Submit = __decorate([
+    customElement(tagName)
+], Submit);
+export { Submit };
+//# sourceMappingURL=submit.js.map

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

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

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

@@ -0,0 +1,39 @@
+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 } from "lit/decorators.js";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+const tagName = "sonic-subscriber";
+/**
+ * Voir la partie dédiée dans *MISCALLENOUS*
+ */
+let SonicSubscriber = class SonicSubscriber extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.noAutofill = true;
+    }
+    connectedCallback() {
+        this.noShadowDom = "";
+        super.connectedCallback();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // Display contents, notamment pour les layout dans tableaux
+        if (this.children.length == 0)
+            this.style.display = "none";
+        else
+            this.style.display = "contents";
+    }
+    render() {
+        return html `<slot></slot> `;
+    }
+};
+SonicSubscriber = __decorate([
+    customElement(tagName)
+], SonicSubscriber);
+export { SonicSubscriber };
+//# sourceMappingURL=subscriber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subscriber.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/subscriber/subscriber.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,MAAM,OAAO,GAAG,kBAAkB,CAAC;AACnC;;GAEG;AAGI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAApD;;QACL,eAAU,GAAG,IAAI,CAAC;IAiBpB,CAAC;IAhBC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,4DAA4D;QAC5D,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;;YACtD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,gBAAgB,CAAC;IAC9B,CAAC;CACF,CAAA;AAlBY,eAAe;IAD3B,aAAa,CAAC,OAAO,CAAC;GACV,eAAe,CAkB3B"}

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

@@ -0,0 +1,28 @@
+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 { t } from "@supersoniks/concorde/core/directives/Wording";
+const tagName = "sonic-t";
+let SonicT = class SonicT extends LitElement {
+    render() {
+        if (!this.key)
+            return nothing;
+        return html `${t(this.key, this.unsafeHTML)}`;
+    }
+};
+__decorate([
+    property({ type: String })
+], SonicT.prototype, "key", void 0);
+__decorate([
+    property({ type: Boolean })
+], SonicT.prototype, "unsafeHTML", void 0);
+SonicT = __decorate([
+    customElement(tagName)
+], SonicT);
+export { SonicT };
+//# sourceMappingURL=translation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/translation/translation.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,CAAC,EAAE,MAAM,+CAA+C,CAAC;AAClE,MAAM,OAAO,GAAG,SAAS,CAAC;AAEnB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAGpC,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,GAAG;YAAE,OAAO,OAAO,CAAC;QAC9B,OAAO,IAAI,CAAA,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;IAC/C,CAAC;CACF,CAAA;AAN6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAAc;AACZ;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAsB;AAFvC,MAAM;IADlB,aAAa,CAAC,OAAO,CAAC;GACV,MAAM,CAOlB"}

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

@@ -0,0 +1,28 @@
+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, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+const tagName = "sonic-value"; // For Astro.build
+let SonicValue = class SonicValue extends Subscriber(LitElement) {
+    connectedCallback() {
+        this.setAttribute("subDataProvider", this.getAttribute("key"));
+        super.connectedCallback();
+    }
+    render() {
+        if (typeof this.props === "object" || this.props === undefined)
+            return html `<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
+        return html `${unsafeHTML(this.props.toString())}<slot name="prefix"></slot><slot></slot
+      ><slot name="suffix"></slot>`;
+    }
+};
+SonicValue = __decorate([
+    customElement(tagName)
+], SonicValue);
+export { SonicValue };
+//# sourceMappingURL=value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"value.js","sourceRoot":"","sources":["../../../../../../src/core/components/functional/value/value.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AACzD,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,kBAAkB;AAE1C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU,CAAC,UAAU,CAAC;IACpD,iBAAiB;QACf,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/D,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IACD,MAAM;QACJ,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;YAC5D,OAAO,IAAI,CAAA,qEAAqE,CAAC;QACnF,OAAO,IAAI,CAAA,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;mCAChB,CAAC;IAClC,CAAC;CACF,CAAA;AAXY,UAAU;IADtB,aAAa,CAAC,OAAO,CAAC;GACV,UAAU,CAWtB"}

package/dist/js/core/components/functional/webgpu/canvas2d-fallback.js

@@ -0,0 +1,117 @@
+const CHANNEL_COUNT = 4;
+const MIX_EPS = 0.001;
+const TINT_ALPHA = 0.45;
+const TINT_RGB = "rgb(38, 89, 217)";
+/**
+ * Dernier recours : Canvas2D (webview / contexte GL mort).
+ * Affiche channel0 + mix param0 — pas de WGSL.
+ */
+export class Canvas2dFallbackRuntime {
+    constructor(canvas, ctx) {
+        this.backend = "canvas2d";
+        this.images = [null, null, null, null];
+        this.channelUrls = ["", "", "", ""];
+        this.channelSizes = [
+            null,
+            null,
+            null,
+            null,
+        ];
+        /** Un token par canal (évite d’annuler Promise.all multi-canaux). */
+        this.channelLoadTokens = [0, 0, 0, 0];
+        this.disposed = false;
+        this.canvas = canvas;
+        this.ctx = ctx;
+    }
+    static create(canvas) {
+        const ctx = canvas.getContext("2d", { alpha: true });
+        if (!ctx)
+            throw new Error("Canvas2D indisponible");
+        return new Canvas2dFallbackRuntime(canvas, ctx);
+    }
+    async setShader(_userBody) {
+        this.assertAlive();
+    }
+    async setChannel(index, url) {
+        this.assertAlive();
+        const trimmed = url.trim();
+        if (this.channelUrls[index] === trimmed && this.images[index])
+            return;
+        this.channelUrls[index] = trimmed;
+        const token = ++this.channelLoadTokens[index];
+        if (!trimmed) {
+            this.images[index] = null;
+            this.channelSizes[index] = null;
+            return;
+        }
+        const img = await loadImage(trimmed);
+        if (token !== this.channelLoadTokens[index] || this.disposed)
+            return;
+        this.images[index] = img;
+        this.channelSizes[index] = { width: img.naturalWidth, height: img.naturalHeight };
+    }
+    getTextureSize(url) {
+        const i = this.channelUrls.indexOf(url.trim());
+        if (i < 0)
+            return null;
+        return this.channelSizes[i];
+    }
+    resize(width, height) {
+        this.assertAlive();
+        const w = Math.max(1, Math.floor(width));
+        const h = Math.max(1, Math.floor(height));
+        if (this.canvas.width === w && this.canvas.height === h)
+            return;
+        this.canvas.width = w;
+        this.canvas.height = h;
+    }
+    draw(state) {
+        this.assertAlive();
+        const { ctx, canvas } = this;
+        const w = canvas.width;
+        const h = canvas.height;
+        ctx.clearRect(0, 0, w, h);
+        const img = this.images[0];
+        const mix = Math.min(1, Math.max(0, state.params[0] ?? 0));
+        if (img) {
+            ctx.drawImage(img, 0, 0, w, h);
+            if (mix > MIX_EPS) {
+                ctx.save();
+                ctx.globalAlpha = mix * TINT_ALPHA;
+                ctx.fillStyle = TINT_RGB;
+                ctx.fillRect(0, 0, w, h);
+                ctx.restore();
+            }
+        }
+        else {
+            const g = ctx.createLinearGradient(0, 0, w, h);
+            g.addColorStop(0, `rgb(38,${Math.round(40 + mix * 80)},80)`);
+            g.addColorStop(1, `rgb(90,${Math.round(60 + mix * 40)},120)`);
+            ctx.fillStyle = g;
+            ctx.fillRect(0, 0, w, h);
+        }
+    }
+    dispose(_destroyDevice = false) {
+        if (this.disposed)
+            return;
+        this.disposed = true;
+        for (let i = 0; i < CHANNEL_COUNT; i++)
+            this.channelLoadTokens[i]++;
+        this.images = [null, null, null, null];
+    }
+    assertAlive() {
+        if (this.disposed)
+            throw new Error("Canvas2D fallback disposed");
+    }
+}
+async function loadImage(url) {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    await new Promise((resolve, reject) => {
+        img.onload = () => resolve();
+        img.onerror = () => reject(new Error(`Failed to load texture: ${url}`));
+        img.src = url;
+    });
+    return img;
+}
+//# sourceMappingURL=canvas2d-fallback.js.map

package/dist/js/core/components/functional/webgpu/canvas2d-fallback.js.map

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

package/dist/js/core/components/functional/webgpu/form-bind.js

@@ -0,0 +1,92 @@
+import HTML from "@supersoniks/concorde/core/utils/HTML";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import { CHANNEL_FORM_KEYS, OUT_PARAM_KEYS, channelFormValue, toNum, } from "./helpers";
+function resolveFormProviderId(host) {
+    const own = host.dataProvider?.trim();
+    if (own)
+        return own;
+    return (HTML.getAncestorAttributeValue(host, "dataProvider") ||
+        HTML.getAncestorAttributeValue(host, "formDataProvider") ||
+        "");
+}
+function unbindFormProvider(host) {
+    if (host.formPublisher) {
+        host.formPublisher.offInternalMutation(host.onFormMutation);
+        host.formPublisher = null;
+    }
+}
+function bindFormProvider(host) {
+    unbindFormProvider(host);
+    const id = resolveFormProviderId(host);
+    if (!id)
+        return;
+    host.formPublisher = PublisherManager.get(id);
+    host.formPublisher.onInternalMutation(host.onFormMutation);
+    host.onFormMutation();
+}
+function bindOutPublisher(host) {
+    const id = host.outDataProvider?.trim() || resolveFormProviderId(host) || "";
+    host.outPublisher = id ? PublisherManager.get(id) : null;
+}
+function applyFormParams(host, data) {
+    for (const key of CHANNEL_FORM_KEYS) {
+        if (!(key in data))
+            continue;
+        const next = channelFormValue(data[key]);
+        if (next === undefined)
+            continue;
+        if (host[key] !== next)
+            host[key] = next;
+    }
+    for (const key of OUT_PARAM_KEYS) {
+        if (!(key in data))
+            continue;
+        const n = toNum(data[key], NaN);
+        if (!Number.isFinite(n))
+            continue;
+        if (host[key] !== n)
+            host[key] = n;
+    }
+    // targetX/Y (0–1, CSS top-left) → attracteur GPU ; hors plage = off
+    if ("targetX" in data || "targetY" in data) {
+        const tx = toNum(data.targetX, NaN);
+        const ty = toNum(data.targetY, NaN);
+        if (Number.isFinite(tx) &&
+            Number.isFinite(ty) &&
+            tx >= 0 &&
+            tx <= 1 &&
+            ty >= 0 &&
+            ty <= 1) {
+            host.remoteTarget = { x: tx, y: ty };
+            applyRemoteMouse(host);
+        }
+        else {
+            host.remoteTarget = null;
+            host.mouseVec[0] = 0;
+            host.mouseVec[1] = 0;
+        }
+    }
+}
+/** Convertit target normalisé → coords buffer (origine bas-gauche, comme le pointeur). */
+function applyRemoteMouse(host) {
+    if (!host.remoteTarget || !host.runtime)
+        return;
+    // Pendant un hover pointeur, le doigt / souris gagne
+    if (host.mouse && host.hovering)
+        return;
+    const w = host.runtime.canvas.width;
+    const h = host.runtime.canvas.height;
+    if (w < 2 || h < 2)
+        return;
+    host.mouseVec[0] = host.remoteTarget.x * w;
+    host.mouseVec[1] = (1 - host.remoteTarget.y) * h;
+}
+export const formBind = {
+    resolveFormProviderId,
+    unbindFormProvider,
+    bindFormProvider,
+    bindOutPublisher,
+    applyFormParams,
+    applyRemoteMouse,
+};
+//# sourceMappingURL=form-bind.js.map

package/dist/js/core/components/functional/webgpu/form-bind.js.map

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