@supersoniks/concorde 2.0.7 → 3.0.0

package/core/components/ui/form/input/input.d.ts

@@ -1,106 +0,0 @@
-import { LitElement, PropertyValues } from "lit";
-declare const Input_base: {
-    new (...args: any[]): {
-        validateFormElement(): void;
-        forceAutoFill: boolean;
-        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        _description?: string | undefined;
-        description: string | undefined;
-        _label?: string | undefined;
-        label: string | undefined;
-        status: "error" | "default" | "success" | "warning" | "info";
-        tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleChange(e?: Event | undefined): void;
-        handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): string | object | string[] | null | undefined;
-        setValueFromPublisher(value: string | object | string[] | null | undefined): void;
-        focus?: (() => void) | undefined;
-        shadowRoot?: ShadowRoot | undefined;
-        error: boolean;
-        autofocus: boolean;
-        required: boolean;
-        disabled: true | null;
-        formDataProvider: string;
-        ariaLabelledby?: string | undefined;
-        ariaLabel?: string | undefined;
-        _value: string | object | string[] | null | undefined;
-        value: string | object | string[] | null | undefined;
-        _name: string;
-        name: string;
-        props: import("../../../../_types/types").CoreJSType;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
-        connectedCallback(): void;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class Input extends Input_base {
-    static styles: import("lit").CSSResult[];
-    /**
-     * Taille du composant, implique notamment des modifications de typo et de marge interne
-     */
-    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-    list?: string;
-    placeholder?: string;
-    pattern?: string;
-    min?: string;
-    max?: string;
-    readonly: boolean;
-    step?: number;
-    minlength?: number;
-    maxlength?: number;
-    src?: string;
-    inlineContent: boolean;
-    disableInlineContentFocus: boolean;
-    showPasswordToggle: boolean;
-    slotLabelNodes: Array<Node>;
-    slotDescriptionNodes: Array<Node>;
-    slotSuffixNodes: Array<Node>;
-    slotPrefixNodes: Array<Node>;
-    input: HTMLInputElement;
-    hasDescription: boolean;
-    hasLabel: boolean;
-    hasSuffix: boolean;
-    hasPrefix: boolean;
-    isPassword: boolean;
-    sameValueAsHandle?: (v: string) => void;
-    sameValueAsName?: string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    escapeRegExp(string: string): string;
-    willUpdate(changedProperties: PropertyValues): void;
-    setSelectionRange(start: number, end: number): void;
-    hasSlotOrProps(): void;
-    inlineContentFocus(): void;
-    changeTimeoutId?: ReturnType<typeof setTimeout>;
-    handleChange(e?: Event): void;
-    togglePasswordVisibility(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/ui/form/input/input.js

@@ -1,268 +0,0 @@
-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, nothing } from "lit";
-import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
-import { query } from "lit/decorators/query.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { formControl, label, description, passwordToggle } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
-import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
-import FormInput from "@supersoniks/concorde/core/mixins/FormInput";
-import { classMap } from "lit/directives/class-map.js";
-import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-/**
- * ### Le composent sonic-input étend les mixins FormInput, FormElement et Subscriber
- * **FormElement :**
- * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
- * * Par défault lorsque l'on édite l'input, la valeur est également mise à jour via le même dataprovider
- * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
- * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
- * **FormInput :**
- * Uniquement des propriétés classiques d'un input HTML.
- */
-const tagName = "sonic-input";
-let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
-    constructor() {
-        super(...arguments);
-        this.readonly = false;
-        this.inlineContent = false;
-        this.disableInlineContentFocus = false;
-        this.showPasswordToggle = false;
-        this.hasDescription = false;
-        this.hasLabel = false;
-        this.hasSuffix = false;
-        this.hasPrefix = false;
-        this.isPassword = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.hasSlotOrProps();
-        if (this.hasAttribute("sameValueAs")) {
-            this.sameValueAsName = this.getAttribute("sameValueAs");
-            this.sameValueAsHandle = (v) => (this.pattern = this.escapeRegExp(v));
-            const formPublisher = this.getFormPublisher();
-            if (!formPublisher)
-                return;
-            formPublisher[this.sameValueAsName].onAssign(this.sameValueAsHandle);
-        }
-        if (this.type == "password") {
-            this.isPassword = true;
-            this.showPasswordToggle = true;
-            this.inlineContent = true;
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this.hasAttribute("sameValueAs") && this.sameValueAsName) {
-            const formPublisher = this.getFormPublisher();
-            if (!formPublisher)
-                return;
-            formPublisher[this.sameValueAsName].offAssign(this.sameValueAsHandle);
-        }
-    }
-    escapeRegExp(string) {
-        return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
-    }
-    willUpdate(changedProperties) {
-        this.hasSlotOrProps();
-        super.willUpdate(changedProperties);
-    }
-    setSelectionRange(start, end) {
-        this.input.setSelectionRange(start, end);
-    }
-    hasSlotOrProps() {
-        this.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
-        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
-        this.hasSuffix = this.slotSuffixNodes?.length ? true : false;
-        this.hasPrefix = this.slotPrefixNodes?.length ? true : false;
-    }
-    inlineContentFocus() {
-        if (!this.inlineContent || this.disableInlineContentFocus)
-            return;
-        this.input?.focus();
-    }
-    handleChange(e) {
-        if (!this.hasAttribute("inputDelayMs")) {
-            super.handleChange(e);
-            return;
-        }
-        if (this.changeTimeoutId)
-            clearTimeout(this.changeTimeoutId);
-        this.changeTimeoutId = setTimeout(() => super.handleChange(e), parseInt(this.getAttribute("inputDelayMs")));
-    }
-    // toggle password visibility
-    togglePasswordVisibility() {
-        this.isPassword = !this.isPassword;
-        this._type = this.isPassword ? "password" : "text";
-        // this.type = this.isPassword ? "password" : "text";
-    }
-    render() {
-        const slotClasses = {
-            "has-prefix": this.hasPrefix,
-            "has-suffix": this.hasSuffix,
-            "no-suffix": !this.hasSuffix,
-            "no-prefix": !this.hasPrefix,
-        };
-        //let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
-        return html `
-      <label for="${this.id || "form-element"}" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
-          name="label"
-          @slotchange=${this.hasSlotOrProps}
-        ></slot
-      ></label>
-
-      <div @click=${this.inlineContentFocus} class="form-control ${classMap(slotClasses)}">
-        <div part="content" class="${this.inlineContent ? "form-element form-element-wrapper" : "contents"}">
-            <slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
-            <input
-              part="input"
-              id=${ifDefined(this.id || "form-element")}
-              part="input"
-              class="form-element input"
-              @input=${this.handleChange}
-              @blur=${this.handleBlur}
-              type=${this.type}
-              disabled=${ifDefined(this.disabled)}
-              ?readonly=${this.readonly}
-              ?autofocus=${this.autofocus}
-              list=${ifDefined(this.list)}
-              tabindex=${ifDefined(this.tabindex)}
-              pattern=${ifDefined(this.pattern)}
-              min=${ifDefined(this.min)}
-              max=${ifDefined(this.max)}
-              step=${ifDefined(this.step)}
-              src=${ifDefined(this.src)}
-              minlength=${ifDefined(this.minlength)}
-              maxlength=${ifDefined(this.maxlength)}
-              placeholder=${ifDefined(this.placeholder)}
-              required=${ifDefined(this.required)}
-              autocomplete=${ifDefined(this.autocomplete)}
-              aria-label=${ifDefined(this.ariaLabel)}
-              aria-labelledby=${ifDefined(this.ariaLabelledby)}
-              .name=${this.name}
-              .value=${this.value}
-            />
-              ${this.showPasswordToggle
-            ? html `<sonic-button
-                      shape="circle"
-                      class="password-toggle"
-                      @click=${this.togglePasswordVisibility}
-                      aria-label="Toggle password visibility"
-                      variant="unstyled"
-                    >
-                      <sonic-icon library="heroicons" name=${this.isPassword ? "eye" : "eye-slash"}></sonic-icon>
-                    </sonic-button>`
-            : ""}
-            <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
-          </div>
-        </div>
-
-        <!-- le slot ne doit pas avoir d'espace-->
-        <slot
-          name="description"
-          @slotchange=${this.hasSlotOrProps}
-          class="${this.hasDescription ? "form-description" : "hidden"}"
-        >${this.description ? html `${unsafeHTML(this.description)}` : nothing}</slot>
-        <slot name="list"></slot>
-      </div>
-    `;
-    }
-};
-Input.styles = [
-    fontSize,
-    formControl,
-    label,
-    description,
-    passwordToggle,
-    css `
-      :host([type="hidden"]) {
-        appearance: none !important;
-        display: none !important;
-      }
-      :host > .form-control {
-        position: relative;
-      }
-    `,
-];
-__decorate([
-    property({ type: String, reflect: true })
-], Input.prototype, "size", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "list", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "pattern", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "min", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "max", void 0);
-__decorate([
-    property({ type: Boolean })
-], Input.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "step", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "minlength", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "maxlength", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "src", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Input.prototype, "inlineContent", void 0);
-__decorate([
-    property({ type: Boolean })
-], Input.prototype, "disableInlineContentFocus", void 0);
-__decorate([
-    property({ type: Boolean })
-], Input.prototype, "showPasswordToggle", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "label", flatten: true })
-], Input.prototype, "slotLabelNodes", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "description", flatten: true })
-], Input.prototype, "slotDescriptionNodes", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "suffix", flatten: true })
-], Input.prototype, "slotSuffixNodes", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "prefix", flatten: true })
-], Input.prototype, "slotPrefixNodes", void 0);
-__decorate([
-    query("input")
-], Input.prototype, "input", void 0);
-__decorate([
-    state()
-], Input.prototype, "hasDescription", void 0);
-__decorate([
-    state()
-], Input.prototype, "hasLabel", void 0);
-__decorate([
-    state()
-], Input.prototype, "hasSuffix", void 0);
-__decorate([
-    state()
-], Input.prototype, "hasPrefix", void 0);
-__decorate([
-    state()
-], Input.prototype, "isPassword", void 0);
-Input = __decorate([
-    customElement(tagName)
-], Input);
-export { Input };

package/core/components/ui/form/input/password-helper.d.ts

@@ -1,25 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class SonicComponent extends SonicComponent_base {
-    name?: string;
-    minChars: number;
-    hasNoChar: boolean;
-    hasEnoughChars: boolean;
-    hasMinuscule: boolean;
-    hasMajuscule: boolean;
-    hasNumber: boolean;
-    hasSpecialChar: boolean;
-    wording_password_helper_decription: string;
-    wording_password_helper_min_length: string;
-    wording_password_helper_lower_case: string;
-    wording_password_helper_upper_case: string;
-    wording_password_helper_number: string;
-    wording_password_helper_special_char: string;
-    checkValue?: (v: string) => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    getIcon(test: boolean): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}
-export {};

package/core/components/ui/form/input/password-helper.js

@@ -1,119 +0,0 @@
-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, state } from "lit/decorators.js";
-import { Subscriber } from "@supersoniks/concorde/mixins";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-const tagName = "sonic-password-helper"; // For Astro.build
-let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.minChars = 8;
-        this.hasNoChar = true;
-        this.hasEnoughChars = false;
-        this.hasMinuscule = false;
-        this.hasMajuscule = false;
-        this.hasNumber = false;
-        this.hasSpecialChar = false;
-        this.wording_password_helper_decription = "Le mot de passe doit contenir au moins :";
-        this.wording_password_helper_min_length = "8 caractères";
-        this.wording_password_helper_lower_case = "1 minuscule";
-        this.wording_password_helper_upper_case = "1 majuscule";
-        this.wording_password_helper_number = "1 chiffre";
-        this.wording_password_helper_special_char = "1 caractère spécial";
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.name) {
-            this.checkValue = (v) => {
-                if (v) {
-                    this.hasNoChar = v.length == 0;
-                    this.hasEnoughChars = v.length > this.minChars;
-                }
-                else {
-                    this.hasNoChar = true;
-                    this.hasEnoughChars = false;
-                }
-                this.hasMinuscule = /[a-z]/.test(v);
-                this.hasMajuscule = /[A-Z]/.test(v);
-                this.hasNumber = /[0-9]/.test(v);
-                this.hasSpecialChar = /[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~]/.test(v);
-            };
-            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
-        }
-    }
-    disconnectedCallback() {
-        if (this.checkValue && this.name) {
-            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue);
-        }
-        super.disconnectedCallback();
-    }
-    getIcon(test) {
-        return test
-            ? html `<sonic-icon library="heroicons" name="face-smile"></sonic-icon>`
-            : html `<sonic-icon library="heroicons" name="x-mark"></sonic-icon>`;
-    }
-    render() {
-        if (this.hasNoChar)
-            return nothing;
-        return html `
-      <div>${this.wording_password_helper_decription}</div>
-      <div>${this.getIcon(this.hasEnoughChars)} ${this.wording_password_helper_min_length}</div>
-      <div>${this.getIcon(this.hasMinuscule)} ${this.wording_password_helper_lower_case}</div>
-      <div>${this.getIcon(this.hasMajuscule)} ${this.wording_password_helper_upper_case}</div>
-      <div>${this.getIcon(this.hasNumber)} ${this.wording_password_helper_number}</div>
-      <div>${this.getIcon(this.hasSpecialChar)} ${this.wording_password_helper_special_char}</div>
-    `;
-    }
-};
-__decorate([
-    property()
-], SonicComponent.prototype, "name", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "minChars", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasNoChar", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasEnoughChars", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasMinuscule", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasMajuscule", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasNumber", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasSpecialChar", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_decription", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_min_length", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_lower_case", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_upper_case", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_number", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "wording_password_helper_special_char", void 0);
-SonicComponent = __decorate([
-    customElement(tagName)
-], SonicComponent);
-export { SonicComponent };

package/core/components/ui/form/input/same-value-helper.d.ts

@@ -1,16 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class SonicComponent extends SonicComponent_base {
-    name?: string;
-    sameValueAs?: string;
-    descriptionWhenEqual: string;
-    descriptionWhenNotEqual: string;
-    areEqual: boolean;
-    hasNoChar: boolean;
-    checkValue?: (v: string) => void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}
-export {};

package/core/components/ui/form/input/same-value-helper.js

@@ -1,77 +0,0 @@
-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, state } from "lit/decorators.js";
-import { Subscriber } from "@supersoniks/concorde/mixins";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-const tagName = "sonic-same-value-helper"; // For Astro.build
-let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.descriptionWhenEqual = "Correspondance : oui";
-        this.descriptionWhenNotEqual = "Correspondance : non";
-        this.areEqual = false;
-        this.hasNoChar = true;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
-        if (this.name && this.sameValueAs) {
-            this.checkValue = (v) => {
-                if (v)
-                    this.hasNoChar = v.length == 0;
-                else
-                    this.hasNoChar = true;
-                if (this.name && this.sameValueAs) {
-                    this.areEqual = formDataProvider[this.name].get() == formDataProvider[this.sameValueAs].get();
-                }
-            };
-            formDataProvider[this.name].onAssign(this.checkValue);
-            formDataProvider[this.sameValueAs].onAssign(this.checkValue);
-        }
-    }
-    disconnectedCallback() {
-        if (this.checkValue && this.name && this.sameValueAs) {
-            const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
-            formDataProvider[this.name].offAssign(this.checkValue);
-            formDataProvider[this.sameValueAs].offAssign(this.checkValue);
-        }
-        super.disconnectedCallback();
-    }
-    //TODO Multilangue
-    render() {
-        if (this.hasNoChar)
-            return nothing;
-        return html `
-      <span> ${this.areEqual ? unsafeHTML(this.descriptionWhenEqual) : unsafeHTML(this.descriptionWhenNotEqual)} </span>
-    `;
-    }
-};
-__decorate([
-    property()
-], SonicComponent.prototype, "name", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "sameValueAs", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "descriptionWhenEqual", void 0);
-__decorate([
-    property()
-], SonicComponent.prototype, "descriptionWhenNotEqual", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "areEqual", void 0);
-__decorate([
-    state()
-], SonicComponent.prototype, "hasNoChar", void 0);
-SonicComponent = __decorate([
-    customElement(tagName)
-], SonicComponent);
-export { SonicComponent };