@supersoniks/concorde 1.0.2 → 1.0.3

package/dist/concorde.bundle.js

@@ -1207,13 +1207,14 @@ const fixed = r$5`
     transform:transateY(-50%) translateX(-50%);
     z-index:999;
   }
+  
   .sonic-loader--fixed > div:nth-child(2) {
     animation-delay: -0.5s;
   }
   .sonic-loader--fixed > div:nth-child(3) {
     animation-delay: -0.2s;
-
   }
+
   .sonic-loader--fixed > div:nth-child(4) {
     display:none !important;
   }
@@ -1250,7 +1251,7 @@ var __decorateClass$g = (decorators, target, key, kind) => {
 let SonicLoader = class extends Subscriber(s$1) {
   constructor() {
     super(...arguments);
-    this.mode = "inline";
+    this.mode = "fixed";
   }
   static show(conf) {
     if (!SonicLoader.loader)
@@ -1261,10 +1262,11 @@ let SonicLoader = class extends Subscriber(s$1) {
     let v2 = conf;
     for (let z2 in v2)
       loader.setAttribute(z2, v2[z2]);
-    let container = document.querySelector("sonic-theme");
-    if (!container)
-      container = document.body;
-    container.appendChild(loader);
+    if (!conf.container) {
+      conf.container = document.querySelector("sonic-theme") || document.body;
+      conf.mode = "fixed";
+    }
+    conf.container.appendChild(loader);
     SonicLoader.callCounter++;
   }
   static hide() {
@@ -2713,7 +2715,7 @@ let SonicPricesButton = class extends Subscriber(s$1) {
   async _handleClick() {
     let api = new API({});
     this.loading = true;
-    SonicLoader.show();
+    const timeoutId = setTimeout(SonicLoader.show, 250);
     let result = await api.put("/api-billetterie/webcomponents/cart", {
       events: [
         {
@@ -2724,6 +2726,7 @@ let SonicPricesButton = class extends Subscriber(s$1) {
       ]
     });
     this.loading = false;
+    clearTimeout(timeoutId);
     SonicLoader.hide();
     if (!result) {
       SonicToast.add({ text: "Network Error", status: "error", styled: true });
@@ -3139,7 +3142,7 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-let SonicTheme = class extends s$1 {
+let SonicTheme = class extends Subscriber(s$1) {
   constructor() {
     super(...arguments);
     this.theme = "light";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {

package/types/components/theme/theme.d.ts

@@ -1,6 +1,8 @@
 import { LitElement } from "lit";
-export declare class SonicTheme extends LitElement {
+declare const SonicTheme_base: (new (...args: any[]) => import("../../core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare class SonicTheme extends SonicTheme_base {
     static styles: import("lit").CSSResult[];
     theme: string;
     render(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/types/components/ui/loader/loader.d.ts

@@ -6,6 +6,7 @@ export declare class SonicLoader extends SonicLoader_base {
     static callCounter: number;
     static show(conf?: {
         mode?: string;
+        container?: HTMLElement;
     }): void;
     static hide(): void;
     mode: string;

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

@@ -1,11 +1,12 @@
 import { LitElement } from "lit";
 declare type ToastStatus = "success" | "error" | "info";
 declare type Toast = {
-    id: number;
+    id?: number;
     text: string;
     title?: string;
     status?: ToastStatus;
     preserve?: boolean;
+    styled?: boolean;
 };
 declare const SonicToast_base: (new (...args: any[]) => import("../../../core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
 export declare class SonicToast extends SonicToast_base {
@@ -14,13 +15,7 @@ export declare class SonicToast extends SonicToast_base {
     className: string;
     styled: boolean;
     render(): import("lit-html").TemplateResult<1>;
-    static add(conf: {
-        text: string;
-        status?: ToastStatus;
-        title?: string;
-        styled?: boolean;
-        preserve?: boolean;
-    }): {
+    static add(conf: Toast): {
         id: number;
         text: string;
         title: string | undefined;