@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.209

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Joy.js

@@ -0,0 +1,179 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function sheetElementJoyStyle() {
+    return css `
+:host {
+  --sheet-background-color: var(--joy-scheme-background);
+  --sheet-border-color: var(--joy-scheme-highlight);
+  --sheet-border-width: 2px;
+  --sheet-font-family: var(--joy-font-family);
+  --sheet-font-letter-spacing: var(--joy-typography-button-letter-spacing);
+  --sheet-font-line-height: var(--joy-typography-button-line-height);
+  --sheet-font-size: var(--joy-typography-button-font-size);
+  --sheet-font-text-decoration: var(--joy-typography-button-text-decoration);
+  --sheet-font-text-transform: var(--joy-typography-button-text-transform);
+  --sheet-font-weight: var(--joy-typography-button-font-weight);
+  --sheet-foreground-color: var(--joy-scheme-foreground);
+  --sheet-gap: unset;
+  --sheet-padding-bottom: 8px;
+  --sheet-padding-left: 16px;
+  --sheet-padding-right: 16px;
+  --sheet-padding-top: 8px;
+  --sheet-transition-duration: unset;
+  --sheet-transition-mode: unset;
+  --sheet-transition-property: unset;
+  --sheet-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host [part="root"] {
+  font-family: var(--sheet-font-family);
+  font-size: var(--sheet-font-size);
+  line-height: var(--sheet-font-line-height);
+  font-weight: var(--sheet-font-weight);
+  letter-spacing: var(--sheet-font-letter-spacing);
+  -webkit-text-decoration: var(--sheet-font-text-decoration);
+  text-decoration: var(--sheet-font-text-decoration);
+  text-transform: var(--sheet-font-text-transform);
+  background-color: var(--sheet-background-color);
+  border-color: var(--sheet-border-color);
+  color: var(--sheet-foreground-color);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 2147483001;
+  filter: drop-shadow(0 5px 15px #0000004d);
+  border-radius: 15px 15px 0 0;
+  grid-template-columns: 1fr;
+  width: 100%;
+  max-width: 414px;
+  min-height: 90px;
+  margin: 0 auto;
+  padding-bottom: 35px;
+  font-size: 15px;
+  transition: top .5s ease-in-out, opacity .8s ease-in-out, max-height .35s ease-in-out;
+  display: grid;
+  position: fixed;
+  inset: 0 0 auto;
+  overflow: hidden;
+  transform: translateY(100vh);
+}
+
+:host [part="root"] [part="heading"] {
+  position: relative;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"] {
+  box-sizing: border-box;
+  cursor: grab;
+  width: 100%;
+  height: 30px;
+  padding-top: 8px;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"]:active {
+  cursor: grabbing;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"]:before {
+  background: var(--sheet-border-color);
+  content: "";
+  border-radius: 3px;
+  width: 40px;
+  height: 5px;
+  margin: 0 auto;
+  display: block;
+}
+
+:host [part="root"] [part="heading"] [part="header"] {
+  grid-gap: 16px;
+  padding-left: var(--sheet-padding-left);
+  padding-right: var(--sheet-padding-right);
+  padding-bottom: var(--sheet-padding-bottom);
+  grid-template-columns: max-content 1fr max-content;
+  padding-top: 0;
+  display: grid;
+}
+
+:host [part="root"] [part="heading"] [part="header"] [part="headerText"] {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+}
+
+:host [part="root"] [part="heading"]:after {
+  content: "";
+  height: calc(var(--sheet-border-width) / 2);
+  background-color: var(--sheet-border-color);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="root"] [part="content"] {
+  padding-left: var(--sheet-padding-left);
+  padding-right: var(--sheet-padding-right);
+  padding-bottom: var(--sheet-padding-bottom);
+  padding-top: var(--sheet-padding-top);
+  overflow: auto;
+}
+
+:host [part="root"] [part="content"] [part="contentText"] {
+  text-overflow: ellipsis;
+  text-align: left;
+  -webkit-box-orient: vertical;
+  grid-column: 1 / 3;
+  max-height: 150px;
+  margin: 0 0 15px;
+  padding: 15px 20px 0;
+  font-weight: 400;
+  line-height: 20px;
+  display: -webkit-box;
+  overflow: hidden auto;
+}
+
+:host([is-open]) [part="root"] {
+  opacity: 1;
+  visibility: visible;
+  top: 12px;
+  transform: translateY(calc(100vh - 74px));
+}
+
+    `;
+}
+//# sourceMappingURL=SheetElement.Joy.js.map

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Sheet/Themes/SheetElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmKT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function sheetElementMemphisStyle(): CSSResult;
+//# sourceMappingURL=SheetElement.Memphis.d.ts.map

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAsKpD"}

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.js

@@ -0,0 +1,180 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function sheetElementMemphisStyle() {
+    return css `
+:host {
+  --sheet-background-color: var(--memphis-scheme-background);
+  --sheet-border-color: var(--memphis-scheme-contrast);
+  --sheet-border-width: var(--memphis-layout-thickness);
+  --sheet-font-family: var(--memphis-typography-button-font-family);
+  --sheet-font-letter-spacing: var(--memphis-typography-button-letter-spacing);
+  --sheet-font-line-height: var(--memphis-typography-button-line-height);
+  --sheet-font-size: var(--memphis-typography-button-font-size);
+  --sheet-font-text-decoration: var(--memphis-typography-button-text-decoration);
+  --sheet-font-text-transform: var(--memphis-typography-button-text-transform);
+  --sheet-font-weight: var(--memphis-typography-button-font-weight);
+  --sheet-foreground-color: var(--memphis-scheme-foreground);
+  --sheet-gap: var(--memphis-layout-space);
+  --sheet-padding-bottom: calc(var(--memphis-layout-space) * 1.5);
+  --sheet-padding-left: calc(var(--memphis-layout-space) * 2);
+  --sheet-padding-right: calc(var(--memphis-layout-space) * 2);
+  --sheet-padding-top: var(--memphis-layout-space);
+  --sheet-transition-duration: var(--memphis-duration-short);
+  --sheet-transition-mode: ease;
+  --sheet-transition-property: transform, opacity, visibility;
+  --sheet-translate: none;
+  --sheet-translate-y: 100vh;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host [part="root"] {
+  font-family: var(--sheet-font-family);
+  font-size: var(--sheet-font-size);
+  line-height: var(--sheet-font-line-height);
+  font-weight: var(--sheet-font-weight);
+  letter-spacing: var(--sheet-font-letter-spacing);
+  -webkit-text-decoration: var(--sheet-font-text-decoration);
+  text-decoration: var(--sheet-font-text-decoration);
+  text-transform: var(--sheet-font-text-transform);
+  background-color: var(--sheet-background-color);
+  border-color: var(--sheet-border-color);
+  color: var(--sheet-foreground-color);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 2147483001;
+  filter: drop-shadow(0 5px 15px #0000004d);
+  border-radius: 15px 15px 0 0;
+  grid-template-columns: 1fr;
+  width: 100%;
+  max-width: 414px;
+  min-height: 90px;
+  margin: 0 auto;
+  padding-bottom: 35px;
+  font-size: 15px;
+  transition: top .5s ease-in-out, opacity .8s ease-in-out, max-height .35s ease-in-out;
+  display: grid;
+  position: fixed;
+  inset: 0 0 auto;
+  overflow: hidden;
+  transform: translateY(100vh);
+}
+
+:host [part="root"] [part="heading"] {
+  position: relative;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"] {
+  box-sizing: border-box;
+  cursor: grab;
+  width: 100%;
+  height: 30px;
+  padding-top: 8px;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"]:active {
+  cursor: grabbing;
+}
+
+:host [part="root"] [part="heading"] [part="thumb"]:before {
+  background: var(--sheet-border-color);
+  content: "";
+  border-radius: 3px;
+  width: 40px;
+  height: 5px;
+  margin: 0 auto;
+  display: block;
+}
+
+:host [part="root"] [part="heading"] [part="header"] {
+  grid-gap: 16px;
+  padding-left: var(--sheet-padding-left);
+  padding-right: var(--sheet-padding-right);
+  padding-bottom: var(--sheet-padding-bottom);
+  grid-template-columns: max-content 1fr max-content;
+  padding-top: 0;
+  display: grid;
+}
+
+:host [part="root"] [part="heading"] [part="header"] [part="headerText"] {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+}
+
+:host [part="root"] [part="heading"]:after {
+  content: "";
+  height: calc(var(--sheet-border-width) / 2);
+  background-color: var(--sheet-border-color);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="root"] [part="content"] {
+  padding-left: var(--sheet-padding-left);
+  padding-right: var(--sheet-padding-right);
+  padding-bottom: var(--sheet-padding-bottom);
+  padding-top: var(--sheet-padding-top);
+  overflow: auto;
+}
+
+:host [part="root"] [part="content"] [part="contentText"] {
+  text-overflow: ellipsis;
+  text-align: left;
+  -webkit-box-orient: vertical;
+  grid-column: 1 / 3;
+  max-height: 150px;
+  margin: 0 0 15px;
+  padding: 15px 20px 0;
+  font-weight: 400;
+  line-height: 20px;
+  display: -webkit-box;
+  overflow: hidden auto;
+}
+
+:host([is-open]) [part="root"] {
+  opacity: 1;
+  visibility: visible;
+  top: 12px;
+  transform: translateY(calc(100vh - 74px));
+}
+
+    `;
+}
+//# sourceMappingURL=SheetElement.Memphis.js.map

package/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Sheet/Themes/SheetElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/IToastServiceConfig.d.ts

@@ -0,0 +1,30 @@
+import type { IOverlayBehavior } from '../Abstracts/IOverlayBehavior';
+import type { IOverlayServiceConfig } from '../Abstracts/IOverlayServiceConfig';
+import type { IToastRef, IToastOptions } from './ToastService';
+/**
+ * Toast behavior type.
+ *
+ * @public
+ */
+export type IToastBehavior = IOverlayBehavior<IToastRef, IToastOptions>;
+/**
+ * Configuration for the toast service.
+ * Extends the base overlay service config with toast-specific options.
+ *
+ * @public
+ */
+export interface IToastServiceConfig extends IOverlayServiceConfig<IToastBehavior> {
+    /**
+     * Whether to close toasts when navigating away (popstate event).
+     *
+     * @default true
+     */
+    readonly closeOnNavigation?: boolean;
+}
+/**
+ * Default configuration for the toast service.
+ *
+ * @public
+ */
+export declare const TOAST_SERVICE_DEFAULT_CONFIG: IToastServiceConfig;
+//# sourceMappingURL=IToastServiceConfig.d.ts.map

package/Controls/Components/Overlays/Toast/IToastServiceConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToastServiceConfig.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastServiceConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AAExE;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,cAAc,CAAC;IAI9E;;;;OAIG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAIxC;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,EAAE,mBAG1C,CAAC"}

package/Controls/Components/Overlays/Toast/IToastServiceConfig.js

@@ -0,0 +1,11 @@
+// #region Imports
+/**
+ * Default configuration for the toast service.
+ *
+ * @public
+ */
+export const TOAST_SERVICE_DEFAULT_CONFIG = {
+    behaviors: [],
+    closeOnNavigation: true
+};
+//# sourceMappingURL=IToastServiceConfig.js.map

package/Controls/Components/Overlays/Toast/IToastServiceConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToastServiceConfig.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastServiceConfig.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAoClB;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAwB;IAC7D,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,IAAI;CAC1B,CAAC"}

package/Controls/Components/Overlays/Toast/ToastElement.d.ts

@@ -76,6 +76,15 @@ export declare class ToastElement extends ToastElement_base implements IToastEle
     get showProgress(): boolean;
     set showProgress(value: boolean);
     private set intervalTick(value);
+    /**
+     * Gets the animation target element.
+     * For the toast, animations are applied to the root template part instead of the host element.
+     *
+     * @public
+     * @override
+     * @readonly
+     */
+    get animationTarget(): HTMLElement;
     /**
      * Opens the `ToastElement`.
      *
@@ -105,6 +114,14 @@ export declare class ToastElement extends ToastElement_base implements IToastEle
      * @override
      */
     protected onApplyTemplate(): void;
+    /**
+     * Handles the backdrop click event.
+     * Only closes the toast if `clickOutsideToClose` is enabled.
+     *
+     * @private
+     * @template
+     */
+    onBackdrop(): void;
     /**
      * @protected
      */

package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAQ7E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAO/D;;;;;;;;GAQG;AACH,qBAiBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,WAAW;IAI1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,qBAAqB,CAAoC;IAMjE;;OAEG;;IAsBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAcD,OAAO,KAAK,YAAY,QAKvB;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAQ/C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAc1C;;OAEG;IAEH,SAAS,CAAC,6BAA6B,IAAI,IAAI;CAUlD;AAED;;EAEE;AACF,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAQ7E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAO/D;;;;;;;;GAQG;AACH,qBAiBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,WAAW;IAI1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,qBAAqB,CAAoC;IAMjE;;OAEG;;IAsBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAcD,OAAO,KAAK,YAAY,QAKvB;IAED;;;;;;;OAOG;IACH,IAAoB,eAAe,IAAI,WAAW,CAEjD;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAQ/C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAc1C;;;;;;OAMG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IAEH,SAAS,CAAC,6BAA6B,IAAI,IAAI;CAUlD;AAED;;EAEE;AACF,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Overlays/Toast/ToastElement.js

@@ -179,6 +179,17 @@ let ToastElement = class ToastElement extends Themeable(Animatable(Variantable(T
             this.requestUpdate('intervalTick');
         }
     }
+    /**
+     * Gets the animation target element.
+     * For the toast, animations are applied to the root template part instead of the host element.
+     *
+     * @public
+     * @override
+     * @readonly
+     */
+    get animationTarget() {
+        return this.getTemplatePart('root');
+    }
     // #endregion
     // #region Methods
     /**
@@ -239,6 +250,18 @@ let ToastElement = class ToastElement extends Themeable(Animatable(Variantable(T
             this._interval.start();
         });
     }
+    /**
+     * Handles the backdrop click event.
+     * Only closes the toast if `clickOutsideToClose` is enabled.
+     *
+     * @private
+     * @template
+     */
+    onBackdrop() {
+        if (this.clickOutsideToClose) {
+            void this.close();
+        }
+    }
     /**
      * @protected
      */
@@ -272,7 +295,10 @@ __decorate([
     __metadata("design:paramtypes", [String])
 ], ToastElement.prototype, "position", null);
 __decorate([
-    Attribute({ type: Boolean, useDefault: true }),
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], ToastElement.prototype, "showProgress", null);

package/Controls/Components/Overlays/Toast/ToastElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToastElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Overlays/Toast/ToastElementTemplate.js

@@ -16,7 +16,7 @@ export function toastElementTemplate(e) {
         ${when(e.hasBackdrop, () => html `
         <mosaik-backdrop part="backdrop"
                          ?hidden="${!e.isOpen}"
-                         @click="${() => e.close()}"></mosaik-backdrop>
+                         @click="${() => e.onBackdrop()}"></mosaik-backdrop>
         `)}
 
         <div part="root">

package/Controls/Components/Overlays/Toast/ToastElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAyB,CAAI;IAC7D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEJ,CAAC,CAAC,CAAC,MAAM;mCACV,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;SACzC,CAAC;;;0CAGgC,WAAW,CAAC,UAAU;gDAChB,iBAAiB,CAAC,MAAM;iCACvC,MAAM;kBACrB,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oDAES,KAAK;iDACR,MAAM;kDACL,CAAC,CAAC,OAAO;0DACD,IAAI;iBAC7C,CAAC;6CAC2B,WAAW,CAAC,QAAQ;;0CAEvB,CAAC,CAAC,MAAM;8CACJ,IAAI;;0CAER,CAAC,CAAC,OAAO;8CACL,CAAC;0CACL,IAAI;;;kBAG5B,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;yCACL,OAAO;8CACF,UAAU,CAAC,KAAK;2CACnB,CAAC,CAAC,OAAO;yCACX,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;iBACvC,CAAC;;cAEJ,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;qDAET,WAAW,CAAC,UAAU;iDAC1B,CAAC,CAAC,OAAO;+CACX,CAAC,CAAC,YAAY;iDACZ,OAAO,CAAC,OAAO;aACnD,CAAC;;KAET,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAyB,CAAI;IAC7D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEJ,CAAC,CAAC,CAAC,MAAM;mCACV,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;SAC9C,CAAC;;;0CAGgC,WAAW,CAAC,UAAU;gDAChB,iBAAiB,CAAC,MAAM;iCACvC,MAAM;kBACrB,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oDAES,KAAK;iDACR,MAAM;kDACL,CAAC,CAAC,OAAO;0DACD,IAAI;iBAC7C,CAAC;6CAC2B,WAAW,CAAC,QAAQ;;0CAEvB,CAAC,CAAC,MAAM;8CACJ,IAAI;;0CAER,CAAC,CAAC,OAAO;8CACL,CAAC;0CACL,IAAI;;;kBAG5B,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;yCACL,OAAO;8CACF,UAAU,CAAC,KAAK;2CACnB,CAAC,CAAC,OAAO;yCACX,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;iBACvC,CAAC;;cAEJ,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;qDAET,WAAW,CAAC,UAAU;iDAC1B,CAAC,CAAC,OAAO;+CACX,CAAC,CAAC,YAAY;iDACZ,OAAO,CAAC,OAAO;aACnD,CAAC;;KAET,CAAC;AACN,CAAC"}