@supersoniks/concorde 3.3.3 → 4.1.0

package/src/docs/search/docs-search.json

@@ -4490,7 +4490,7 @@
     }
   },
   {
-    "search": "  }\n  //\n  render() {\n    return html      <div class="flex flex-col gap-2">         <sonic-select label="Users set" @change=${this.updateDataProvider}>           <option value="demoUsers">First set of users</option>           <option value="demoUsersAlt">Second set of users</option>         </sonic-select>         <sonic-input           type="number"           .value=${this.userIndex}           @input=${this.updateUserIndex}           min="0"           max="9"           label="Index"           class="block"         >         </sonic-input>         <sonic-button @click=${this.updateCurrentUserData}           >Update current user data</sonic-button         >         <div class="flex flex-col gap-2 border p-2">           <div>             <sonic-icon name="user" library="heroicons"></sonic-icon>             ${this.user?.firstName} ${this.user?.lastName}           </div>           <div>             <sonic-icon name="envelope" library="heroicons"></sonic-icon>             ${this.user?.email}           </div>           <div>             Theme: ${this.userSettings?.theme} | Language:             ${this.userSettings?.language}           </div>         </div>       </div>    ;\n  }\n}\n  \n\n",
+    "search": "⚠️ Use classic string literals: @onAssign("${dataProvider}.${profileId}", "settings.${profileId}"). Do not use template literals (backticks), otherwise JavaScript would try to interpolate the value immediately.\n",
     "files": {
       "docs/_misc/on-assign.md": {
         "title": "@onAssign",
@@ -4505,27 +4505,42 @@
     }
   },
   {
-    "search": "⚠️ Use classic string literals: @onAssign("${dataProvider}.${profileId}", "settings.${profileId}"). Do not use template literals (backticks), otherwise JavaScript would try to interpolate the value immediately.\n",
+    "search": "Templates Demo",
     "files": {
-      "docs/_misc/on-assign.md": {
-        "title": "@onAssign",
+      "docs/_misc/templates-demo.md": {
+        "title": "Templates Demo",
         "hashes": {
-          "dynamic-path-driven-by-class-properties": {
+          "templates-demo": {
             "count": 1,
-            "title": "Dynamic path driven by class properties",
-            "type": "paragraph"
+            "title": "",
+            "type": "page"
           }
         }
       }
     }
   },
   {
-    "search": "Templates Demo",
+    "search": "Some test/demos\n",
     "files": {
       "docs/_misc/templates-demo.md": {
         "title": "Templates Demo",
         "hashes": {
           "templates-demo": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "awaitconnectedancestors-and-dispatchconnectedevent": {
             "count": 1,
             "title": "",
             "type": "page"
@@ -4535,12 +4550,12 @@
     }
   },
   {
-    "search": "Some test/demos\n",
+    "search": "The @awaitConnectedAncestors and @dispatchConnectedEvent decorators delay a web component's initialization until its matching ancestors have executed their connectedCallback. This is when contextual elements (publisher, dataProvider, etc.) are configured.\n",
     "files": {
-      "docs/_misc/templates-demo.md": {
-        "title": "Templates Demo",
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
         "hashes": {
-          "templates-demo": {
+          "awaitconnectedancestors-and-dispatchconnectedevent": {
             "count": 1,
             "title": "",
             "type": "paragraph"
@@ -4548,5 +4563,185 @@
         }
       }
     }
+  },
+  {
+    "search": "When a child component attaches to the DOM, its ancestors may not yet be initialized (especially if custom element definitions are loaded asynchronously). The @awaitConnectedAncestors decorator delays the component's connectedCallback until all ancestors matching the provided CSS selectors have executed their connectedCallback.\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "principle": {
+            "count": 1,
+            "title": "Principle",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "The @dispatchConnectedEvent decorator allows ancestors to signal they are ready by dispatching the sonic-connected event at the end of their connectedCallback. The event bubbles, so it can be listened to from anywhere (e.g. document.addEventListener(CONNECTED, handler)).\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "principle": {
+            "count": 1,
+            "title": "Principle",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Ancestors that are not web components (no hyphen in tag name) are considered connected by default and do not need to emit the event.\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "principle": {
+            "count": 1,
+            "title": "Principle",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "An ancestor container decorated with @dispatchConnectedEvent() signals when it is ready. A child component decorated with @awaitConnectedAncestors("demo-wait-ancestor-container[dataProvider]") waits for this container to be initialized before initializing itself. Parameters are CSS selectors (element.matches()).\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "basic-example": {
+            "count": 1,
+            "title": "Basic example",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "The parent is registered via customElements.define() (vanilla JS) rather than @customElement, so it can be defined later—e.g. when the user clicks a button. This demonstrates the child waiting until the parent exists.\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "basic-example": {
+            "count": 1,
+            "title": "Basic example",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "The child waits for all specified ancestors. Register outer first, then inner — the child initializes only when both are ready.\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "multiple-ancestors": {
+            "count": 1,
+            "title": "Multiple ancestors",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "When the parent is defined at load and already in the DOM, the child initializes immediately (no delay).\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "ancestors-already-connected": {
+            "count": 1,
+            "title": "Ancestors already connected",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Static (both in DOM from start):\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "ancestors-already-connected": {
+            "count": 1,
+            "title": "Ancestors already connected",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Dynamic (child added on button click):\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "ancestors-already-connected": {
+            "count": 1,
+            "title": "Ancestors already connected",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Parameters are CSS selectors matched via element.matches() — e.g. "sonic-subscriber", "sonic-subscriber[dataProvider]", ".my-container", or multiple: "sonic-subscriber", "sonic-sdui".\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "css-selector-support": {
+            "count": 1,
+            "title": "CSS selector support",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "These decorators are particularly useful for:\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "use-cases": {
+            "count": 1,
+            "title": "Use cases",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "The sonic-connected event bubbles, so you can listen to it from anywhere:\n",
+    "files": {
+      "docs/_misc/wait-for-ancestors.md": {
+        "title": "@awaitConnectedAncestors and @dispatchConnectedEvent",
+        "hashes": {
+          "listening-to-the-connected-event": {
+            "count": 1,
+            "title": "Listening to the connected event",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
   }
 ]

package/src/tsconfig.json

@@ -734,15 +734,6 @@
       "./ui/theme": [
         "/sites/concorde/src/core/components/ui/theme/theme.ts"
       ],
-      "./message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
-      "./ui/message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
-      "./ui/toast/message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
       "./message-subscriber": [
         "/sites/concorde/src/core/components/ui/toast/message-subscriber.ts"
       ],
@@ -785,6 +776,9 @@
       "./decorators/Subscriber": [
         "/sites/concorde/src/core/decorators/Subscriber.ts"
       ],
+      "./decorators/lifecycle": [
+        "/sites/concorde/src/core/decorators/lifecycle.ts"
+      ],
       "./decorators/subscriber/ancestorAttribute": [
         "/sites/concorde/src/core/decorators/subscriber/ancestorAttribute.ts"
       ],

package/src/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/altchaStyles.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/decorators/subscriber/ancestorAttribute.ts","./core/decorators/subscriber/autoFill.ts","./core/decorators/subscriber/autoSubscribe.ts","./core/decorators/subscriber/bind.ts","./core/decorators/subscriber/common.ts","./core/decorators/subscriber/onAssign.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.9.2"}
+{"root":["./components.ts","./concorde-loaded.ts","./dataprovider.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/altchaStyles.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/decorators/lifecycle.ts","./core/decorators/subscriber/ancestorAttribute.ts","./core/decorators/subscriber/autoFill.ts","./core/decorators/subscriber/autoSubscribe.ts","./core/decorators/subscriber/bind.ts","./core/decorators/subscriber/common.ts","./core/decorators/subscriber/onAssign.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.9.2"}

package/src/utils.ts

@@ -14,9 +14,8 @@ import * as myLocationHandler from "@supersoniks/concorde/core/utils/LocationHan
 export const LocationHandler = myLocationHandler.default;
 import * as myObjects from "@supersoniks/concorde/core/utils/Objects";
 export const Objects = myObjects.default;
-import * as myPublisherProxy from "@supersoniks/concorde/core/utils/PublisherProxy";
-export const PublisherProxy = myPublisherProxy.default;
-export const PublisherManager = myPublisherProxy.PublisherManager;
+export * from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import * as myApi from "@supersoniks/concorde/core/utils/api";
 export const api = myApi.default;
 import * as myURLPattern from "@supersoniks/concorde/core/utils/url-pattern";
@@ -34,7 +33,6 @@ window["concorde-utils"] = {
   HTML: HTML,
   LocationHandler: LocationHandler,
   Objects: Objects,
-  PublisherProxy: PublisherProxy,
   PublisherManager: PublisherManager,
   api: api,
   URLPattern: URLPattern,

package/src/core/components/ui/toast/message-subscriber.stories.ts

@@ -1,43 +0,0 @@
-import {SonicToast} from "./toast";
-import "./message-subscriber";
-import "@supersoniks/concorde/core/components/ui/button/button";
-import {PublisherManager} from "@supersoniks/concorde/core/utils/PublisherProxy";
-import {html} from "lit";
-
-// More on default export: https://storybook.js.org/docs/web-components/writing-stories/introduction#default-export
-export default {
-  component: "sonic-toast-message-subscriber",
-  title: "core/components/ui/MessageSubscriber",
-  argTypes: {
-    status: {control: "select", options: ["success", "error", "warning", "info"]},
-  },
-};
-
-const Template: any = (conf: any) => {
-  setTimeout(() => {
-    SonicToast.removeAll();
-    PublisherManager.get("toast-message-exemple").messages = [
-      {content: "Chargé via un message", status: conf.status, type: "public"},
-    ];
-  }, 1);
-  return html`
-    <sonic-toast-message-subscriber dataProvider="toast-message-exemple"></sonic-toast-message-subscriber>
-    <!--
-  Cet exemple éxécute : 
-  PublisherManager.get("toast-message-exemple").messages=
-  [
-    {
-      content:"Chargé via un message", 
-      status:conf.status, 
-      type:"public"
-    }
-  ]
--->
-  `;
-};
-
-export const Example = Template.bind({
-  title: "SonicToast",
-  text: "The modern web is here!",
-  status: "success",
-});