@supersoniks/concorde 2.0.7 → 3.0.0

package/core/_types/types.d.ts

@@ -1,28 +0,0 @@
-import DataBindObserver from "@supersoniks/concorde/core/utils/DataBindObserver";
-import Publisher from "../utils/PublisherProxy";
-export interface ConcordeWindow extends Window {
-    SonicPublisherManager: any;
-    SonicDataBindObserver: DataBindObserver;
-    PasswordCredential: new (options: {
-        id: string;
-        password: string;
-    }) => Credential;
-    grecaptcha: {
-        ready: (handler: () => void) => void;
-        execute: (key: string, options: {
-            action: string;
-        }) => Promise<string>;
-    };
-    SonicModal: any;
-    SonicToast: any;
-    [key: string]: any;
-}
-export type MixinArgsType = any;
-export type PrimitiveType = string | number | boolean | bigint | undefined | null | symbol;
-export type PublisherInterface<T = PublisherContentType> = Publisher<T> & any;
-export type CoreJSType = string | number | boolean | null | {
-    [property: string | number | symbol]: CoreJSType;
-} | CoreJSType[];
-export type TypeAndRecordOfType<U> = U & Record<string | number, U>;
-export type PublisherContentType = unknown;
-export type HTMLFormControl = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;

package/core/_types/types.js

@@ -1,2 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any*/
-export {};

package/core/components/functional/date/date.d.ts

@@ -1,45 +0,0 @@
-import { LitElement } from "lit";
-type DateTimeFormatPartExtended = {
-    hidden?: boolean;
-    source?: string;
-    type: string;
-    value: string;
-};
-declare const SonicDate_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-export declare class SonicDate extends SonicDate_base {
-    pageLanguage: string;
-    private duAu;
-    private _wording_billet_periode_validite;
-    get wording_billet_periode_validite(): string;
-    set wording_billet_periode_validite(value: string);
-    designMode: boolean | null;
-    time_zone: string | null;
-    date: number | null;
-    date_string: string | null;
-    start_date_string: string | null;
-    end_date_string: string | null;
-    start_date: number;
-    hide_hours: boolean;
-    end_date: number;
-    era: "narrow" | "short" | "long" | "";
-    year: "numeric" | "2-digit";
-    month: "numeric" | "2-digit" | "narrow" | "short" | "long";
-    day: "numeric" | "2-digit";
-    weekday: "narrow" | "short" | "long" | "hidden";
-    hour: "numeric" | "2-digit" | "hidden";
-    hour12: boolean;
-    minute: "numeric" | "2-digit" | "hidden";
-    language: string;
-    renderIf: boolean;
-    now: boolean;
-    private startDateObject;
-    private endDateObject;
-    connectedCallback(): void;
-    /**
-     * Retourne un tableau des différentes parties de la date en fonction des options données, de la date de début et de fin.
-     */
-    getDatesParts(start_date: number, end_date: number, options: Intl.DateTimeFormatOptions): DateTimeFormatPartExtended[];
-    dateStringToSeconds(dateString: string): number;
-    render(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-html").UnsafeHTMLDirective>;
-}
-export {};

package/core/components/functional/date/date.js

@@ -1,243 +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 Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
-import Format from "@supersoniks/concorde/core/utils/Format";
-import HTML from "@supersoniks/concorde/core/utils/HTML";
-import { LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-const tagName = "sonic-date";
-let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.pageLanguage = "fr";
-        this.duAu = [];
-        this._wording_billet_periode_validite = "";
-        this.designMode = null;
-        this.time_zone = null;
-        this.date = null;
-        this.date_string = null;
-        this.start_date_string = null;
-        this.end_date_string = null;
-        this.start_date = 0;
-        this.hide_hours = false;
-        this.end_date = 0;
-        this.era = "";
-        this.year = "numeric";
-        this.month = "short";
-        this.day = "2-digit";
-        this.weekday = "short";
-        this.hour = "2-digit";
-        this.hour12 = false;
-        this.minute = "2-digit";
-        this.language = "";
-        this.renderIf = true;
-        this.now = false;
-        // @property({type:String}) second: 'numeric' | '2-digit'= "2-digit"
-        // @property({ type: String }) hour12: boolean = false;
-        this.startDateObject = new Date();
-        this.endDateObject = new Date();
-    }
-    get wording_billet_periode_validite() {
-        return this._wording_billet_periode_validite;
-    }
-    set wording_billet_periode_validite(value) {
-        if (!value)
-            value = "Du %s au %s";
-        this._wording_billet_periode_validite = value;
-        this.duAu = this.wording_billet_periode_validite?.split("%s").map((str) => str.trim());
-        this.duAu.pop();
-        this.requestUpdate();
-    }
-    connectedCallback() {
-        if (!this.hasAttribute("wording_billet_periode_validite"))
-            this.wording_billet_periode_validite = "Du %s au %s";
-        this.pageLanguage = HTML.getLanguage();
-        super.connectedCallback();
-    }
-    /**
-     * Retourne un tableau des différentes parties de la date en fonction des options données, de la date de début et de fin.
-     */
-    getDatesParts(start_date, end_date, options) {
-        const start = this.startDateObject;
-        start.setTime(start_date * 1000);
-        let parts = [];
-        if (end_date > 0) {
-            const end = this.endDateObject;
-            end.setTime(end_date * 1000);
-            //
-            //on affiche pas l'heure si les dates sont les mêmes
-            const isSameDay = start.toDateString() == end.toDateString();
-            if (!isSameDay || this.hide_hours) {
-                delete options.hour;
-                delete options.minute;
-            }
-            const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
-            parts = format.formatRangeToParts(start, end);
-            //on affiche du au uniquement si on a deux dates différentes
-            if (!isSameDay) {
-                const to = parts.find((part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0);
-                if (to) {
-                    to.value = " " + this.duAu[1] + " ";
-                    to.type = "to";
-                }
-                if (!this.designMode)
-                    parts.unshift({
-                        type: "from",
-                        value: this.duAu[0] + " ",
-                        source: "shared",
-                    });
-            }
-        }
-        else {
-            const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
-            parts = format.formatToParts(start);
-        }
-        //En mode  design on cache les ","
-        if (this.designMode) {
-            // parts.forEach((part) => (part.hidden = part.value.trim() == ","));
-            // replace all "," by " "
-            parts.forEach((part) => (part.value = part.value.replace(/,/g, " ")));
-        }
-        parts[0].value = Format.ucFirst(parts[0].value);
-        return parts.filter((p) => p.hidden !== true);
-    }
-    dateStringToSeconds(dateString) {
-        return new Date(dateString).getTime() / 1000;
-    }
-    render() {
-        if (!this.renderIf)
-            return nothing;
-        /* *
-         * Normalisation en fonction des valeurs de dates passées        *
-         * */
-        if (this.date_string)
-            this.date = this.dateStringToSeconds(this.date_string);
-        if (this.date)
-            this.start_date = this.date;
-        if (this.start_date_string)
-            this.start_date = this.dateStringToSeconds(this.start_date_string);
-        if (this.end_date_string)
-            this.end_date = this.dateStringToSeconds(this.end_date_string);
-        if (!this.start_date && !this.now && !this.end_date)
-            return nothing;
-        if (!this.start_date)
-            this.start_date = Date.now() / 1000;
-        if (this.end_date > 0 && this.end_date < this.start_date) {
-            const copy = this.start_date;
-            this.start_date = this.end_date;
-            this.end_date = copy;
-        }
-        /* *
-         * gestion des options d'affichage des dates
-         * */
-        const options = {
-            year: this.year,
-            month: this.month,
-            day: this.day,
-            hour12: this.hour12,
-        };
-        if (this.weekday !== "hidden")
-            options.weekday = this.weekday;
-        if (this.hour !== "hidden")
-            options.hour = this.hour;
-        if (this.minute !== "hidden")
-            options.minute = this.minute;
-        if (this.era)
-            options.era = this.era;
-        if (this.time_zone)
-            options.timeZone = this.time_zone;
-        /**
-         * On récupère les différentes partie affichées en vu de l'injection dans le template
-         */
-        const parts = this.getDatesParts(this.start_date, this.end_date, options);
-        return unsafeHTML(`${parts
-            .map((part) => {
-            const template = this.templateParts[part.type];
-            if (template) {
-                const clone = document.importNode(template.content, true);
-                const child = clone.children[0];
-                if (child.innerText.trim() == "")
-                    child.innerText = part.value;
-                return child.outerHTML;
-            }
-            const span = document.createElement("span");
-            span.innerText = part.value;
-            span.className = part.type;
-            return `<span class="${part.type}">${part.value}</span>`;
-        })
-            .join("")}`);
-    }
-};
-__decorate([
-    property()
-], SonicDate.prototype, "wording_billet_periode_validite", null);
-__decorate([
-    property({ type: Boolean })
-], SonicDate.prototype, "designMode", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "time_zone", void 0);
-__decorate([
-    property({ type: Number })
-], SonicDate.prototype, "date", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "date_string", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "start_date_string", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "end_date_string", void 0);
-__decorate([
-    property({ type: Number })
-], SonicDate.prototype, "start_date", void 0);
-__decorate([
-    property({ type: Boolean })
-], SonicDate.prototype, "hide_hours", void 0);
-__decorate([
-    property({ type: Number })
-], SonicDate.prototype, "end_date", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "era", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "year", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "month", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "day", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "weekday", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "hour", void 0);
-__decorate([
-    property({ type: Boolean })
-], SonicDate.prototype, "hour12", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "minute", void 0);
-__decorate([
-    property({ type: String })
-], SonicDate.prototype, "language", void 0);
-__decorate([
-    property({ type: Boolean })
-], SonicDate.prototype, "renderIf", void 0);
-__decorate([
-    property({ type: Boolean })
-], SonicDate.prototype, "now", void 0);
-SonicDate = __decorate([
-    customElement(tagName)
-], SonicDate);
-export { SonicDate };

package/core/components/functional/example/example.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from "lit";
-declare const SonicComponent_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
-export declare class SonicComponent extends SonicComponent_base {
-    text: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/functional/example/example.js

@@ -1,26 +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 } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-const tagName = "sonic-example"; // For Astro.build
-let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.text = "Example";
-    }
-    render() {
-        return html `<div>${this.text}</div>`;
-    }
-};
-__decorate([
-    property()
-], SonicComponent.prototype, "text", void 0);
-SonicComponent = __decorate([
-    customElement(tagName)
-], SonicComponent);
-export { SonicComponent };

package/core/components/functional/fetch/fetch.d.ts

@@ -1,93 +0,0 @@
-/// <reference types="node" />
-import { LitElement, nothing } from "lit";
-import { LoaderMode } from "../../ui/loader/loader";
-import { DirectiveResult } from "lit/async-directive";
-declare const Fetch_base: {
-    new (...args: any[]): {
-        api: import("../../../utils/api").default | null;
-        key: string;
-        isFirstLoad: boolean;
-        isLoading: boolean;
-        lazyLoad?: boolean | undefined;
-        iObserver: IntersectionObserver | null;
-        isFetchEnabled: boolean;
-        fetchedData: any;
-        _endPoint: string;
-        props: import("../../../utils/api").ResultTypeInterface | null;
-        endPoint: string;
-        requestId: number;
-        refetchEveryMs: number;
-        refetchTimeOutId?: NodeJS.Timeout | undefined;
-        _fetchData(): Promise<void>;
-        onInvalidate?: (() => void) | undefined;
-        disconnectedCallback(): void;
-        connectedCallback(): void;
-        lazyLoadSpan?: HTMLSpanElement | undefined;
-        handleLazyLoad(): void;
-        onIntersection(entries: IntersectionObserverEntry[]): void;
-        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;
-        shadowRoot?: ShadowRoot | undefined;
-        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;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("../../../mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-/**
- * ###Fetch charge un contenu via un appel d'api web.
- * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * #### Configuration via les attributs
- *
- * | nom          | sur quelle balise | Description | Exemple de valeur | défaut / requis |
- * | -------------------------------------------------------------------------------------- |
- * | serviceURL   |Fetcher ou un de ses parents | URL de base des services. | http://la-billetterie.net/api/v2 | domain du site |
- * | endpoint   |Fetcher | point d'accès d'un service | user/2 | valeur de l'attribut dataProvider |
- * | dataProvider  |Fetcher ou un de ses parents | Identifiant d'un publisher qui stock les données, voir [subscriber](./?path=/docs/miscallenous-🔔-subscriber--page). | billetterie/user/2 | *REQUIS* |
- * | headersDataProvider  |Fetcher ou un de ses parents | Identifiant d'un publisher qui stock les données destinées à être envoyées en entêtes de la requetes | MyCoockieHEaders | null |
- * | key  |Fetcher  | extrait une sous propriété de la donnée chargée avant de l'assignée à son publisher | ma.data | null |
- *
- * *Si la données est `{ma:{data:{a:1,b:2}}}` et `key="ma.data"`, la données disponible dans le composant sera `{a:1, b:2}`*
- 
- #### Intégration auto de basic auth (pour tester une api qui nécessite une authentification)
- 
- * Fetch utilise le service pour générer le token et l'ajoute au header de l'appel qui récupère les données.
-
- * | nom           | sur quelle balise | Description | Exemple de valeur | défaut / requis |
- * | -------------------------------------------------------------------------------------- |
- * | userName      | Fetcher ou un de ses parents | Nom de l'utilisateur | DjuDju | null |
- * | password      | Fetcher ou un de ses parents | mot de passe | pom_549 | null |
- * | tokenProvider | Fetcher ou un de ses parents | point d'accès du service fournissant le token | auth | null |
- * | token | Fetcher ou un de ses parents | A fournir à la place des autres attributs si on le possède | q<d34gb | null |
- 
- #### Autres choses utiles
- * * On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
- * * endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
- */
-export declare class Fetch extends Fetch_base {
-    static styles: import("lit").CSSResult[];
-    loader?: LoaderMode | true | "";
-    renderLoader(): import("lit-html").TemplateResult<1> | typeof nothing;
-    renderSkeleton(): DirectiveResult<import("lit-html/directive").DirectiveClass>;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/functional/functional.js

@@ -1,15 +0,0 @@
-import "./date/date";
-import "./fetch/fetch";
-import "./if/if";
-import "./list/list";
-import "./queue/queue";
-import "./subscriber/subscriber";
-import "./submit/submit";
-import "./router/router";
-import "./router/redirect";
-import "./states/states";
-import "./sonic-scope/sonic-scope";
-import "./example/example";
-import "./sdui/sdui";
-import "./mix/mix";
-import "./value/value";

package/core/components/functional/if/if.d.ts

@@ -1,12 +0,0 @@
-import { LitElement, nothing } from "lit";
-/**
- * Le composant *sonic-if* affiche son contenu dans le slot principal si sa propriété .condition est évaluée à true
- */
-export declare class SonicIF extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Le contenu s'affiche si la condition est évaluée à true.
-     */
-    condition: boolean;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}

package/core/components/functional/if/if.js

@@ -1,38 +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 { css, html, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-const tagName = "sonic-if"; // For Astro.build
-/**
- * Le composant *sonic-if* affiche son contenu dans le slot principal si sa propriété .condition est évaluée à true
- */
-let SonicIF = class SonicIF extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Le contenu s'affiche si la condition est évaluée à true.
-         */
-        this.condition = false;
-    }
-    render() {
-        if (!this.condition)
-            return nothing;
-        return html ` <slot></slot> `;
-    }
-};
-SonicIF.styles = css `
-    :host {
-      display: contents;
-    }
-  `;
-__decorate([
-    property({ type: Boolean })
-], SonicIF.prototype, "condition", void 0);
-SonicIF = __decorate([
-    customElement(tagName)
-], SonicIF);
-export { SonicIF };

package/core/components/functional/if/if.test.d.ts

@@ -1 +0,0 @@
-import "./if";

package/core/components/functional/if/if.test.js

@@ -1,35 +0,0 @@
-import { expect } from "@jest/globals";
-import TestUtils from "@supersoniks/concorde/test-utils/TestUtils";
-import "./if";
-function create() {
-    return TestUtils.bootstrap(`<sonic-if>Some Content</sonic-if>`)[0];
-}
-test("shows ''Some Content'' condition = true set by property accessor", async () => {
-    const elt = create();
-    elt.condition = true;
-    await elt.updated();
-    const renderedText = elt.shadowRoot.children[0].assignedNodes()[0].textContent;
-    expect(renderedText).toBe("Some Content");
-});
-test("shows nothing condition = false set by property accessor", async () => {
-    const elt = create();
-    elt.condition = false;
-    await elt.updated();
-    const children = Array.from(elt.shadowRoot.children).filter((elt) => elt.nodeName.toLowerCase() != "style");
-    const length = children.length;
-    expect(length).toBe(0);
-});
-test("shows ''Some Content'' condition = true set by attribute", async () => {
-    const elt = create();
-    elt.setAttribute("condition", "");
-    await elt.updated();
-    const renderedText = elt.shadowRoot.children[0].assignedNodes()[0].textContent;
-    expect(renderedText).toBe("Some Content");
-});
-test("shows nothing condition not set", async () => {
-    const elt = create();
-    await elt.updated();
-    const children = Array.from(elt.shadowRoot.children).filter((elt) => elt.nodeName.toLowerCase() != "style");
-    const length = children.length;
-    expect(length).toBe(0);
-});