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

package/dist/js/core/components/ui/group/group.js

@@ -0,0 +1,128 @@
+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, css } from "lit";
+import { styleMap } from "lit/directives/style-map.js";
+import { customElement, property, state, queryAssignedNodes, } from "lit/decorators.js";
+import { label, description, } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
+import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+const tagName = "sonic-group";
+let Group = class Group extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.alignItems = "center";
+        this.hasDescription = false;
+        this.hasLabel = false;
+    }
+    updated() {
+        const children = this.querySelectorAll("sonic-input, sonic-button, sonic-select");
+        const nbChildren = children.length;
+        if (nbChildren > 1) {
+            children.forEach((item, index) => {
+                const htmlElement = item;
+                if (index === 0) {
+                    htmlElement.style.setProperty("--sc-item-rounded-tr", "0");
+                    htmlElement.style.setProperty("--sc-item-rounded-br", "0");
+                }
+                else if (index === nbChildren - 1) {
+                    htmlElement.style.setProperty("--sc-item-rounded-tl", "0");
+                    htmlElement.style.setProperty("--sc-item-rounded-bl", "0");
+                }
+                else {
+                    htmlElement.style.setProperty("--sc-item-rounded-tr", "0");
+                    htmlElement.style.setProperty("--sc-item-rounded-br", "0");
+                    htmlElement.style.setProperty("--sc-item-rounded-tl", "0");
+                    htmlElement.style.setProperty("--sc-item-rounded-bl", "0");
+                }
+            });
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.hasSlotOrProps();
+    }
+    willUpdate(changedProperties) {
+        this.hasSlotOrProps();
+        super.willUpdate(changedProperties);
+    }
+    hasSlotOrProps() {
+        this.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription =
+            this.description || this.slotDescriptionNodes?.length ? true : false;
+    }
+    render() {
+        const slotStyle = {
+            alignItems: this.alignItems,
+        };
+        return html `<span class="${this.hasLabel ? "form-label" : "hidden"}"
+        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
+          name="label"
+          @slotchange=${this.hasSlotOrProps}
+        ></slot
+      ></span>
+      <slot class="main-slot" style=${styleMap(slotStyle)}></slot>
+      <slot
+        name="description"
+        @slotchange=${this.hasSlotOrProps}
+        class="${this.hasDescription ? "form-description" : "hidden"}"
+      >
+        ${this.description ? html `${unsafeHTML(this.description)}` : ""}
+      </slot>`;
+    }
+};
+Group.styles = [
+    fontSize,
+    label,
+    description,
+    css `
+      :host {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .main-slot {
+        width: 100%;
+        display: flex;
+        min-width: 0;
+      }
+      .hidden {
+        display: none;
+      }
+
+      ::slotted(sonic-button),
+      ::slotted(sonic-input),
+      ::slotted(sonic-select) {
+        flex-grow: 1;
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], Group.prototype, "alignItems", void 0);
+__decorate([
+    property({ type: String })
+], Group.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], Group.prototype, "description", void 0);
+__decorate([
+    queryAssignedNodes({ slot: "label", flatten: true })
+], Group.prototype, "slotLabelNodes", void 0);
+__decorate([
+    queryAssignedNodes({ slot: "description", flatten: true })
+], Group.prototype, "slotDescriptionNodes", void 0);
+__decorate([
+    state()
+], Group.prototype, "hasDescription", void 0);
+__decorate([
+    state()
+], Group.prototype, "hasLabel", void 0);
+Group = __decorate([
+    customElement(tagName)
+], Group);
+export { Group };
+//# sourceMappingURL=group.js.map

package/dist/js/core/components/ui/group/group.js.map

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

package/dist/js/core/components/ui/icon/icon.js

@@ -0,0 +1,145 @@
+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 Icons from "@supersoniks/concorde/core/components/ui/icon/icons";
+import { ancestorAttribute } from "@supersoniks/concorde/core/decorators/Subscriber";
+import { css, LitElement, nothing, } from "lit";
+import { customElement, property as propertyDecorator, state, } from "lit/decorators.js";
+const property = (options) => {
+    const result = propertyDecorator(options);
+    return result;
+};
+const tagName = "sonic-icon";
+/**
+ * Afficher l'icone choisie parmis une liste prédéfinie dans icons.json
+ * les tailles suivantes sont disponible via l'attribut *size* : 2xs,xs,sm,"",lg,xl,2xl
+ */
+let Icon = class Icon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.iconText = "";
+        /**
+         * Nom identifiant l'icone ex : *info*
+         */
+        this.name = "";
+        /**
+         * prefix de l'icone si nécessaire ex: *solid*. La valeur par défaut est "" qui est mappée sur *regular*
+         */
+        this.prefix = "";
+        /**
+         * library de l'icone url vers un dossier en lign conenant des icônes
+         */
+        this.library = "";
+        this.customIconLibraryPath = null;
+        this.customIconDefaultPrefix = null;
+    }
+    async updateIcon() {
+        this.iconText = await Icons.default.get({
+            name: this.name,
+            prefix: this.prefix,
+            library: this.library,
+            customLibraryPath: this.customIconLibraryPath,
+            customLibraryDefaultPrefix: this.customIconDefaultPrefix,
+        });
+    }
+    connectedCallback() {
+        this.setAttribute("aria-hidden", "true");
+        super.connectedCallback();
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has("name") ||
+            changedProperties.has("prefix") ||
+            changedProperties.has("library") ||
+            (this.library === "custom" &&
+                (changedProperties.has("customIconLibraryPath") ||
+                    changedProperties.has("customIconDefaultPrefix")))) {
+            this.updateIcon();
+        }
+        super.willUpdate(changedProperties);
+    }
+    render() {
+        if (!this.iconText) {
+            return nothing;
+        }
+        return this.iconText;
+    }
+};
+Icon.styles = css `
+    :host {
+      line-height: 0.1em;
+      width: fit-content;
+      height: fit-content;
+      vertical-align: -0.125em;
+      flex-shrink: 0;
+    }
+
+    svg {
+      height: var(--_sc-icon-size, 1em);
+      width: calc(var(--_sc-icon-size, 1em) * 1.4);
+      overflow: visible;
+    }
+
+    svg:not([fill="none"]) {
+      fill: currentColor;
+    }
+
+    svg[fill="none"] {
+      stroke-width: 2;
+    }
+
+    :host([size="2xs"]) svg {
+      --_sc-icon-size: 0.625em;
+    }
+
+    :host([size="xs"]) svg {
+      --_sc-icon-size: 0.75em;
+    }
+
+    :host([size="sm"]) svg {
+      --_sc-icon-size: 0.875em;
+    }
+
+    :host([size="lg"]) svg {
+      --_sc-icon-size: 1.25em;
+    }
+
+    :host([size="xl"]) svg {
+      --_sc-icon-size: 1.5em;
+    }
+
+    :host([size="2xl"]) svg {
+      --_sc-icon-size: 2em;
+    }
+
+    :host([size="3xl"]) svg {
+      --_sc-icon-size: 2.8em;
+    }
+  `;
+__decorate([
+    state()
+], Icon.prototype, "iconText", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "prefix", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "library", void 0);
+__decorate([
+    ancestorAttribute("customIconLibraryPath", { dynamic: true }),
+    state()
+], Icon.prototype, "customIconLibraryPath", void 0);
+__decorate([
+    ancestorAttribute("customIconDefaultPrefix", { dynamic: true }),
+    state()
+], Icon.prototype, "customIconDefaultPrefix", void 0);
+Icon = __decorate([
+    customElement(tagName)
+], Icon);
+export { Icon };
+//# sourceMappingURL=icon.js.map

package/dist/js/core/components/ui/icon/icon.js.map

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

package/dist/js/core/components/ui/icon/icons.js

@@ -0,0 +1,184 @@
+var _a;
+// ici on désactive un regle de eslint exceptionnelement pour ce fichier
+/* eslint no-async-promise-executor: 0 */ // --> OFF
+import icons from "@supersoniks/concorde/core/components/ui/icon/icons.json";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { log } from "@supersoniks/concorde/core/utils/api";
+/**
+ * Ce tableau static permet de ne pas appeler plusieurs fois le même service lors d'appel concurrents en GET.
+ */
+const loadingGetPromises = new Map();
+/**
+ * Les librairies en ligne.
+ * Pour chaque identifiant de librairie a une template d'url de chargement
+ * Les propriétés name et prefix de sonic-icon servent à remplir le template.
+ * la propriété library de sonic-icon correspond à une clef de librairies.
+ */
+const libraries = {
+    heroicons: {
+        url: "https://cdn.jsdelivr.net/npm/heroicons@2.0.4/24/$prefix/$name.svg",
+        defaultPrefix: "outline",
+    },
+    iconoir: {
+        url: "https://cdnjs.cloudflare.com/ajax/libs/iconoir/5.1.4/icons/$name.svg",
+    },
+    feathers: {
+        url: "https://cdn.jsdelivr.net/npm/feather-icons@4.29.0/dist/icons/$name.svg",
+    },
+    lucide: {
+        url: "https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/$name.svg",
+    },
+    material: {
+        url: "https://cdn.jsdelivr.net/npm/@material-icons/svg@1.0.5/svg/$name/$prefix.svg",
+        defaultPrefix: "regular",
+    },
+    fontAwesome: {
+        url: "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/svgs/$prefix/$name.svg",
+        defaultPrefix: "regular",
+    },
+    custom: { url: "", defaultPrefix: "" },
+};
+function resolveCustomLibraryConfig(params) {
+    let url = params.customLibraryPath;
+    let defaultPrefix = params.customLibraryDefaultPrefix;
+    // Attribut optionnel : peut être défini sur un ancêtre (scope / theme) ou,
+    // en secours, n'importe où dans le document (ex. config globale au boot).
+    if (url == null) {
+        const globalEl = document.querySelector("[customIconLibraryPath]");
+        url = globalEl?.getAttribute("customIconLibraryPath") ?? "";
+        if (defaultPrefix == null) {
+            defaultPrefix =
+                globalEl?.getAttribute("customIconDefaultPrefix") ??
+                    document
+                        .querySelector("[customIconDefaultPrefix]")
+                        ?.getAttribute("customIconDefaultPrefix") ??
+                    "";
+        }
+    }
+    return {
+        url: url || "",
+        defaultPrefix: defaultPrefix || "",
+    };
+}
+function resolveLibraryItem(library, params) {
+    if (!(library in libraries))
+        return null;
+    if (library !== "custom") {
+        return libraries[library];
+    }
+    return resolveCustomLibraryConfig(params);
+}
+const iconCachStr = sessionStorage.getItem("sonicIconsCache");
+const iconCache = iconCachStr
+    ? JSON.parse(iconCachStr)
+    : { icons: {}, names: [] };
+const iconCacheMaxSize = 100;
+class Icons {
+}
+_a = Icons;
+Icons.default = {
+    get: async (params) => {
+        const library = params.library;
+        if (!params.name)
+            return "";
+        const name = params.name;
+        const iconsAsRecord = icons;
+        /**
+         * SVGS en ligne
+         */
+        if (!library) {
+            return unsafeHTML(iconsAsRecord["core"][params.name] || "");
+        }
+        const libraryItem = resolveLibraryItem(library, params);
+        if (libraryItem) {
+            // Pas d'URL encore (ancêtre ou config globale pas prête) : on attend
+            // sans fetch ni cache ; @ancestorAttribute relancera le chargement.
+            if (library === "custom" && !libraryItem.url) {
+                return "";
+            }
+            const prefix = params.prefix || libraryItem.defaultPrefix || "";
+            const libIcons = iconsAsRecord[library] || {};
+            iconsAsRecord[library] = libIcons;
+            const libIconsKey = library === "custom"
+                ? `${libraryItem.url}|${prefix}-${name}`
+                : `${prefix}-${name}`;
+            /**
+             * Si l'icone a déjà été chargée on ne la recharge pas
+             */
+            if (libIcons[libIconsKey])
+                return unsafeHTML(libIcons[libIconsKey]);
+            const url = (libraryItem.url || "")
+                .replace("$prefix", prefix)
+                .replace("$name", name);
+            /**
+             * MiniCache de session
+             */
+            if (iconCache.icons[url]) {
+                const cached = iconCache.icons[url];
+                const isSvgCached = /^\s*<svg[\s>]/i.test(cached || "");
+                if (isSvgCached) {
+                    libIcons[libIconsKey] = cached;
+                    return unsafeHTML(cached);
+                }
+                delete iconCache.icons[url];
+            }
+            /**
+             * on utilise une promise mutualisée pour ne pas faire plusieurs appels concurents d'une même icone
+             */
+            if (!loadingGetPromises.has(url)) {
+                const promise = new Promise(async (resolve) => {
+                    try {
+                        const result = await fetch(url);
+                        if (!result.ok) {
+                            resolve("");
+                            return;
+                        }
+                        try {
+                            // Vérifie le type de contenu pour éviter un fallback HTML (ex: service worker)
+                            const contentType = result.headers.get("content-type") || "";
+                            if (!contentType.includes("image/svg+xml") &&
+                                !contentType.includes("svg")) {
+                                resolve("");
+                                return;
+                            }
+                            const text = await result.text();
+                            // Vérifie que le contenu commence bien par une balise <svg ...>
+                            const isSvg = /^\s*<svg[\s>]/i.test(text);
+                            resolve(isSvg ? text : "");
+                        }
+                        catch (e) {
+                            resolve("");
+                        }
+                    }
+                    catch (error) {
+                        log("concorde icon loading error", params);
+                        resolve("");
+                    }
+                });
+                loadingGetPromises.set(url, promise);
+            }
+            /**
+             * Chargement de l'icone.
+             */
+            const result = await loadingGetPromises.get(url);
+            loadingGetPromises.delete(url);
+            libIcons[libIconsKey] = result || "";
+            if (result && /^\s*<svg[\s>]/i.test(result)) {
+                iconCache.icons[url] = result;
+                iconCache.names.push(url);
+            }
+            if (iconCache.names.length > iconCacheMaxSize) {
+                const key = iconCache.names.shift();
+                delete iconCache.icons[key];
+            }
+            sessionStorage.setItem("sonicIconsCache", JSON.stringify(iconCache));
+            return result ? unsafeHTML(result) : "";
+        }
+        /**
+         * svgs "locaux"
+         */
+        return unsafeHTML(iconsAsRecord["core"][params.name] || "");
+    },
+};
+export default Icons;
+//# sourceMappingURL=icons.js.map

package/dist/js/core/components/ui/icon/icons.js.map

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

package/dist/js/core/components/ui/icon/icons.json

@@ -0,0 +1 @@
+{ "core": { "cancel": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "check-circled-outline": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 12.5L10 15.5L17 8.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "check": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 13L9 17L19 7\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "emoji-puzzled": "<svg width=\"24px\" height=\"24px\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" ><path d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M11.5 15.5s1.5-2 4.5-2 4.5 2 4.5 2M3 4c0-2.754 4-2.754 4 0 0 1.967-2 1.64-2 4M5 11.01l.01-.011\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M17.5 9a.5.5 0 110-1 .5.5 0 010 1zM10.5 9a.5.5 0 110-1 .5.5 0 010 1z\" fill=\"#000\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>", "info-empty": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 11.5V16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7.51L12.01 7.49889\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "loader": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-loader\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"></line><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\"></line><line x1=\"4.93\" y1=\"4.93\" x2=\"7.76\" y2=\"7.76\"></line><line x1=\"16.24\" y1=\"16.24\" x2=\"19.07\" y2=\"19.07\"></line><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\"></line><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\"></line><line x1=\"4.93\" y1=\"19.07\" x2=\"7.76\" y2=\"16.24\"></line><line x1=\"16.24\" y1=\"7.76\" x2=\"19.07\" y2=\"4.93\"></line></svg>", "minus-small": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" />\n</svg>\n", "more-horiz": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18 12.5C18.2761 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.2761 11.5 18 11.5C17.7239 11.5 17.5 11.7239 17.5 12C17.5 12.2761 17.7239 12.5 18 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M6 12.5C6.27614 12.5 6.5 12.2761 6.5 12C6.5 11.7239 6.27614 11.5 6 11.5C5.72386 11.5 5.5 11.7239 5.5 12C5.5 12.2761 5.72386 12.5 6 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "more-vert": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 18.5C12.2761 18.5 12.5 18.2761 12.5 18C12.5 17.7239 12.2761 17.5 12 17.5C11.7239 17.5 11.5 17.7239 11.5 18C11.5 18.2761 11.7239 18.5 12 18.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 6.5C12.2761 6.5 12.5 6.27614 12.5 6C12.5 5.72386 12.2761 5.5 12 5.5C11.7239 5.5 11.5 5.72386 11.5 6C11.5 6.27614 11.7239 6.5 12 6.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "nav-arrow-down": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", "warning-circled-outline": "<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 7L12 13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.01L12.01 16.9989\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n" } }

package/dist/js/core/components/ui/image/image.js

@@ -0,0 +1,160 @@
+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, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+const tagName = "sonic-image";
+let Image = class Image extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.rounded = "none";
+        this.src = "";
+        this.alt = "";
+        this.loading = "lazy";
+        this.ratio = "auto";
+        this.objectPosition = "center center";
+        this.imageRendering = "auto";
+        this.cover = false;
+    }
+    firstUpdated(changedProperties) {
+        if (this.transition) {
+            const img = this.shadowRoot?.querySelector("img");
+            if (!img)
+                return;
+            img.onload = function () {
+                img.classList.add("loaded");
+            };
+        }
+        super.firstUpdated(changedProperties);
+    }
+    render() {
+        const imgStyles = {
+            aspectRatio: this.cover ? "auto" : this.ratio,
+            imageRendering: this.imageRendering,
+            objectPosition: this.objectPosition,
+        };
+        return html `<div part="image">
+      <picture part="picture"
+        ><img
+          part="img"
+          src="${this.src}"
+          loading="${this.loading}"
+          alt="${this.alt}"
+          style=${styleMap(imgStyles)}
+      /></picture>
+    </div>`;
+    }
+};
+Image.styles = [
+    css `
+      :host {
+        --sc-img-radius: 0;
+        --sc-img-bg: var(--sc-placeholder-bg, rgba(12, 12, 12, 0.05));
+        border-radius: var(--sc-img-radius);
+        display: block;
+        width: 100%;
+        background: var(--sc-img-bg);
+      }
+
+      img {
+        width: 100%;
+        vertical-align: middle;
+        object-fit: cover;
+      }
+
+      img[src=""] {
+        visibility: hidden;
+      }
+
+      /*Rounded*/
+      :host([rounded]) {
+        --sc-img-radius: var(--sc-rounded);
+        overflow: hidden;
+      }
+      :host([rounded="sm"]) {
+        --sc-img-radius: var(--sc-rounded-sm);
+      }
+
+      :host([rounded="md"]) {
+        --sc-img-radius: var(--sc-rounded-md);
+      }
+
+      :host([rounded="lg"]) {
+        --sc-img-radius: var(--sc-rounded-lg);
+      }
+      :host([rounded="xl"]) {
+        --sc-img-radius: var(--sc-rounded-xl);
+      }
+
+      /*Cercle*/
+      :host([rounded="full"]) {
+        --sc-img-radius: 50% !important;
+      }
+      :host([rounded="none"]) {
+        --sc-img-radius: 0 !important;
+      }
+
+      :host([cover]),
+      :host([cover]) > div,
+      :host([cover]) img {
+        position: absolute !important;
+        left: 0 !important;
+        top: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        height: 100% !important;
+        width: 100% !important;
+      }
+
+      :host([transition]) img {
+        opacity: 0;
+        transition: 0.25s;
+      }
+
+      :host([transition="fade-scale-out"]) img {
+        scale: 1.08;
+        transition: opacity 0.3s linear,
+          scale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+      }
+      :host([transition]) img.loaded {
+        opacity: 1;
+        scale: 1;
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], Image.prototype, "rounded", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "alt", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Image.prototype, "transition", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "ratio", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "objectPosition", void 0);
+__decorate([
+    property({ type: String })
+], Image.prototype, "imageRendering", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Image.prototype, "cover", void 0);
+Image = __decorate([
+    customElement(tagName)
+], Image);
+export { Image };
+//# sourceMappingURL=image.js.map

package/dist/js/core/components/ui/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/image/image.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,MAAM,OAAO,GAAG,aAAa,CAAC;AAEvB,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QA+EuB,YAAO,GAMxB,MAAM,CAAC;QACU,QAAG,GAAG,EAAE,CAAC;QACT,QAAG,GAAG,EAAE,CAAC;QACT,YAAO,GAAqB,MAAM,CAAC;QAInC,UAAK,GAAG,MAAM,CAAC;QACf,mBAAc,GAAG,eAAe,CAAC;QACjC,mBAAc,GAAG,MAAM,CAAC;QACR,UAAK,GAAG,KAAK,CAAC;IAgC5D,CAAC;IA9BC,YAAY,CACV,iBAAyD;QAEzD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,GAAG,CAAC,MAAM,GAAG;gBACX,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC9B,CAAC,CAAC;QACJ,CAAC;QACD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACxC,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;YAC7C,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC,CAAC;QACF,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,GAAG;qBACJ,IAAI,CAAC,OAAO;iBAChB,IAAI,CAAC,GAAG;kBACP,QAAQ,CAAC,SAAS,CAAC;;WAE1B,CAAC;IACV,CAAC;;AA7HM,YAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0EF;CACF,AA5EY,CA4EX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAMT;AACU;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAAU;AACT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAAU;AACT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAoC;AACpB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAErB;AACO;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAyB;AACR;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAe;AA/F/C,KAAK;IADjB,aAAa,CAAC,OAAO,CAAC;GACV,KAAK,CA+HjB"}