@supersoniks/concorde 1.1.26 → 1.1.28

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

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import "@supersoniks/concorde/core/components/ui/loader/loader";
-import "../subscriber/subscriber";
+import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
 declare const List_base: {
     new (...args: any[]): {
         api: import("../../../utils/api").default | null;
@@ -16,9 +16,6 @@ declare const List_base: {
         onInvalidate: any;
         disconnectedCallback(): void;
         connectedCallback(): void;
-        /**
-         * Loading
-         */
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         props: any;

package/core/components/functional/list/list.js

@@ -11,7 +11,7 @@ import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
 import { repeat } from "lit/directives/repeat.js";
 import { templateContent } from "lit/directives/template-content.js";
 import "@supersoniks/concorde/core/components/ui/loader/loader";
-import "../subscriber/subscriber";
+import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 import { ifDefined } from "lit/directives/if-defined.js";
 import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";

package/core/components/ui/button/button.d.ts

@@ -18,7 +18,7 @@ declare const Button_base: {
         getFormPublisher(): any;
         updateDataValue(): void;
         error: true | null;
-        autofocus: true | null;
+        autofocus: boolean;
         disabled: true | null;
         required: true | null;
         formDataProvider: string;

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

@@ -19,7 +19,7 @@ declare const Checkbox_base: {
         getFormPublisher(): any;
         updateDataValue(): void;
         error: true | null;
-        autofocus: true | null;
+        autofocus: boolean;
         disabled: true | null;
         required: true | null;
         formDataProvider: string;
@@ -56,7 +56,7 @@ declare const Checkbox_base: {
         handleChange(e?: any): void;
         getValueForFormPublisher(): any;
         error: true | null;
-        autofocus: true | null;
+        autofocus: boolean;
         disabled: true | null;
         required: true | null;
         formDataProvider: string;

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

@@ -62,7 +62,7 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
               .checked=${ifDefined(this.checked)}
               .name=${this.name}
               .value=${this.value}
-              autofocus=${ifDefined(this.autofocus)}
+              ?autofocus=${this.autofocus}
               
            />
             <sonic-icon 
@@ -73,7 +73,7 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
                 <slot></slot>
                 <slot name="description" class="${this.hasDescription ? "description" : "hidden"} ">
                   ${this.description ? html `${this.description}` : ""}
-                <slot>
+                </slot>
               </div>
           </label>
     `;

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

@@ -10,7 +10,7 @@ declare const Input_base: {
         handleChange(e?: any): void;
         getValueForFormPublisher(): any;
         error: true | null;
-        autofocus: true | null;
+        autofocus: boolean;
         disabled: true | null;
         required: true | null;
         formDataProvider: string;
@@ -35,9 +35,6 @@ declare const Input_base: {
         removeAttribute(name: string): void;
         initPublisher(): void;
         getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
-        /**
-         * Taille du composant, implique notamment des modifications de typo et de marge interne
-         */
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement } from "lit";
 import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { formControl } from "../css/form-control";
+import { formControl } 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";

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

@@ -1,4 +1,4 @@
-import { Checkbox } from "../checkbox/checkbox";
+import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
 export declare class Radio extends Checkbox {
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
     constructor();

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css } from "lit";
 import { customElement } from "lit/decorators.js";
-import { Checkbox } from "../checkbox/checkbox";
+import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
 /**
  * ### Le composant sonic-radio étend sonic-checkbox en assignant sa propriété radio à true.
  *

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

@@ -10,7 +10,7 @@ import { customElement, property, queryAssignedNodes, state } from "lit/decorato
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
-import { formControl } from "../css/form-control";
+import { formControl } 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 "@supersoniks/concorde/core/components/ui/icon/icon";

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

@@ -10,7 +10,7 @@ declare const Textarea_base: {
         handleChange(e?: any): void;
         getValueForFormPublisher(): any;
         error: true | null;
-        autofocus: true | null;
+        autofocus: boolean;
         disabled: true | null;
         required: true | null;
         formDataProvider: string;

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css } from "lit";
 import { customElement, property, state, queryAssignedNodes } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { formControl } from "../css/form-control";
+import { formControl } 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";

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

@@ -15,7 +15,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { LitElement, css, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import Icons from "./icons";
+import Icons from "@supersoniks/concorde/core/components/ui/icon/icons";
 /**
  * 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

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 var _a;
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import icons from "./icons.json";
+import icons from "@supersoniks/concorde/core/components/ui/icon/icons.json";
 /**
  * Ce tableau static permet de ne pas appeler plusieurs fois le même service lors d'appel concurrents en GET.
  */
@@ -95,6 +95,10 @@ Icons.fontAwesomeNext = {
             if (!loadingGetPromises.has(url)) {
                 let promise = new Promise((resolve) => __awaiter(void 0, void 0, void 0, function* () {
                     let result = yield fetch(url);
+                    if (!result.ok) {
+                        resolve(`<b title="Erreur ${result.status}">😶</b>`);
+                        return;
+                    }
                     try {
                         let text = yield result.text();
                         resolve(text);

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

@@ -1 +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": "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" color=\"#000000\"><path d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2\" stroke=\"#000000\" 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=\"#000000\" 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=\"#000000\" 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>", "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/core/components/ui/loader/loader.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var Loader_1;
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { inline } from "./styles/inline";
-import { fixed } from "./styles/fixed";
+import { inline } from "@supersoniks/concorde/core/components/ui/loader/styles/inline";
+import { fixed } from "@supersoniks/concorde/core/components/ui/loader/styles/fixed";
 const tagName = "sonic-loader";
 let Loader = Loader_1 = class Loader extends LitElement {
     constructor() {

package/core/components/ui/menu/menu-item.d.ts

@@ -1,4 +1,4 @@
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 export declare class MenuItem extends Button {
     constructor();
     connectedCallback(): void;

package/core/components/ui/menu/menu-item.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from "lit/decorators.js";
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 const tagName = "sonic-menu-item";
 let MenuItem = class MenuItem extends Button {
     constructor() {

package/core/components/ui/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
-import "./menu-item";
+import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 export declare class MenuItems extends LitElement {
     static styles: import("lit").CSSResult[];
     /**

package/core/components/ui/menu/menu.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
 import { customElement, property, queryAssignedElements, state } from "lit/decorators.js";
-import "./menu-item";
+import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 const tagName = "sonic-menu";
 let MenuItems = class MenuItems extends LitElement {
     constructor() {

package/core/components/ui/modal/modal.d.ts

@@ -1,9 +1,9 @@
 import { LitElement, nothing } from "lit";
-import "./modal-actions";
-import "./modal-title";
-import "./modal-subtitle";
-import "./modal-content";
-import "./modal-close";
+import "@supersoniks/concorde/core/components/ui/modal/modal-actions";
+import "@supersoniks/concorde/core/components/ui/modal/modal-title";
+import "@supersoniks/concorde/core/components/ui/modal/modal-subtitle";
+import "@supersoniks/concorde/core/components/ui/modal/modal-content";
+import "@supersoniks/concorde/core/components/ui/modal/modal-close";
 declare type ModalCreateOptions = {
     content?: string;
 };

package/core/components/ui/modal/modal.js

@@ -10,11 +10,11 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { animate, fadeIn, fadeOut } from "@lit-labs/motion";
 import { styleMap } from "lit/directives/style-map.js";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
-import "./modal-actions";
-import "./modal-title";
-import "./modal-subtitle";
-import "./modal-content";
-import "./modal-close";
+import "@supersoniks/concorde/core/components/ui/modal/modal-actions";
+import "@supersoniks/concorde/core/components/ui/modal/modal-title";
+import "@supersoniks/concorde/core/components/ui/modal/modal-subtitle";
+import "@supersoniks/concorde/core/components/ui/modal/modal-content";
+import "@supersoniks/concorde/core/components/ui/modal/modal-close";
 const tagName = "sonic-modal";
 let Modal = class Modal extends Subscriber(LitElement) {
     constructor() {

package/core/components/ui/table/table.d.ts

@@ -1,11 +1,11 @@
 import { LitElement } from "lit";
-import "./table-tr";
-import "./table-th";
-import "./table-td";
-import "./table-thead";
-import "./table-tbody";
-import "./table-tfoot";
-import "./table-caption";
+import "@supersoniks/concorde/core/components/ui/table/table-tr";
+import "@supersoniks/concorde/core/components/ui/table/table-th";
+import "@supersoniks/concorde/core/components/ui/table/table-td";
+import "@supersoniks/concorde/core/components/ui/table/table-thead";
+import "@supersoniks/concorde/core/components/ui/table/table-tbody";
+import "@supersoniks/concorde/core/components/ui/table/table-tfoot";
+import "@supersoniks/concorde/core/components/ui/table/table-caption";
 export declare class Table extends LitElement {
     static styles: import("lit").CSSResult[];
     size: "xs" | "sm" | "md" | "lg" | "xl";

package/core/components/ui/table/table.js

@@ -8,13 +8,13 @@ import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
-import "./table-tr";
-import "./table-th";
-import "./table-td";
-import "./table-thead";
-import "./table-tbody";
-import "./table-tfoot";
-import "./table-caption";
+import "@supersoniks/concorde/core/components/ui/table/table-tr";
+import "@supersoniks/concorde/core/components/ui/table/table-th";
+import "@supersoniks/concorde/core/components/ui/table/table-td";
+import "@supersoniks/concorde/core/components/ui/table/table-thead";
+import "@supersoniks/concorde/core/components/ui/table/table-tbody";
+import "@supersoniks/concorde/core/components/ui/table/table-tfoot";
+import "@supersoniks/concorde/core/components/ui/table/table-caption";
 const tagName = "sonic-table";
 let Table = class Table extends LitElement {
     constructor() {

package/core/components/ui/tabs/tab.d.ts

@@ -1,4 +1,4 @@
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 export declare class Tab extends Button {
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
     constructor();

package/core/components/ui/tabs/tab.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css } from "lit";
 import { customElement } from "lit/decorators.js";
-import { Button } from "../button/button";
+import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
 let Tab = class Tab extends Button {
     constructor() {
         super();

package/core/components/ui/tabs/tabs.js

@@ -7,7 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
 import { ResizeController } from "@lit-labs/observers/resize_controller.js";
-// import { tailwind } from "../theme/theme";
 let Tabs = class Tabs extends LitElement {
     constructor() {
         super(...arguments);

package/core/components/ui/taxonomy/taxonomy.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from "lit";
-import "../icon/icon";
-import "../badge/badge";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import "@supersoniks/concorde/core/components/ui/badge/badge";
 /**
  * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
  */

package/core/components/ui/taxonomy/taxonomy.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import "../icon/icon";
-import "../badge/badge";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import "@supersoniks/concorde/core/components/ui/badge/badge";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 const tagName = "sonic-taxonomy";
 /**

package/core/components/ui/theme/theme.js

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var Theme_1;
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { coreVariables } from "./theme-collection/core-variables";
-import { light } from "./theme-collection/light";
-import { dark } from "./theme-collection/dark";
+import { coreVariables } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/core-variables";
+import { light } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/light";
+import { dark } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/dark";
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {

package/core/components/ui/toast/message-subscriber.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
-import { SonicToast } from "./toast";
+import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 const tagName = "sonic-toast-message-subscriber";
 //Superbe mix de multples versions d'api.
 let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {

package/core/components/ui/toast/toast-item.d.ts

@@ -1,13 +1,15 @@
 import { LitElement, nothing } from "lit";
-import "./types";
-import { ToastStatus } from "./types";
+import "@supersoniks/concorde/core/components/ui/toast/types";
+import { ToastStatus } from "@supersoniks/concorde/core/components/ui/toast/types";
 export declare class SonicToastItem extends LitElement {
     static styles: import("lit").CSSResult[];
     title: string;
+    id: string;
     text: string;
     status: ToastStatus;
     ghost: boolean;
     preserve: boolean;
+    dismissForever: boolean;
     maxHeight: string;
     visible: boolean;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;

package/core/components/ui/toast/toast-item.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import "./types";
+import "@supersoniks/concorde/core/components/ui/toast/types";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 const icon = {
     warning: "warning-circled-outline",
@@ -20,14 +20,24 @@ let SonicToastItem = class SonicToastItem extends LitElement {
     constructor() {
         super(...arguments);
         this.title = "";
+        this.id = "";
         this.text = "";
         this.status = "";
         this.ghost = false;
         this.preserve = false;
+        this.dismissForever = false;
         this.maxHeight = '10rem';
         this.visible = true;
     }
     render() {
+        // check if the toast is dismissed
+        if (this.dismissForever) {
+            const dismissed = localStorage.getItem('sonic-toast-dismissed') || '{}';
+            const dismissedObj = JSON.parse(dismissed);
+            if (dismissedObj[this.id]) {
+                return nothing;
+            }
+        }
         if (!this.visible) {
             return nothing;
         }
@@ -58,6 +68,13 @@ let SonicToastItem = class SonicToastItem extends LitElement {
         if (!this.closest('sonic-toast')) {
             this.visible = false;
         }
+        if (this.dismissForever) {
+            // set in local Storage an Object with the id as key and if it's dismissed as value
+            const dismissed = localStorage.getItem('sonic-toast-dismissed') || '{}';
+            const dismissedObj = JSON.parse(dismissed);
+            dismissedObj[this.id] = true;
+            localStorage.setItem('sonic-toast-dismissed', JSON.stringify(dismissedObj));
+        }
         this.dispatchEvent(new CustomEvent("hide", { bubbles: true }));
     }
     show() {
@@ -239,6 +256,9 @@ SonicToastItem.styles = [
 __decorate([
     property({ type: String })
 ], SonicToastItem.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], SonicToastItem.prototype, "id", void 0);
 __decorate([
     property({ type: String })
 ], SonicToastItem.prototype, "text", void 0);
@@ -251,6 +271,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], SonicToastItem.prototype, "preserve", void 0);
+__decorate([
+    property({ type: Boolean })
+], SonicToastItem.prototype, "dismissForever", void 0);
 __decorate([
     property({ type: String })
 ], SonicToastItem.prototype, "maxHeight", void 0);

package/core/components/ui/toast/toast.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "./toast-item";
-import { Toast } from "./types";
+import "@supersoniks/concorde/core/components/ui/toast/toast-item";
+import { Toast } from "@supersoniks/concorde/core/components/ui/toast/types";
 export declare class SonicToast extends LitElement {
     toasts: Toast[];
     createRenderRoot(): this;
@@ -11,9 +11,10 @@ export declare class SonicToast extends LitElement {
         id: number;
         text: string;
         title: string | undefined;
-        status: import("./types").ToastStatus | undefined;
+        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus | undefined;
         preserve: boolean | undefined;
         ghost: boolean | undefined;
+        dismissForever: boolean | undefined;
     } | null;
     removeItem(item: Toast): void;
 }

package/core/components/ui/toast/toast.js

@@ -12,7 +12,7 @@ import Objects from "@supersoniks/concorde/core/utils/Objects";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { styleMap } from "lit/directives/style-map.js";
-import "./toast-item";
+import "@supersoniks/concorde/core/components/ui/toast/toast-item";
 const tagName = "sonic-toast";
 let SonicToast = class SonicToast extends LitElement {
     constructor() {
@@ -38,7 +38,11 @@ let SonicToast = class SonicToast extends LitElement {
             return nothing;
         return html `<div aria-live="polite" style=${styleMap(styles)}>
       ${repeat(this.toasts, (item) => item.id, (item) => html `
-          <sonic-toast-item maxHeight=${isIframe ? 'none' : '10rem'} status=${item.status} ?ghost=${item.ghost} ?preserve=${item.preserve} id=${item.id}
+          <sonic-toast-item maxHeight=${isIframe ? 'none' : '10rem'}
+            status=${item.status}
+            ?ghost=${item.ghost}
+            ?dismissForever=${item.dismissForever}
+            ?preserve=${item.preserve} id=${item.id}
             @hide=${() => this.removeItem(item)}
             ${animate({
             keyframeOptions: {
@@ -70,6 +74,7 @@ let SonicToast = class SonicToast extends LitElement {
     }
     // ADD TOAST
     static add(conf) {
+        var _a;
         // Init toast area si absente (au <sonic-theme> ou <body< à défaut)
         if (!document.querySelector("sonic-toast")) {
             let toastComponent = document.createElement("sonic-toast");
@@ -78,7 +83,7 @@ let SonicToast = class SonicToast extends LitElement {
         }
         // Ajoute le toast à la liste
         let toastComponent = document.querySelector("sonic-toast");
-        const nextId = new Date().valueOf();
+        const nextId = (_a = conf.id) !== null && _a !== void 0 ? _a : new Date().valueOf();
         const interactiveRegExp = new RegExp("</a>|</button>");
         const hasInteractive = interactiveRegExp.test(conf.text);
         const currentToast = {
@@ -88,7 +93,16 @@ let SonicToast = class SonicToast extends LitElement {
             status: conf.status,
             preserve: hasInteractive ? true : conf.preserve,
             ghost: conf.ghost,
+            dismissForever: conf.dismissForever,
         };
+        // check if the toast is dismissed
+        if (conf.dismissForever && conf.id) {
+            const dismissed = localStorage.getItem('sonic-toast-dismissed') || '{}';
+            const dismissedObj = JSON.parse(dismissed);
+            if (dismissedObj[conf.id]) {
+                return null;
+            }
+        }
         if (toastComponent.toasts.length > 0) {
             let toastA = Object.assign({}, currentToast);
             let toastB = Object.assign({}, toastComponent.toasts[toastComponent.toasts.length - 1]);

package/core/components/ui/toast/types.d.ts

@@ -6,4 +6,5 @@ export declare type Toast = {
     status?: ToastStatus;
     preserve?: boolean;
     ghost?: boolean;
+    dismissForever?: boolean;
 };

package/core/mixins/Fetcher.d.ts

@@ -1,6 +1,6 @@
 import API from "@supersoniks/concorde/core/utils/api";
-import "../components/ui/button/button";
-import { SubscriberInterface } from "./Subscriber";
+import "@supersoniks/concorde/core/components/ui/button/button";
+import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
 declare type Constructor<T> = new (...args: any[]) => T;
 declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass: T) => {
     new (...args: any[]): {
@@ -60,9 +60,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         defferedDebug: boolean | null;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void; /**
-         * IObserver est l'intersection observer qui permet de charger les données au scroll si l'attribut lazyload est renseigné
-         */
+        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;

package/core/mixins/Fetcher.js

@@ -13,12 +13,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Loader } from "../components/ui/loader/loader";
-import { SonicToast } from "../components/ui/toast/toast";
+import { Loader } from "@supersoniks/concorde/core/components/ui/loader/loader";
+import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 import API from "@supersoniks/concorde/core/utils/api";
-import "../components/ui/button/button";
+import "@supersoniks/concorde/core/components/ui/button/button";
 import { PublisherManager } from "@supersoniks/concorde/utils";
-import Objects from "../utils/Objects";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
 import { property } from "lit/decorators.js";
 const Fetcher = (superClass) => {
     class FetcherElement extends superClass {