vue-toastflow 1.2.0-beta.0 → 1.2.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/toastflow.es.js +2 -2
  2. package/dist/toastflow.umd.js +2 -2
  3. package/dist/vue-toastflow.css +182 -170
  4. package/package.json +2 -2
  5. package/src/components/Toast.vue +10 -4
  6. package/src/styles.css +182 -170
package/dist/toastflow.es.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`:root{--tf-toast-font-family:inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius:12px;--tf-toast-border-width:1px;--tf-toast-padding:16px;--tf-toast-gap:10px;--tf-toast-buttons-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top:8px;--tf-toast-stack-padding-right:8px;--tf-toast-stack-padding-bottom:18px;--tf-toast-stack-padding-left:0;--tf-toast-title-font-size:14px;--tf-toast-title-font-weight:600;--tf-toast-title-line-height:1.25;--tf-toast-description-font-size:13px;--tf-toast-description-line-height:1.4;--tf-toast-float-x:.4;--tf-toast-float-y:-.4;--tf-toast-created-at-font-size:11px;--tf-toast-created-at-offset:0;--tf-toast-created-at-padding-x:8px;--tf-toast-created-at-border-radius:999px;--tf-toast-close-size:18px;--tf-toast-close-icon-size:12px;--tf-toast-close-border-width:var(--tf-toast-border-width);--tf-toast-close-border-radius:var(--tf-toast-border-radius);--tf-toast-close-font-size:11px;--tf-toast-button-font-size:12px;--tf-toast-button-line-height:1;--tf-toast-button-padding-y:7px;--tf-toast-button-padding-x:9px;--tf-toast-button-border-radius:10px;--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-icon-size:24px;--tf-toast-icon-loading:var(--tf-toast-loading-text-default);--tf-toast-icon-default:var(--tf-toast-normal-text-default);--tf-toast-icon-success:var(--tf-toast-success-text-default);--tf-toast-icon-error:var(--tf-toast-error-text-default);--tf-toast-icon-warning:var(--tf-toast-warning-text-default);--tf-toast-icon-info:var(--tf-toast-info-text-default);--tf-toast-icon-custom:var(--tf-toast-normal-text-default);--tf-toast-progress-height:4px;--tf-toast-progress-border-radius:var(--tf-toast-border-radius);--tf-toast-progress-duration:5s;--tf-toast-normal-bg-default:#fff;--tf-toast-normal-border-default:#e6e8eb;--tf-toast-normal-text-default:#11181c;--tf-toast-normal-progress-bar-bg-default:var(--tf-toast-normal-text-default);--tf-toast-normal-progress-bg-default:color-mix(in srgb, var(--tf-toast-normal-text-default) 20%, transparent);--tf-toast-normal-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default:var(--tf-toast-normal-text-default);--tf-toast-loading-bg-default:#fffbeb;--tf-toast-loading-border-default:#fff1c2;--tf-toast-loading-text-default:#a36d00;--tf-toast-loading-progress-bar-bg-default:var(--tf-toast-loading-text-default);--tf-toast-loading-progress-bg-default:color-mix(in srgb, var(--tf-toast-loading-text-default) 20%, transparent);--tf-toast-loading-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default:var(--tf-toast-loading-text-default);--tf-toast-success-bg-default:#ecfdf3;--tf-toast-success-border-default:#bffcd9;--tf-toast-success-text-default:#008a2e;--tf-toast-success-progress-bar-bg-default:var(--tf-toast-success-text-default);--tf-toast-success-progress-bg-default:color-mix(in srgb, var(--tf-toast-success-text-default) 20%, transparent);--tf-toast-success-color-default:var(--tf-toast-success-text-default);--tf-toast-success-title-color-default:var(--tf-toast-success-text-default);--tf-toast-success-description-color-default:var(--tf-toast-success-text-default);--tf-toast-info-bg-default:#f0f8ff;--tf-toast-info-border-default:#dde7fd;--tf-toast-info-text-default:#0973dc;--tf-toast-info-progress-bar-bg-default:var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default:color-mix(in srgb, var(--tf-toast-info-text-default) 20%, transparent);--tf-toast-info-color-default:var(--tf-toast-info-text-default);--tf-toast-info-title-color-default:var(--tf-toast-info-text-default);--tf-toast-info-description-color-default:var(--tf-toast-info-text-default);--tf-toast-warning-bg-default:#fffcf0;--tf-toast-warning-border-default:#fbeeb1;--tf-toast-warning-text-default:#dc7609;--tf-toast-warning-progress-bar-bg-default:var(--tf-toast-warning-text-default);--tf-toast-warning-progress-bg-default:color-mix(in srgb, var(--tf-toast-warning-text-default) 20%, transparent);--tf-toast-warning-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default:var(--tf-toast-warning-text-default);--tf-toast-error-bg-default:#fff0f0;--tf-toast-error-border-default:#ffe0e1;--tf-toast-error-text-default:#e60000;--tf-toast-error-progress-bar-bg-default:var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default:color-mix(in srgb, var(--tf-toast-error-text-default) 20%, transparent);--tf-toast-error-color-default:var(--tf-toast-error-text-default);--tf-toast-error-title-color-default:var(--tf-toast-error-text-default);--tf-toast-error-description-color-default:var(--tf-toast-error-text-default);--tf-toast-motion-offset:10px;--tf-toast-animation-in-duration:.26s;--tf-toast-animation-out-duration:.22s}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset:-10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset:10px}.tf-toast-motion{transform-origin:50%;width:100%}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1), transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion,.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translate(0,0)scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease, transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22, 1, .36, 1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33, 1, .68, 1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-ab9c4177]{height:var(--tf-toast-progress-height);border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--_tf-resolved-progress-bg);width:100%}.tf-toast-progress-bar[data-v-ab9c4177]{background:var(--_tf-resolved-progress-bar-bg);transform-origin:0;width:100%;height:100%;animation-name:tf-toast-progress-rtl-ab9c4177;animation-duration:var(--tf-toast-progress-duration,5s);will-change:transform;animation-timing-function:linear;animation-fill-mode:forwards}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-ab9c4177]{transform-origin:100%;animation-name:tf-toast-progress-ltr-ab9c4177}@keyframes tf-toast-progress-rtl-ab9c4177{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-ab9c4177{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-b9d1f13b]{pointer-events:auto;width:100%}.tf-toast[data-v-b9d1f13b]{cursor:pointer;--_tf-resolved-bg:var(--tf-toast-bg,var(--_tf-bg,var(--tf-toast-normal-bg-default)));--_tf-resolved-color:var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-color,var(--tf-toast-normal-text-default))));--_tf-resolved-border:var(--tf-toast-border-color,var(--_tf-border-color,var(--tf-toast-normal-border-default)));--_tf-resolved-title-color:var(--tf-toast-title-color,var(--tf-toast-accent-color,var(--_tf-title-color,var(--_tf-resolved-color))));--_tf-resolved-desc-color:var(--tf-toast-description-color,var(--tf-toast-accent-color,var(--_tf-desc-color,var(--_tf-resolved-color))));--_tf-resolved-progress-bg:var(--tf-toast-progress-bg,var(--_tf-progress-bg,color-mix(in srgb, var(--_tf-resolved-color) 20%, transparent)));--_tf-resolved-progress-bar-bg:var(--tf-toast-progress-bar-bg,var(--tf-toast-accent-color,var(--_tf-progress-bar-bg,var(--_tf-resolved-color))));--tf-toast-button-color:var(--_tf-resolved-color);--tf-toast-button-border-color:var(--_tf-resolved-border);--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-button-bg:var(--_tf-resolved-bg);--tf-toast-close-color:var(--_tf-resolved-color);--tf-toast-close-border-color:var(--_tf-resolved-border);--tf-toast-close-bg:var(--_tf-resolved-bg);--tf-toast-close-ring-color:var(--tf-toast-close-border-color);--tf-toast-created-at-color:var(--_tf-resolved-desc-color);--tf-toast-created-at-border-color:var(--_tf-resolved-border);--tf-toast-created-at-bg:var(--_tf-resolved-bg);width:100%;position:relative}.tf-toast--swipe-enabled[data-v-b9d1f13b]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-b9d1f13b]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-b9d1f13b]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-b9d1f13b]{text-align:right}.tf-toast-accent--default[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-normal-bg-default);--_tf-color:var(--tf-toast-normal-color-default);--_tf-border-color:var(--tf-toast-normal-border-default);--_tf-title-color:var(--tf-toast-normal-title-color-default);--_tf-desc-color:var(--tf-toast-normal-description-color-default);--_tf-progress-bg:var(--tf-toast-normal-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-loading-bg-default);--_tf-color:var(--tf-toast-loading-color-default);--_tf-border-color:var(--tf-toast-loading-border-default);--_tf-title-color:var(--tf-toast-loading-title-color-default);--_tf-desc-color:var(--tf-toast-loading-description-color-default);--_tf-progress-bg:var(--tf-toast-loading-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-success-bg-default);--_tf-color:var(--tf-toast-success-color-default);--_tf-border-color:var(--tf-toast-success-border-default);--_tf-title-color:var(--tf-toast-success-title-color-default);--_tf-desc-color:var(--tf-toast-success-description-color-default);--_tf-progress-bg:var(--tf-toast-success-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-error-bg-default);--_tf-color:var(--tf-toast-error-color-default);--_tf-border-color:var(--tf-toast-error-border-default);--_tf-title-color:var(--tf-toast-error-title-color-default);--_tf-desc-color:var(--tf-toast-error-description-color-default);--_tf-progress-bg:var(--tf-toast-error-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-warning-bg-default);--_tf-color:var(--tf-toast-warning-color-default);--_tf-border-color:var(--tf-toast-warning-border-default);--_tf-title-color:var(--tf-toast-warning-title-color-default);--_tf-desc-color:var(--tf-toast-warning-description-color-default);--_tf-progress-bg:var(--tf-toast-warning-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-info-bg-default);--_tf-color:var(--tf-toast-info-color-default);--_tf-border-color:var(--tf-toast-info-border-default);--_tf-title-color:var(--tf-toast-info-title-color-default);--_tf-desc-color:var(--tf-toast-info-description-color-default);--_tf-progress-bg:var(--tf-toast-info-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-custom-bg-default,var(--tf-toast-normal-bg-default));--_tf-color:var(--tf-toast-custom-color-default,var(--tf-toast-normal-color-default));--_tf-border-color:var(--tf-toast-custom-border-default,var(--tf-toast-normal-border-default));--_tf-title-color:var(--tf-toast-custom-title-color-default,var(--tf-toast-normal-title-color-default));--_tf-desc-color:var(--tf-toast-custom-description-color-default,var(--tf-toast-normal-description-color-default));--_tf-progress-bg:var(--tf-toast-custom-progress-bg-default,var(--tf-toast-normal-progress-bg-default));--_tf-progress-bar-bg:var(--tf-toast-custom-progress-bar-bg-default,var(--tf-toast-normal-progress-bar-bg-default))}.tf-toast-surface[data-v-b9d1f13b]{min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--_tf-resolved-bg);color:var(--_tf-resolved-color);border:var(--tf-toast-border-width) solid var(--_tf-resolved-border);font-family:var(--tf-toast-font-family), sans-serif;display:block;position:relative;overflow:hidden}.tf-toast-main[data-v-b9d1f13b]{align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%;display:flex}.tf-toast-main--full>.tf-toast-main-content[data-v-b9d1f13b]{flex:100%;width:100%;min-width:0}.tf-toast-main--content-end>.tf-toast-main-content[data-v-b9d1f13b]{flex:0 auto;max-width:100%;margin-left:auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-b9d1f13b]{flex:0 auto;min-width:0}.tf-toast-main-content[data-v-b9d1f13b]{align-items:center;gap:var(--tf-toast-gap);flex:auto;min-width:0;display:flex}.tf-toast-meta[data-v-b9d1f13b]{gap:calc(var(--tf-toast-gap) / 2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.tf-toast-meta--left[data-v-b9d1f13b]{align-items:flex-start}.tf-toast-meta--right[data-v-b9d1f13b]{align-items:flex-end}.tf-toast-meta-row[data-v-b9d1f13b]{min-width:0;display:flex}.tf-toast-meta-row--top[data-v-b9d1f13b]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-b9d1f13b]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--end{margin-left:auto}[data-v-b9d1f13b] .tf-toast-actions{gap:var(--tf-toast-buttons-gap);flex-flow:wrap;display:flex}[data-v-b9d1f13b] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-b9d1f13b] .tf-toast-buttons--bottom{margin-top:auto}[data-v-b9d1f13b] .tf-toast-actions--start{justify-content:flex-start}[data-v-b9d1f13b] .tf-toast-actions--end{justify-content:flex-end}[data-v-b9d1f13b] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-b9d1f13b]{transform-origin:50%;animation:.8s linear infinite tf-toast-spin-b9d1f13b;display:inline-block}@keyframes tf-toast-spin-b9d1f13b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-b9d1f13b]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-custom,var(--tf-toast-icon-default)))}.tf-toast-body[data-v-b9d1f13b]{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.tf-toast-body--has-created-at[data-v-b9d1f13b]{column-gap:calc(var(--tf-toast-gap) / 2);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;display:grid}.tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-b9d1f13b]{min-width:0}.tf-toast-created-at[data-v-b9d1f13b]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;grid-area:1/2;place-self:end;font-style:italic}.tf-toast[data-align=right] .tf-toast-created-at[data-v-b9d1f13b]{text-align:right;justify-content:flex-end;width:100%;display:flex}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-b9d1f13b]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-b9d1f13b]{transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)), calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2;display:inline-flex;position:absolute;top:0;right:0}.tf-toast-created-at-float[data-v-b9d1f13b]{height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;pointer-events:none;align-items:center;font-style:italic;display:inline-flex}.tf-toast-title[data-v-b9d1f13b]{font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--_tf-resolved-title-color);word-wrap:break-word;margin:0}.tf-toast-description[data-v-b9d1f13b]{font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--_tf-resolved-desc-color);word-wrap:break-word;margin:0}.tf-toast-close[data-v-b9d1f13b]{height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);cursor:pointer;pointer-events:auto;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tf-toast-close-icon[data-v-b9d1f13b]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-b9d1f13b]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-b9d1f13b]{margin:0;position:absolute;bottom:0;left:0;right:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{align-items:flex-start;height:100%;display:flex;position:absolute}.tf-toast-stack-inner[data-v-c03eb678]{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.tf-toast-stack-inner--scroll[data-v-c03eb678]{overscroll-behavior:contain;max-height:100%;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left);overflow:hidden auto}.tf-toast-stack-inner--bottom[data-v-c03eb678]{justify-content:flex-end;min-height:100%}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;z-index:1;width:100%;position:relative}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
1
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@layer tf-defaults{:root{--tf-toast-font-family:inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius:12px;--tf-toast-border-width:1px;--tf-toast-padding:16px;--tf-toast-gap:10px;--tf-toast-buttons-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top:8px;--tf-toast-stack-padding-right:8px;--tf-toast-stack-padding-bottom:18px;--tf-toast-stack-padding-left:0;--tf-toast-title-font-size:14px;--tf-toast-title-font-weight:600;--tf-toast-title-line-height:1.25;--tf-toast-description-font-size:13px;--tf-toast-description-line-height:1.4;--tf-toast-float-x:.4;--tf-toast-float-y:-.4;--tf-toast-created-at-font-size:11px;--tf-toast-created-at-offset:0;--tf-toast-created-at-padding-x:8px;--tf-toast-created-at-border-radius:999px;--tf-toast-close-size:18px;--tf-toast-close-icon-size:12px;--tf-toast-close-border-width:var(--tf-toast-border-width);--tf-toast-close-border-radius:var(--tf-toast-border-radius);--tf-toast-close-font-size:11px;--tf-toast-button-font-size:12px;--tf-toast-button-line-height:1;--tf-toast-button-padding-y:7px;--tf-toast-button-padding-x:9px;--tf-toast-button-border-radius:10px;--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-icon-size:24px;--tf-toast-icon-loading:var(--tf-toast-loading-text-default);--tf-toast-icon-default:var(--tf-toast-normal-text-default);--tf-toast-icon-success:var(--tf-toast-success-text-default);--tf-toast-icon-error:var(--tf-toast-error-text-default);--tf-toast-icon-warning:var(--tf-toast-warning-text-default);--tf-toast-icon-info:var(--tf-toast-info-text-default);--tf-toast-icon-custom:var(--tf-toast-normal-text-default);--tf-toast-progress-height:4px;--tf-toast-progress-border-radius:var(--tf-toast-border-radius);--tf-toast-progress-duration:5s;--tf-toast-normal-bg-default:#fff;--tf-toast-normal-border-default:#e6e8eb;--tf-toast-normal-text-default:#11181c;--tf-toast-normal-progress-bar-bg-default:var(--tf-toast-normal-text-default);--tf-toast-normal-progress-bg-default:color-mix(in srgb, var(--tf-toast-normal-text-default) 20%, transparent);--tf-toast-normal-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default:var(--tf-toast-normal-text-default);--tf-toast-loading-bg-default:#fffbeb;--tf-toast-loading-border-default:#fff1c2;--tf-toast-loading-text-default:#a36d00;--tf-toast-loading-progress-bar-bg-default:var(--tf-toast-loading-text-default);--tf-toast-loading-progress-bg-default:color-mix(in srgb, var(--tf-toast-loading-text-default) 20%, transparent);--tf-toast-loading-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default:var(--tf-toast-loading-text-default);--tf-toast-success-bg-default:#ecfdf3;--tf-toast-success-border-default:#bffcd9;--tf-toast-success-text-default:#008a2e;--tf-toast-success-progress-bar-bg-default:var(--tf-toast-success-text-default);--tf-toast-success-progress-bg-default:color-mix(in srgb, var(--tf-toast-success-text-default) 20%, transparent);--tf-toast-success-color-default:var(--tf-toast-success-text-default);--tf-toast-success-title-color-default:var(--tf-toast-success-text-default);--tf-toast-success-description-color-default:var(--tf-toast-success-text-default);--tf-toast-info-bg-default:#f0f8ff;--tf-toast-info-border-default:#dde7fd;--tf-toast-info-text-default:#0973dc;--tf-toast-info-progress-bar-bg-default:var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default:color-mix(in srgb, var(--tf-toast-info-text-default) 20%, transparent);--tf-toast-info-color-default:var(--tf-toast-info-text-default);--tf-toast-info-title-color-default:var(--tf-toast-info-text-default);--tf-toast-info-description-color-default:var(--tf-toast-info-text-default);--tf-toast-warning-bg-default:#fffcf0;--tf-toast-warning-border-default:#fbeeb1;--tf-toast-warning-text-default:#dc7609;--tf-toast-warning-progress-bar-bg-default:var(--tf-toast-warning-text-default);--tf-toast-warning-progress-bg-default:color-mix(in srgb, var(--tf-toast-warning-text-default) 20%, transparent);--tf-toast-warning-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default:var(--tf-toast-warning-text-default);--tf-toast-error-bg-default:#fff0f0;--tf-toast-error-border-default:#ffe0e1;--tf-toast-error-text-default:#e60000;--tf-toast-error-progress-bar-bg-default:var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default:color-mix(in srgb, var(--tf-toast-error-text-default) 20%, transparent);--tf-toast-error-color-default:var(--tf-toast-error-text-default);--tf-toast-error-title-color-default:var(--tf-toast-error-text-default);--tf-toast-error-description-color-default:var(--tf-toast-error-text-default);--tf-toast-motion-offset:10px;--tf-toast-animation-in-duration:.26s;--tf-toast-animation-out-duration:.22s}}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset:-10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset:10px}.tf-toast-motion{transform-origin:50%;width:100%}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1), transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion,.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translate(0,0)scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease, transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22, 1, .36, 1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33, 1, .68, 1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-ab9c4177]{height:var(--tf-toast-progress-height);border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--_tf-resolved-progress-bg);width:100%}.tf-toast-progress-bar[data-v-ab9c4177]{background:var(--_tf-resolved-progress-bar-bg);transform-origin:0;width:100%;height:100%;animation-name:tf-toast-progress-rtl-ab9c4177;animation-duration:var(--tf-toast-progress-duration,5s);will-change:transform;animation-timing-function:linear;animation-fill-mode:forwards}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-ab9c4177]{transform-origin:100%;animation-name:tf-toast-progress-ltr-ab9c4177}@keyframes tf-toast-progress-rtl-ab9c4177{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-ab9c4177{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-a5e7e007]{pointer-events:auto;width:100%}.tf-toast[data-v-a5e7e007]{cursor:pointer;--_tf-resolved-bg:var(--tf-toast-bg,var(--_tf-bg,var(--tf-toast-normal-bg-default)));--_tf-resolved-color:var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-color,var(--tf-toast-normal-text-default))));--_tf-resolved-border:var(--tf-toast-border-color,var(--_tf-border-color,var(--tf-toast-normal-border-default)));--_tf-resolved-title-color:var(--tf-toast-title-color,var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-title-color,var(--_tf-resolved-color)))));--_tf-resolved-desc-color:var(--tf-toast-description-color,var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-desc-color,var(--_tf-resolved-color)))));--_tf-resolved-progress-bg:var(--tf-toast-progress-bg,var(--_tf-progress-bg,color-mix(in srgb, var(--_tf-resolved-color) 20%, transparent)));--_tf-resolved-progress-bar-bg:var(--tf-toast-progress-bar-bg,var(--tf-toast-accent-color,var(--_tf-progress-bar-bg,var(--_tf-resolved-color))));--tf-toast-button-color:var(--_tf-resolved-color);--tf-toast-button-border-color:var(--_tf-resolved-border);--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-button-bg:var(--_tf-resolved-bg);--tf-toast-close-color:var(--_tf-resolved-color);--tf-toast-close-border-color:var(--_tf-resolved-border);--tf-toast-close-bg:var(--_tf-resolved-bg);--tf-toast-close-ring-color:var(--tf-toast-close-border-color);--tf-toast-created-at-color:var(--_tf-resolved-desc-color);--tf-toast-created-at-border-color:var(--_tf-resolved-border);--tf-toast-created-at-bg:var(--_tf-resolved-bg);width:100%;position:relative}.tf-toast--swipe-enabled[data-v-a5e7e007]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-a5e7e007]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-a5e7e007]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-a5e7e007]{text-align:right}.tf-toast-accent--default[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-normal-bg-default);--_tf-color:var(--tf-toast-normal-color-default);--_tf-border-color:var(--tf-toast-normal-border-default);--_tf-title-color:var(--tf-toast-normal-title-color-default);--_tf-desc-color:var(--tf-toast-normal-description-color-default);--_tf-progress-bg:var(--tf-toast-normal-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-loading-bg-default);--_tf-color:var(--tf-toast-loading-color-default);--_tf-border-color:var(--tf-toast-loading-border-default);--_tf-title-color:var(--tf-toast-loading-title-color-default);--_tf-desc-color:var(--tf-toast-loading-description-color-default);--_tf-progress-bg:var(--tf-toast-loading-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-success-bg-default);--_tf-color:var(--tf-toast-success-color-default);--_tf-border-color:var(--tf-toast-success-border-default);--_tf-title-color:var(--tf-toast-success-title-color-default);--_tf-desc-color:var(--tf-toast-success-description-color-default);--_tf-progress-bg:var(--tf-toast-success-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-error-bg-default);--_tf-color:var(--tf-toast-error-color-default);--_tf-border-color:var(--tf-toast-error-border-default);--_tf-title-color:var(--tf-toast-error-title-color-default);--_tf-desc-color:var(--tf-toast-error-description-color-default);--_tf-progress-bg:var(--tf-toast-error-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-warning-bg-default);--_tf-color:var(--tf-toast-warning-color-default);--_tf-border-color:var(--tf-toast-warning-border-default);--_tf-title-color:var(--tf-toast-warning-title-color-default);--_tf-desc-color:var(--tf-toast-warning-description-color-default);--_tf-progress-bg:var(--tf-toast-warning-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-info-bg-default);--_tf-color:var(--tf-toast-info-color-default);--_tf-border-color:var(--tf-toast-info-border-default);--_tf-title-color:var(--tf-toast-info-title-color-default);--_tf-desc-color:var(--tf-toast-info-description-color-default);--_tf-progress-bg:var(--tf-toast-info-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-custom-bg-default,var(--tf-toast-normal-bg-default));--_tf-color:var(--tf-toast-custom-color-default,var(--tf-toast-normal-color-default));--_tf-border-color:var(--tf-toast-custom-border-default,var(--tf-toast-normal-border-default));--_tf-title-color:var(--tf-toast-custom-title-color-default,var(--tf-toast-normal-title-color-default));--_tf-desc-color:var(--tf-toast-custom-description-color-default,var(--tf-toast-normal-description-color-default));--_tf-progress-bg:var(--tf-toast-custom-progress-bg-default,var(--tf-toast-normal-progress-bg-default));--_tf-progress-bar-bg:var(--tf-toast-custom-progress-bar-bg-default,var(--tf-toast-normal-progress-bar-bg-default))}.tf-toast-surface[data-v-a5e7e007]{min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--_tf-resolved-bg);color:var(--_tf-resolved-color);border:var(--tf-toast-border-width) solid var(--_tf-resolved-border);font-family:var(--tf-toast-font-family), sans-serif;display:block;position:relative;overflow:hidden}.tf-toast-main[data-v-a5e7e007]{align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%;display:flex}.tf-toast-main--full>.tf-toast-main-content[data-v-a5e7e007]{flex:100%;width:100%;min-width:0}.tf-toast-main--content-end>.tf-toast-main-content[data-v-a5e7e007]{flex:0 auto;max-width:100%;margin-left:auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-a5e7e007]{flex:0 auto;min-width:0}.tf-toast-main-content[data-v-a5e7e007]{align-items:center;gap:var(--tf-toast-gap);flex:auto;min-width:0;display:flex}.tf-toast-meta[data-v-a5e7e007]{gap:calc(var(--tf-toast-gap) / 2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.tf-toast-meta--left[data-v-a5e7e007]{align-items:flex-start}.tf-toast-meta--right[data-v-a5e7e007]{align-items:flex-end}.tf-toast-meta-row[data-v-a5e7e007]{min-width:0;display:flex}.tf-toast-meta-row--top[data-v-a5e7e007]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-a5e7e007]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-a5e7e007] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-a5e7e007] .tf-toast-actions--end{margin-left:auto}[data-v-a5e7e007] .tf-toast-actions{gap:var(--tf-toast-buttons-gap);flex-flow:wrap;display:flex}[data-v-a5e7e007] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-a5e7e007] .tf-toast-buttons--bottom{margin-top:auto}[data-v-a5e7e007] .tf-toast-actions--start{justify-content:flex-start}[data-v-a5e7e007] .tf-toast-actions--end{justify-content:flex-end}[data-v-a5e7e007] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-a5e7e007]{transform-origin:50%;animation:.8s linear infinite tf-toast-spin-a5e7e007;display:inline-block}@keyframes tf-toast-spin-a5e7e007{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-a5e7e007]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-custom,var(--tf-toast-icon-default)))}.tf-toast-body[data-v-a5e7e007]{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.tf-toast-body--has-created-at[data-v-a5e7e007]{column-gap:calc(var(--tf-toast-gap) / 2);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;display:grid}.tf-toast-body--has-created-at[data-v-a5e7e007]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-a5e7e007]{min-width:0}.tf-toast-created-at[data-v-a5e7e007]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;grid-area:1/2;place-self:end;font-style:italic}.tf-toast[data-align=right] .tf-toast-created-at[data-v-a5e7e007]{text-align:right;justify-content:flex-end;width:100%;display:flex}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-a5e7e007]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-a5e7e007]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-a5e7e007]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-a5e7e007]{transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)), calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2;display:inline-flex;position:absolute;top:0;right:0}.tf-toast-created-at-float[data-v-a5e7e007]{height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;pointer-events:none;align-items:center;font-style:italic;display:inline-flex}.tf-toast-title[data-v-a5e7e007]{font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--_tf-resolved-title-color);word-wrap:break-word;margin:0}.tf-toast-description[data-v-a5e7e007]{font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--_tf-resolved-desc-color);word-wrap:break-word;margin:0}.tf-toast-close[data-v-a5e7e007]{height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);cursor:pointer;pointer-events:auto;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tf-toast-close-icon[data-v-a5e7e007]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-a5e7e007]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-a5e7e007]{margin:0;position:absolute;bottom:0;left:0;right:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{align-items:flex-start;height:100%;display:flex;position:absolute}.tf-toast-stack-inner[data-v-c03eb678]{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.tf-toast-stack-inner--scroll[data-v-c03eb678]{overscroll-behavior:contain;max-height:100%;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left);overflow:hidden auto}.tf-toast-stack-inner--bottom[data-v-c03eb678]{justify-content:flex-end;min-height:100%}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;z-index:1;width:100%;position:relative}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
2
  import { VALID_TOAST_TYPES as e, createToastStore as t, defaultCreatedAtFormatter as n, isNumberFinite as r } from "toastflow-core";
3
3
  import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, onBeforeUpdate as g, onMounted as _, onUnmounted as ee, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, toRefs as w, unref as T, watch as E, withCtx as D, withModifiers as O } from "vue";
4
4
  export * from "toastflow-core";
@@ -816,7 +816,7 @@ var we = /* @__PURE__ */ z(xe, [["render", Ce]]), Te = ["role", "aria-live"], Ee
816
816
  "aria-hidden": "true"
817
817
  })], !0)], 2)) : c("", !0)])) : c("", !0)], 46, Ee)], 12, Te));
818
818
  }
819
- }), [["__scopeId", "data-v-b9d1f13b"]]), Ye = ["data-position"], Xe = 260, Ze = 220, Qe = /* @__PURE__ */ z(/* @__PURE__ */ f({
819
+ }), [["__scopeId", "data-v-a5e7e007"]]), Ye = ["data-position"], Xe = 260, Ze = 220, Qe = /* @__PURE__ */ z(/* @__PURE__ */ f({
820
820
  __name: "ToastContainer",
821
821
  setup(e) {
822
822
  let t = [
package/dist/toastflow.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`:root{--tf-toast-font-family:inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius:12px;--tf-toast-border-width:1px;--tf-toast-padding:16px;--tf-toast-gap:10px;--tf-toast-buttons-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top:8px;--tf-toast-stack-padding-right:8px;--tf-toast-stack-padding-bottom:18px;--tf-toast-stack-padding-left:0;--tf-toast-title-font-size:14px;--tf-toast-title-font-weight:600;--tf-toast-title-line-height:1.25;--tf-toast-description-font-size:13px;--tf-toast-description-line-height:1.4;--tf-toast-float-x:.4;--tf-toast-float-y:-.4;--tf-toast-created-at-font-size:11px;--tf-toast-created-at-offset:0;--tf-toast-created-at-padding-x:8px;--tf-toast-created-at-border-radius:999px;--tf-toast-close-size:18px;--tf-toast-close-icon-size:12px;--tf-toast-close-border-width:var(--tf-toast-border-width);--tf-toast-close-border-radius:var(--tf-toast-border-radius);--tf-toast-close-font-size:11px;--tf-toast-button-font-size:12px;--tf-toast-button-line-height:1;--tf-toast-button-padding-y:7px;--tf-toast-button-padding-x:9px;--tf-toast-button-border-radius:10px;--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-icon-size:24px;--tf-toast-icon-loading:var(--tf-toast-loading-text-default);--tf-toast-icon-default:var(--tf-toast-normal-text-default);--tf-toast-icon-success:var(--tf-toast-success-text-default);--tf-toast-icon-error:var(--tf-toast-error-text-default);--tf-toast-icon-warning:var(--tf-toast-warning-text-default);--tf-toast-icon-info:var(--tf-toast-info-text-default);--tf-toast-icon-custom:var(--tf-toast-normal-text-default);--tf-toast-progress-height:4px;--tf-toast-progress-border-radius:var(--tf-toast-border-radius);--tf-toast-progress-duration:5s;--tf-toast-normal-bg-default:#fff;--tf-toast-normal-border-default:#e6e8eb;--tf-toast-normal-text-default:#11181c;--tf-toast-normal-progress-bar-bg-default:var(--tf-toast-normal-text-default);--tf-toast-normal-progress-bg-default:color-mix(in srgb, var(--tf-toast-normal-text-default) 20%, transparent);--tf-toast-normal-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default:var(--tf-toast-normal-text-default);--tf-toast-loading-bg-default:#fffbeb;--tf-toast-loading-border-default:#fff1c2;--tf-toast-loading-text-default:#a36d00;--tf-toast-loading-progress-bar-bg-default:var(--tf-toast-loading-text-default);--tf-toast-loading-progress-bg-default:color-mix(in srgb, var(--tf-toast-loading-text-default) 20%, transparent);--tf-toast-loading-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default:var(--tf-toast-loading-text-default);--tf-toast-success-bg-default:#ecfdf3;--tf-toast-success-border-default:#bffcd9;--tf-toast-success-text-default:#008a2e;--tf-toast-success-progress-bar-bg-default:var(--tf-toast-success-text-default);--tf-toast-success-progress-bg-default:color-mix(in srgb, var(--tf-toast-success-text-default) 20%, transparent);--tf-toast-success-color-default:var(--tf-toast-success-text-default);--tf-toast-success-title-color-default:var(--tf-toast-success-text-default);--tf-toast-success-description-color-default:var(--tf-toast-success-text-default);--tf-toast-info-bg-default:#f0f8ff;--tf-toast-info-border-default:#dde7fd;--tf-toast-info-text-default:#0973dc;--tf-toast-info-progress-bar-bg-default:var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default:color-mix(in srgb, var(--tf-toast-info-text-default) 20%, transparent);--tf-toast-info-color-default:var(--tf-toast-info-text-default);--tf-toast-info-title-color-default:var(--tf-toast-info-text-default);--tf-toast-info-description-color-default:var(--tf-toast-info-text-default);--tf-toast-warning-bg-default:#fffcf0;--tf-toast-warning-border-default:#fbeeb1;--tf-toast-warning-text-default:#dc7609;--tf-toast-warning-progress-bar-bg-default:var(--tf-toast-warning-text-default);--tf-toast-warning-progress-bg-default:color-mix(in srgb, var(--tf-toast-warning-text-default) 20%, transparent);--tf-toast-warning-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default:var(--tf-toast-warning-text-default);--tf-toast-error-bg-default:#fff0f0;--tf-toast-error-border-default:#ffe0e1;--tf-toast-error-text-default:#e60000;--tf-toast-error-progress-bar-bg-default:var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default:color-mix(in srgb, var(--tf-toast-error-text-default) 20%, transparent);--tf-toast-error-color-default:var(--tf-toast-error-text-default);--tf-toast-error-title-color-default:var(--tf-toast-error-text-default);--tf-toast-error-description-color-default:var(--tf-toast-error-text-default);--tf-toast-motion-offset:10px;--tf-toast-animation-in-duration:.26s;--tf-toast-animation-out-duration:.22s}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset:-10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset:10px}.tf-toast-motion{transform-origin:50%;width:100%}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1), transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion,.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translate(0,0)scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease, transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22, 1, .36, 1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33, 1, .68, 1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-ab9c4177]{height:var(--tf-toast-progress-height);border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--_tf-resolved-progress-bg);width:100%}.tf-toast-progress-bar[data-v-ab9c4177]{background:var(--_tf-resolved-progress-bar-bg);transform-origin:0;width:100%;height:100%;animation-name:tf-toast-progress-rtl-ab9c4177;animation-duration:var(--tf-toast-progress-duration,5s);will-change:transform;animation-timing-function:linear;animation-fill-mode:forwards}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-ab9c4177]{transform-origin:100%;animation-name:tf-toast-progress-ltr-ab9c4177}@keyframes tf-toast-progress-rtl-ab9c4177{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-ab9c4177{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-b9d1f13b]{pointer-events:auto;width:100%}.tf-toast[data-v-b9d1f13b]{cursor:pointer;--_tf-resolved-bg:var(--tf-toast-bg,var(--_tf-bg,var(--tf-toast-normal-bg-default)));--_tf-resolved-color:var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-color,var(--tf-toast-normal-text-default))));--_tf-resolved-border:var(--tf-toast-border-color,var(--_tf-border-color,var(--tf-toast-normal-border-default)));--_tf-resolved-title-color:var(--tf-toast-title-color,var(--tf-toast-accent-color,var(--_tf-title-color,var(--_tf-resolved-color))));--_tf-resolved-desc-color:var(--tf-toast-description-color,var(--tf-toast-accent-color,var(--_tf-desc-color,var(--_tf-resolved-color))));--_tf-resolved-progress-bg:var(--tf-toast-progress-bg,var(--_tf-progress-bg,color-mix(in srgb, var(--_tf-resolved-color) 20%, transparent)));--_tf-resolved-progress-bar-bg:var(--tf-toast-progress-bar-bg,var(--tf-toast-accent-color,var(--_tf-progress-bar-bg,var(--_tf-resolved-color))));--tf-toast-button-color:var(--_tf-resolved-color);--tf-toast-button-border-color:var(--_tf-resolved-border);--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-button-bg:var(--_tf-resolved-bg);--tf-toast-close-color:var(--_tf-resolved-color);--tf-toast-close-border-color:var(--_tf-resolved-border);--tf-toast-close-bg:var(--_tf-resolved-bg);--tf-toast-close-ring-color:var(--tf-toast-close-border-color);--tf-toast-created-at-color:var(--_tf-resolved-desc-color);--tf-toast-created-at-border-color:var(--_tf-resolved-border);--tf-toast-created-at-bg:var(--_tf-resolved-bg);width:100%;position:relative}.tf-toast--swipe-enabled[data-v-b9d1f13b]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-b9d1f13b]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-b9d1f13b]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-b9d1f13b]{text-align:right}.tf-toast-accent--default[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-normal-bg-default);--_tf-color:var(--tf-toast-normal-color-default);--_tf-border-color:var(--tf-toast-normal-border-default);--_tf-title-color:var(--tf-toast-normal-title-color-default);--_tf-desc-color:var(--tf-toast-normal-description-color-default);--_tf-progress-bg:var(--tf-toast-normal-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-loading-bg-default);--_tf-color:var(--tf-toast-loading-color-default);--_tf-border-color:var(--tf-toast-loading-border-default);--_tf-title-color:var(--tf-toast-loading-title-color-default);--_tf-desc-color:var(--tf-toast-loading-description-color-default);--_tf-progress-bg:var(--tf-toast-loading-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-success-bg-default);--_tf-color:var(--tf-toast-success-color-default);--_tf-border-color:var(--tf-toast-success-border-default);--_tf-title-color:var(--tf-toast-success-title-color-default);--_tf-desc-color:var(--tf-toast-success-description-color-default);--_tf-progress-bg:var(--tf-toast-success-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-error-bg-default);--_tf-color:var(--tf-toast-error-color-default);--_tf-border-color:var(--tf-toast-error-border-default);--_tf-title-color:var(--tf-toast-error-title-color-default);--_tf-desc-color:var(--tf-toast-error-description-color-default);--_tf-progress-bg:var(--tf-toast-error-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-warning-bg-default);--_tf-color:var(--tf-toast-warning-color-default);--_tf-border-color:var(--tf-toast-warning-border-default);--_tf-title-color:var(--tf-toast-warning-title-color-default);--_tf-desc-color:var(--tf-toast-warning-description-color-default);--_tf-progress-bg:var(--tf-toast-warning-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-info-bg-default);--_tf-color:var(--tf-toast-info-color-default);--_tf-border-color:var(--tf-toast-info-border-default);--_tf-title-color:var(--tf-toast-info-title-color-default);--_tf-desc-color:var(--tf-toast-info-description-color-default);--_tf-progress-bg:var(--tf-toast-info-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-b9d1f13b]{--_tf-bg:var(--tf-toast-custom-bg-default,var(--tf-toast-normal-bg-default));--_tf-color:var(--tf-toast-custom-color-default,var(--tf-toast-normal-color-default));--_tf-border-color:var(--tf-toast-custom-border-default,var(--tf-toast-normal-border-default));--_tf-title-color:var(--tf-toast-custom-title-color-default,var(--tf-toast-normal-title-color-default));--_tf-desc-color:var(--tf-toast-custom-description-color-default,var(--tf-toast-normal-description-color-default));--_tf-progress-bg:var(--tf-toast-custom-progress-bg-default,var(--tf-toast-normal-progress-bg-default));--_tf-progress-bar-bg:var(--tf-toast-custom-progress-bar-bg-default,var(--tf-toast-normal-progress-bar-bg-default))}.tf-toast-surface[data-v-b9d1f13b]{min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--_tf-resolved-bg);color:var(--_tf-resolved-color);border:var(--tf-toast-border-width) solid var(--_tf-resolved-border);font-family:var(--tf-toast-font-family), sans-serif;display:block;position:relative;overflow:hidden}.tf-toast-main[data-v-b9d1f13b]{align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%;display:flex}.tf-toast-main--full>.tf-toast-main-content[data-v-b9d1f13b]{flex:100%;width:100%;min-width:0}.tf-toast-main--content-end>.tf-toast-main-content[data-v-b9d1f13b]{flex:0 auto;max-width:100%;margin-left:auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-b9d1f13b]{flex:0 auto;min-width:0}.tf-toast-main-content[data-v-b9d1f13b]{align-items:center;gap:var(--tf-toast-gap);flex:auto;min-width:0;display:flex}.tf-toast-meta[data-v-b9d1f13b]{gap:calc(var(--tf-toast-gap) / 2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.tf-toast-meta--left[data-v-b9d1f13b]{align-items:flex-start}.tf-toast-meta--right[data-v-b9d1f13b]{align-items:flex-end}.tf-toast-meta-row[data-v-b9d1f13b]{min-width:0;display:flex}.tf-toast-meta-row--top[data-v-b9d1f13b]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-b9d1f13b]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-b9d1f13b] .tf-toast-actions--end{margin-left:auto}[data-v-b9d1f13b] .tf-toast-actions{gap:var(--tf-toast-buttons-gap);flex-flow:wrap;display:flex}[data-v-b9d1f13b] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-b9d1f13b] .tf-toast-buttons--bottom{margin-top:auto}[data-v-b9d1f13b] .tf-toast-actions--start{justify-content:flex-start}[data-v-b9d1f13b] .tf-toast-actions--end{justify-content:flex-end}[data-v-b9d1f13b] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-b9d1f13b]{transform-origin:50%;animation:.8s linear infinite tf-toast-spin-b9d1f13b;display:inline-block}@keyframes tf-toast-spin-b9d1f13b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-b9d1f13b]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-b9d1f13b]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-custom,var(--tf-toast-icon-default)))}.tf-toast-body[data-v-b9d1f13b]{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.tf-toast-body--has-created-at[data-v-b9d1f13b]{column-gap:calc(var(--tf-toast-gap) / 2);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;display:grid}.tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-b9d1f13b]{min-width:0}.tf-toast-created-at[data-v-b9d1f13b]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;grid-area:1/2;place-self:end;font-style:italic}.tf-toast[data-align=right] .tf-toast-created-at[data-v-b9d1f13b]{text-align:right;justify-content:flex-end;width:100%;display:flex}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-b9d1f13b]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-b9d1f13b]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-b9d1f13b]{transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)), calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2;display:inline-flex;position:absolute;top:0;right:0}.tf-toast-created-at-float[data-v-b9d1f13b]{height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;pointer-events:none;align-items:center;font-style:italic;display:inline-flex}.tf-toast-title[data-v-b9d1f13b]{font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--_tf-resolved-title-color);word-wrap:break-word;margin:0}.tf-toast-description[data-v-b9d1f13b]{font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--_tf-resolved-desc-color);word-wrap:break-word;margin:0}.tf-toast-close[data-v-b9d1f13b]{height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);cursor:pointer;pointer-events:auto;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tf-toast-close-icon[data-v-b9d1f13b]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-b9d1f13b]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-b9d1f13b]{margin:0;position:absolute;bottom:0;left:0;right:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{align-items:flex-start;height:100%;display:flex;position:absolute}.tf-toast-stack-inner[data-v-c03eb678]{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.tf-toast-stack-inner--scroll[data-v-c03eb678]{overscroll-behavior:contain;max-height:100%;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left);overflow:hidden auto}.tf-toast-stack-inner--bottom[data-v-c03eb678]{justify-content:flex-end;min-height:100%}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;z-index:1;width:100%;position:relative}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`toastflow-core`),require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`toastflow-core`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Toastflow={},e.ToastflowCore,e.Vue))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Symbol.for(`vue-toastflow.toast-store`),i=`__vue_toastflow_store__`,a=null;function o(e){a=e;try{globalThis[i]=e}catch{}}function s(){if(a||=globalThis[i]??null,!a)throw Error(`[vue-toastflow] Toast store not initialized. Did you install the plugin?`);return a}function c(e){function t(t,n){if(typeof t==`string`||n!==void 0){let r=e===void 0?n:{...n??{},type:e};return s().show(t,r)}return e===void 0?s().show(t):s().show({...t,type:e})}return t}var l={getState(){return s().getState()},subscribe(e){return s().subscribe(e)},subscribeEvents(e){return s().subscribeEvents(e)},show:c(),loading(e,t){return s().loading(e,t)},update(e,t){return s().update(e,t)},dismiss(e){return s().dismiss(e)},dismissAll(){return s().dismissAll()},pause(e){return s().pause(e)},resume(e){return s().resume(e)},pauseQueue(){return s().pauseQueue()},resumeQueue(){return s().resumeQueue()},getConfig(){return s().getConfig()},default:c(`default`),success:c(`success`),error:c(`error`),info:c(`info`),warning:c(`warning`),custom:c(`custom`)};function u(e={}){let n=(0,t.createToastStore)(e);return o(n),{install(e){e.provide(r,n)}}}var d=[`data-align`],f=(0,n.defineComponent)({__name:`ToastProgress`,props:{type:{},progressAlignment:{default:`right-to-left`}},setup(e){let t=e;return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`tf-toast-progress`,"data-align":t.progressAlignment},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-progress-bar`,`tf-toast-progress-bar--${t.type}`])},null,2)],8,d))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-ab9c4177`]]),h=[`aria-label`,`onClick`],g={key:0},_=[`innerHTML`],v=(0,n.defineComponent)({__name:`ToastButtonsGroup`,props:{buttons:{},classes:{},onButtonClick:{type:Function}},setup(e){let t=e;function r(e,n){t.onButtonClick(e,n)}return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(e.classes)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.buttons,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.id??t,type:`button`,class:(0,n.normalizeClass)([`tf-toast-button`,e.className]),"aria-label":e.ariaLabel||void 0,onClick:(0,n.withModifiers)(t=>r(e,t),[`stop`]),onPointerdown:i[0]||=(0,n.withModifiers)(()=>{},[`stop`]),onPointerup:i[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onPointercancel:i[2]||=(0,n.withModifiers)(()=>{},[`stop`])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,g,(0,n.toDisplayString)(e.label),1)):e.html?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,innerHTML:e.html},null,8,_)):(0,n.createCommentVNode)(``,!0)],42,h))),128))],2))}}),y={},b={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function x(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,b,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z`,"clip-rule":`evenodd`},null,-1)]])}var S=p(y,[[`render`,x]]),C={},w={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function T(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,w,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z`,"clip-rule":`evenodd`},null,-1)]])}var E=p(C,[[`render`,T]]),D={},O={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function k(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,O,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z`,"clip-rule":`evenodd`},null,-1)]])}var A=p(D,[[`render`,k]]),j={},M={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function N(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,M,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z`,"clip-rule":`evenodd`},null,-1)]])}var P=p(j,[[`render`,N]]),F={},I={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function L(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,I,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z`,"clip-rule":`evenodd`},null,-1)]])}var R=p(F,[[`render`,L]]),z={},B={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function ee(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,B,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z`,"clip-rule":`evenodd`},null,-1)]])}var te=p(z,[[`render`,ee]]),ne={},re={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function ie(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,re,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z`,"clip-rule":`evenodd`},null,-1)]])}var ae=p(ne,[[`render`,ie]]),oe=[`role`,`aria-live`],se=[`aria-label`,`data-align`],ce={class:`tf-toast-surface`},le={key:0,class:`tf-toast-meta-row tf-toast-meta-row--top`},ue={key:0,class:`tf-toast-meta tf-toast-meta--left`},de={class:`tf-toast-main-content`},fe={class:`tf-toast-text`},pe=[`aria-label`],me=[`aria-label`,`innerHTML`],he=[`aria-label`],ge=[`aria-label`,`innerHTML`],_e={key:0,class:`tf-toast-created-at`},ve=[`aria-label`],ye={key:1,class:`tf-toast-meta tf-toast-meta--right`},be={key:1,class:`tf-toast-meta-row tf-toast-meta-row--bottom`},xe={key:0,class:`tf-toast-floating-bar`},Se={key:0,class:`tf-toast-created-at-float`},Ce=[`aria-label`],V=8,we=.35,Te=96,H=160,Ee=140,U=p((0,n.defineComponent)({__name:`Toast`,props:{toast:{},progressResetKey:{},duplicateKey:{},updateKey:{},bumpAnimationClass:{},clearAllAnimationClass:{},updateAnimationClass:{}},emits:[`dismiss`],setup(e,{emit:i}){let{toast:a,progressResetKey:o,duplicateKey:c,updateKey:l,bumpAnimationClass:u,clearAllAnimationClass:d,updateAnimationClass:f}=(0,n.toRefs)(e),p=i,h=(0,n.inject)(r,null)??s();function g(e){return typeof e==`string`&&t.VALID_TOAST_TYPES.has(e)?e:`default`}let _=(0,n.computed)(function(){let e=(0,t.isNumberFinite)(a.value.createdAt)?a.value.createdAt:Date.now();return{...h.getConfig(),...a.value,createdAt:e,id:a.value.id??`toast-${e}`,type:g(a.value.type),title:a.value.title??``,description:a.value.description??``,progressBar:a.value.progressBar??!1,duration:a.value.duration??1/0}}),y={success:{accent:`tf-toast-accent--success`,icon:`tf-toast-icon--success`,close:`tf-toast-close--success`,component:S},error:{accent:`tf-toast-accent--error`,icon:`tf-toast-icon--error`,close:`tf-toast-close--error`,component:E},warning:{accent:`tf-toast-accent--warning`,icon:`tf-toast-icon--warning`,close:`tf-toast-close--warning`,component:A},info:{accent:`tf-toast-accent--info`,icon:`tf-toast-icon--info`,close:`tf-toast-close--info`,component:P},default:{accent:`tf-toast-accent--default`,icon:`tf-toast-icon--default`,close:`tf-toast-close--default`,component:R},loading:{accent:`tf-toast-accent--loading`,icon:`tf-toast-icon--loading`,close:`tf-toast-close--loading`,component:te},custom:{accent:`tf-toast-accent--custom`,icon:`tf-toast-icon--custom`,close:`tf-toast-close--custom`,component:R}},b=new Set([`error`,`warning`]),{accentClass:x,iconWrapperClass:C,closeWrapperClass:w,defaultIconComponent:T}=Xe(_),{role:D,ariaLive:O,hasCreatedAt:k,createdAtText:j,createdAtAriaLabel:M,titleAriaLabel:N,descriptionAriaLabel:F,toastAriaLabel:I}=Ze(_),{duration:L,progressStyle:z,showProgressBar:B,progressKeyLocal:ee}=Qe(_,o,c),{isBumped:ne,isUpdated:re}=$e(c,l),{isHovered:ie,handleMouseEnter:U,handleMouseLeave:W,handlePointerDown:G,handlePointerUp:K}=et(_,h,L),{isSwipeEnabled:De,swipeStyle:Oe,handlePointerDown:ke,handlePointerMove:Ae,handlePointerUp:je,handlePointerCancel:Me,consumeSuppressedClick:Ne}=tt(_,p),{handleClick:Pe,handleCloseClick:Fe}=nt(_,p,Ne),{hasButtons:q,buttons:J,buttonsPlacement:Y,buttonsClasses:X,buttonsVarsStyle:Ie,handleButtonClick:Z}=rt(_),Le={iconColor:`--tf-toast-icon-color`,bg:`--tf-toast-bg`,color:`--tf-toast-color`,borderColor:`--tf-toast-border-color`,borderRadius:`--tf-toast-border-radius`,borderWidth:`--tf-toast-border-width`,padding:`--tf-toast-padding`,fontFamily:`--tf-toast-font-family`,gap:`--tf-toast-gap`,titleColor:`--tf-toast-title-color`,titleFontSize:`--tf-toast-title-font-size`,titleFontWeight:`--tf-toast-title-font-weight`,titleLineHeight:`--tf-toast-title-line-height`,descriptionColor:`--tf-toast-description-color`,descriptionFontSize:`--tf-toast-description-font-size`,descriptionLineHeight:`--tf-toast-description-line-height`,iconSize:`--tf-toast-icon-size`,progressBarBg:`--tf-toast-progress-bar-bg`,progressBg:`--tf-toast-progress-bg`,progressHeight:`--tf-toast-progress-height`,closeBg:`--tf-toast-close-bg`,closeColor:`--tf-toast-close-color`,closeBorderColor:`--tf-toast-close-border-color`,closeSize:`--tf-toast-close-size`,closeIconSize:`--tf-toast-close-icon-size`,buttonBg:`--tf-toast-button-bg`,buttonColor:`--tf-toast-button-color`,buttonBorderColor:`--tf-toast-button-border-color`,createdAtColor:`--tf-toast-created-at-color`,createdAtBg:`--tf-toast-created-at-bg`,createdAtBorderColor:`--tf-toast-created-at-border-color`},Re=(0,n.computed)(function(){let e={},t=Ie.value;for(let n of Object.keys(t)){let r=t[n];r!=null&&(e[n]=r)}let n=_.value.css;if(!n)return e;if(n.accentColor){let t=n.accentColor;e[`--tf-toast-accent-color`]=t,e[`--tf-toast-color`]=t,e[`--tf-toast-title-color`]=t,e[`--tf-toast-description-color`]=t,e[`--tf-toast-progress-bar-bg`]=t}n.color&&(n.titleColor||(e[`--tf-toast-title-color`]=n.color),n.descriptionColor||(e[`--tf-toast-description-color`]=n.color));for(let[t,r]of Object.entries(Le)){let i=n[t];i!=null&&(e[r]=i)}return e}),ze=(0,n.computed)(function(){return _.value.showIcon!==!1});function Be(e){G(e),ke(e)}function Ve(e){Ae(e)}function He(e){je(e),K(e)}function Ue(e){Me(e),K(e)}let We=(0,n.computed)(function(){return q.value&&Y.value===`left`}),Ge=(0,n.computed)(function(){return q.value&&Y.value===`right`}),Q=(0,n.computed)(function(){return q.value&&Y.value===`top`}),Ke=(0,n.computed)(function(){return q.value&&Y.value===`bottom`}),qe=(0,n.computed)(function(){return Q.value||Ke.value}),Je=(0,n.computed)(function(){return k.value&&!q.value}),Ye=(0,n.computed)(function(){return k.value&&q.value});function Xe(e){return{accentClass:(0,n.computed)(function(){return e.value.theme?e.value.theme.startsWith(`tf-toast-accent--`)?e.value.theme:`tf-toast-accent--${e.value.theme}`:y[e.value.type].accent}),iconWrapperClass:(0,n.computed)(function(){return y[e.value.type].icon}),closeWrapperClass:(0,n.computed)(function(){return y[e.value.type].close}),defaultIconComponent:(0,n.computed)(function(){return y[e.value.type].component})}}function Ze(e){let r=(0,n.computed)(function(){return b.has(e.value.type)?`alert`:`status`}),i=(0,n.computed)(function(){return b.has(e.value.type)?`assertive`:`polite`}),a=(0,n.computed)(function(){return!!(e.value.showCreatedAt&&(0,t.isNumberFinite)(e.value.createdAt))}),o=(0,n.computed)(function(){if(!a.value)return``;let n=e.value.createdAtFormatter;if(typeof n!=`function`)return(0,t.defaultCreatedAtFormatter)(e.value.createdAt);try{return n(e.value.createdAt)}catch(e){console.error(`[vue-toastflow] Something failed in createdAtFormatter`,e)}return(0,t.defaultCreatedAtFormatter)(e.value.createdAt)}),s=(0,n.computed)(function(){return o.value?`Sent at ${o.value}`:``}),c=(0,n.computed)(function(){return $(e.value.title)}),l=(0,n.computed)(function(){return $(e.value.description)});return{role:r,ariaLive:i,hasCreatedAt:a,createdAtText:o,createdAtAriaLabel:s,titleAriaLabel:c,descriptionAriaLabel:l,toastAriaLabel:(0,n.computed)(function(){let t=[];return c.value&&t.push(c.value),l.value&&t.push(l.value),a.value&&s.value&&t.push(s.value),t.length||t.push(`${e.value.type} notification`),t.join(`. `)})}}function Qe(e,r,i){let a=(0,n.computed)(function(){if((0,t.isNumberFinite)(e.value.duration))return e.value.duration}),o=(0,n.computed)(function(){return a.value?{"--tf-toast-progress-duration":`${a.value}ms`}:{}}),s=(0,n.computed)(function(){return e.value.progressBar&&!!a.value}),c=(0,n.ref)(0);return(0,n.watch)(()=>r?.value,function(e){e!=null&&(c.value+=1)}),(0,n.watch)(()=>i?.value,function(e){e!=null&&(c.value+=1)}),{duration:a,progressStyle:o,showProgressBar:s,progressKeyLocal:c}}function $e(e,t){let r=(0,n.ref)(!1),i=(0,n.ref)(!1);function a(){r.value=!1,requestAnimationFrame(function(){r.value=!0})}function o(){i.value=!1,requestAnimationFrame(function(){i.value=!0})}return(0,n.watch)(()=>e?.value,function(e){e!=null&&a()}),(0,n.watch)(()=>t?.value,function(e){e!=null&&o()}),{isBumped:r,isUpdated:i}}function et(e,t,r){let i=(0,n.ref)(!1),a=``;function o(){a===`touch`||a===`pen`||u()&&f()}function s(){if(a===`touch`||a===`pen`){a=``;return}u()&&p()}function c(e){a=e.pointerType,u(e,!0)&&f()}function l(e){u(e,!0)&&p()}function u(t,n=!1){return!r.value||!e.value.pauseOnHover?!1:!(n&&t&&!d(t))}function d(e){return e.pointerType===`touch`||e.pointerType===`pen`}function f(){i.value=!0,t.pause(e.value.id)}function p(){i.value=!1,t.resume(e.value.id)}return{isHovered:i,handleMouseEnter:o,handleMouseLeave:s,handlePointerDown:c,handlePointerUp:l}}function tt(e,t){let r=(0,n.computed)(function(){return!!e.value.swipeToDismiss}),i=(0,n.ref)(0),a=(0,n.ref)(1),o=(0,n.ref)(!1),s=(0,n.ref)(!1),c=(0,n.ref)(null),l=(0,n.ref)(0),u=(0,n.ref)(0),d=(0,n.ref)(0),f=(0,n.ref)(!1),p=(0,n.ref)(!1),m=(0,n.ref)(!1),h=null,g=(0,n.computed)(function(){return!r.value&&i.value===0&&a.value===1?{}:{transform:`translate3d(${i.value}px, 0, 0)`,opacity:a.value,transition:o.value?`none`:`transform ${H}ms ease, opacity ${H}ms ease`}});function _(){h&&=(clearTimeout(h),null)}function v(){c.value=null,f.value=!1,p.value=!1,m.value=!1,d.value=0}function y(){o.value=!1,!(i.value===0&&a.value===1)&&(i.value=0,a.value=1)}function b(e){return c.value!==null&&c.value===e.pointerId}function x(e){let t=e.currentTarget;if(t?.releasePointerCapture)try{t.releasePointerCapture(e.pointerId)}catch{}}function S(e){return!r.value||e.button!==void 0&&e.button!==0?!1:!it(e.target)}function C(e){if(!S(e))return;_(),s.value=!1,o.value=!1,c.value=e.pointerId,l.value=e.clientX,u.value=e.clientY;let t=e.currentTarget;if(d.value=t?.getBoundingClientRect().width??0,t?.setPointerCapture)try{t.setPointerCapture(e.pointerId)}catch{}}function w(e){if(!b(e)||p.value)return;let t=e.clientX-l.value,n=e.clientY-u.value,r=Math.abs(t),s=Math.abs(n);if(!f.value){if(r<V&&s<V)return;if(t<=0||s>r){p.value=!0,y();return}f.value=!0}e.preventDefault(),o.value=!0,m.value=!0;let c=Math.max(0,t),h=d.value>0?d.value:1,g=Math.min(c/h,1);i.value=c,a.value=Math.max(1-g*.85,.15)}function T(n){if(!b(n))return;if(x(n),!f.value||p.value||!m.value){y(),v();return}let r=d.value>0?d.value:1,c=Math.max(r*we,Te);i.value>=c?(o.value=!1,s.value=!0,i.value=r+24,a.value=0,h=setTimeout(function(){t(`dismiss`,e.value.id),h=null},Ee)):(i.value>V&&(s.value=!0),y()),v()}function E(e){b(e)&&(x(e),y(),v())}function D(){return s.value?(s.value=!1,!0):!1}return(0,n.watch)(r,function(e){e||(_(),y(),v())}),(0,n.onUnmounted)(function(){_()}),{isSwipeEnabled:r,swipeStyle:g,handlePointerDown:C,handlePointerMove:w,handlePointerUp:T,handlePointerCancel:E,consumeSuppressedClick:D}}function nt(e,t,n){function r(t){if(n&&n())return;let r=at(e.value);e.value.onClick&&e.value.onClick(r,t),e.value.closeOnClick&&i()}function i(){t(`dismiss`,e.value.id)}return{handleClick:r,handleCloseClick:i}}function rt(e){let t=(0,n.computed)(function(){return e.value.buttons?.buttons??[]}),r=(0,n.computed)(function(){return e.value.buttons?.layout??`row`}),i=(0,n.computed)(function(){let t=e.value.buttons?.alignment??`bottom-right`;return e.value.alignment===`right`?t.endsWith(`-left`)?t.replace(/-left$/,`-right`):t.endsWith(`-right`)?t.replace(/-right$/,`-left`):t:t}),a=(0,n.computed)(function(){return t.value.length>0}),o=(0,n.computed)(function(){return i.value.endsWith(`-left`)?`left`:`right`}),s=(0,n.computed)(function(){let e=i.value;return e.startsWith(`top-`)?`top`:e.startsWith(`bottom-`)?`bottom`:`center`}),c=(0,n.computed)(function(){if(r.value===`row`)return o.value;let e=s.value;return e===`top`?`top`:e===`bottom`?`bottom`:o.value}),l=(0,n.computed)(function(){return c.value===`left`||c.value===`right`}),u=(0,n.computed)(function(){return o.value===`left`?`tf-toast-actions--start`:`tf-toast-actions--end`}),d=(0,n.computed)(function(){return{"--tf-toast-buttons-gap":e.value.buttons?.gap,"--tf-toast-buttons-content-gap":e.value.buttons?.contentGap}}),f=(0,n.computed)(function(){if(!l.value)return;let e=s.value;if(e===`bottom`)return`tf-toast-buttons--bottom`;if(e===`center`)return`tf-toast-buttons--center`}),p=(0,n.computed)(function(){return[`tf-toast-actions`,u.value,f.value]});function m(t,n){let r=at(e.value);t.onClick&&t.onClick(r,n)}return{hasButtons:a,buttons:t,buttonsPlacement:c,buttonsClasses:p,buttonsVarsStyle:d,handleButtonClick:m}}function it(e){return e instanceof Element?!!e.closest(`button, a, input, textarea, select, option, [role='button'], [contenteditable='true']`):!1}function at(e){return{id:e.id,position:e.position,type:e.type,title:e.title,description:e.description,createdAt:e.createdAt}}function ot(e){return e.replace(/\s+/g,` `).trim()}function $(e){if(!e)return``;let t=ot(e.replace(/<[^>]*>/g,` `));if(typeof window>`u`||!window.document)return t;try{let t=window.document.createElement(`div`);return t.innerHTML=e,ot(t.textContent??``)}catch{return t}}return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{role:(0,n.unref)(D),"aria-live":(0,n.unref)(O),class:`tf-toast-wrapper`,style:(0,n.normalizeStyle)((0,n.unref)(Oe))},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast`,[(0,n.unref)(x),(0,n.unref)(ne)&&_.value.phase!==`leaving`&&_.value.phase!==`clear-all`&&(0,n.unref)(u),(0,n.unref)(re)&&_.value.phase!==`leaving`&&_.value.phase!==`clear-all`&&(0,n.unref)(f),_.value.phase===`clear-all`&&(0,n.unref)(d),(0,n.unref)(ie)&&`tf-toast--paused`,(0,n.unref)(De)&&`tf-toast--swipe-enabled`]]),"aria-label":(0,n.unref)(I)||void 0,"data-align":_.value.alignment,style:(0,n.normalizeStyle)(Re.value),onClick:t[1]||=(...e)=>(0,n.unref)(Pe)&&(0,n.unref)(Pe)(...e),onMouseenter:t[2]||=(...e)=>(0,n.unref)(U)&&(0,n.unref)(U)(...e),onMouseleave:t[3]||=(...e)=>(0,n.unref)(W)&&(0,n.unref)(W)(...e),onPointerdown:Be,onPointermove:Ve,onPointerup:He,onPointercancel:Ue},[(0,n.createElementVNode)(`div`,ce,[Q.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,le,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-main`,[qe.value&&`tf-toast-main--full`,We.value&&`tf-toast-main--content-end`]])},[We.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ue,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,de,[ze.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)([`tf-toast-icon`,(0,n.unref)(C)]),"aria-hidden":`true`},[(0,n.renderSlot)(e.$slots,`icon`,{toast:_.value},()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)((0,n.unref)(T)),{class:(0,n.normalizeClass)([`tf-toast-icon-svg`,[_.value.type===`loading`&&`tf-toast-icon-spin`]]),"aria-hidden":`true`},null,8,[`class`]))],!0)],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-body`,[Je.value&&`tf-toast-body--has-created-at`]])},[(0,n.createElementVNode)(`div`,fe,[_.value.title&&!_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:0,"aria-label":(0,n.unref)(N)||void 0,class:`tf-toast-title`},(0,n.toDisplayString)(_.value.title),9,pe)):_.value.title&&_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:1,class:`tf-toast-title`,"aria-label":(0,n.unref)(N)||void 0,innerHTML:_.value.title},null,8,me)):(0,n.createCommentVNode)(``,!0),_.value.description&&!_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:2,"aria-label":(0,n.unref)(F)||void 0,class:`tf-toast-description`},(0,n.toDisplayString)(_.value.description),9,he)):_.value.description&&_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:3,class:`tf-toast-description`,"aria-label":(0,n.unref)(F)||void 0,innerHTML:_.value.description},null,8,ge)):(0,n.createCommentVNode)(``,!0)]),(0,n.renderSlot)(e.$slots,`default`,{toast:_.value},void 0,!0),Je.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_e,[(0,n.renderSlot)(e.$slots,`created-at`,{toast:_.value,formatted:(0,n.unref)(j)},()=>[(0,n.createElementVNode)(`span`,{"aria-label":(0,n.unref)(M)||void 0},(0,n.toDisplayString)((0,n.unref)(j)),9,ve)],!0)])):(0,n.createCommentVNode)(``,!0)],2)]),Ge.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ye,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0)],2),Ke.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,be,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(B)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:`tf-toast-progress-wrapper`,style:(0,n.normalizeStyle)((0,n.unref)(z))},[(0,n.renderSlot)(e.$slots,`progress`,{toast:_.value},()=>[((0,n.openBlock)(),(0,n.createBlock)(m,{key:(0,n.unref)(ee),type:_.value.type,"progress-alignment":_.value.progressAlignment},null,8,[`type`,`progress-alignment`]))],!0)],4)):(0,n.createCommentVNode)(``,!0)]),Ye.value||_.value.closeButton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,xe,[Ye.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,Se,[(0,n.renderSlot)(e.$slots,`created-at`,{toast:_.value,formatted:(0,n.unref)(j)},()=>[(0,n.createElementVNode)(`span`,{"aria-label":(0,n.unref)(M)||void 0},(0,n.toDisplayString)((0,n.unref)(j)),9,Ce)],!0)])):(0,n.createCommentVNode)(``,!0),_.value.closeButton?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:(0,n.normalizeClass)([`tf-toast-close`,(0,n.unref)(w)]),"aria-label":`Close notification`,onClick:t[0]||=(0,n.withModifiers)((...e)=>(0,n.unref)(Fe)&&(0,n.unref)(Fe)(...e),[`stop`])},[(0,n.renderSlot)(e.$slots,`close-icon`,{toast:_.value},()=>[(0,n.createVNode)(ae,{class:`tf-toast-close-icon`,"aria-hidden":`true`})],!0)],2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)],46,se)],12,oe))}}),[[`__scopeId`,`data-v-b9d1f13b`]]),W=[`data-position`],G=260,K=220,De=p((0,n.defineComponent)({__name:`ToastContainer`,setup(e){let t=[`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],i=(0,n.inject)(r,null)??s(),a=(0,n.ref)([]),o=(0,n.ref)({enter:G,leave:K}),c=(0,n.ref)({}),l=(0,n.ref)({}),u=(0,n.ref)({}),d=null,f=null;(0,n.onMounted)(function(){d=i.subscribe(function(e){a.value=e.toasts}),f=i.subscribeEvents(function(e){e.kind===`timer-reset`&&(c.value[e.id]=Math.random()),e.kind===`duplicate`&&(l.value[e.id]=Math.random()),e.kind===`update`&&(u.value[e.id]=Math.random())}),D()}),(0,n.onUnmounted)(function(){d&&d(),f&&f()});function p(e){return c.value[e]??0}function m(e){return l.value[e]??0}function h(e){return u.value[e]??0}let g=(0,n.computed)(function(){let e={"top-left":[],"top-center":[],"top-right":[],"bottom-left":[],"bottom-center":[],"bottom-right":[]};for(let t of a.value)e[t.position].push(t);return e}),_=i.getConfig(),v=(0,n.ref)({"top-left":{..._,position:`top-left`},"top-center":{..._,position:`top-center`},"top-right":{..._,position:`top-right`},"bottom-left":{..._,position:`bottom-left`},"bottom-center":{..._,position:`bottom-center`},"bottom-right":{..._,position:`bottom-right`}}),y=(0,n.computed)(function(){return a.value.length?Math.max(...a.value.map(e=>e.zIndex)):_.zIndex});function b(e){return v.value[e]??{..._,position:e}}function x(e){let{offset:t,width:n}=b(e),r={width:n,maxWidth:`calc(100vw - (${t}) - (${t}))`};return e.startsWith(`top-`)&&(r.top=t),e.startsWith(`bottom-`)&&(r.bottom=t),e.endsWith(`left`)?r.left=t:e.endsWith(`right`)?r.right=t:e.endsWith(`center`)&&(r.left=`50%`,r.transform=`translateX(-50%)`),r}function S(e){return e.endsWith(`left`)?`tf-toast-stack--left`:e.endsWith(`center`)?`tf-toast-stack--center`:`tf-toast-stack--right`}function C(e){return e.startsWith(`bottom-`)?`tf-toast-stack-inner--bottom`:null}function w(e){return b(e).overflowScroll&&e.startsWith(`top-`)}function T(e){i.dismiss(e)}function E(e,t){let n=e.trim().toLowerCase();if(!n)return t;if(n.endsWith(`ms`)){let e=Number(n.slice(0,-2));return Number.isFinite(e)?e:t}if(n.endsWith(`s`)){let e=Number(n.slice(0,-1));return Number.isFinite(e)?e*1e3:t}let r=Number(n);return Number.isFinite(r)?r:t}function D(){if(typeof window>`u`)return;let e=getComputedStyle(document.documentElement);o.value={enter:E(e.getPropertyValue(`--tf-toast-animation-in-duration`),G),leave:E(e.getPropertyValue(`--tf-toast-animation-out-duration`),K)}}let O=new WeakMap;(0,n.onBeforeUpdate)(function(){let e=document.querySelectorAll(`.tf-toast-item`);for(let t=0;t<e.length;t++){let n=e[t],r=n.parentElement;r&&O.set(n,{top:n.offsetTop,height:n.offsetHeight,parentHeight:r.clientHeight,parentWidth:r.clientWidth})}});function k(e){let t=e,n=t.parentElement;if(!n||n.children.length<=1)return;let r=O.get(t),i=(t.dataset.position??``).startsWith(`bottom-`)||n.classList.contains(`tf-toast-stack-inner--bottom`),a=r?.top??t.offsetTop,o=r?.height??t.offsetHeight,s=r?.parentHeight??n.clientHeight,c=r?.parentWidth??n.clientWidth;if(t.style.position=`absolute`,t.style.zIndex=`0`,t.style.width=`${c}px`,t.style.left=`0`,t.style.right=`0`,i){let e=s-(a+o);t.style.bottom=`${e}px`,t.style.top=`auto`}else t.style.top=`${a}px`,t.style.bottom=`auto`}function A(e){let t=e;t.style.position=``,t.style.zIndex=``,t.style.width=``,t.style.left=``,t.style.right=``,t.style.top=``,t.style.bottom=``}(0,n.watch)(a,function(e){let t=new Set(e.map(function(e){return e.id}));for(let e of Object.keys(c.value))t.has(e)||delete c.value[e];for(let e of Object.keys(l.value))t.has(e)||delete l.value[e];for(let e of Object.keys(u.value))t.has(e)||delete u.value[e]},{deep:!1});function j(e){return{..._.animation,...e.animation}}return(0,n.watch)(g,function(e){let t={...v.value};Object.keys(e).forEach(function(n){let r=e[n][0];r&&(t[n]={..._,...r,position:n,animation:{..._.animation,...r.animation}})}),v.value=t},{deep:!1}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`tf-toast-root`,style:(0,n.normalizeStyle)({zIndex:y.value})},[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t,t=>(0,n.createElementVNode)(`div`,{key:t,class:(0,n.normalizeClass)([`tf-toast-stack`,S(t)]),style:(0,n.normalizeStyle)(x(t))},[(0,n.createVNode)(n.TransitionGroup,{appear:``,duration:o.value,name:b(t).animation.name,onBeforeLeave:k,onAfterLeave:A,tag:`div`,class:(0,n.normalizeClass)([`tf-toast-stack-inner`,C(t),w(t)&&`tf-toast-stack-inner--scroll`]),style:(0,n.normalizeStyle)({gap:b(t).gap})},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(g.value[t],(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.id,class:`tf-toast-item`,style:(0,n.normalizeStyle)({width:t.width,maxWidth:`100%`}),"data-position":t.position},[(0,n.createElementVNode)(`div`,{class:`tf-toast-motion`,style:(0,n.normalizeStyle)({"--tf-toast-index":r})},[e.$slots.default?(0,n.renderSlot)(e.$slots,`default`,{key:0,toast:t,progressResetKey:p(t.id),duplicateKey:m(t.id),updateKey:h(t.id),bumpAnimationClass:j(t).bump,clearAllAnimationClass:j(t).clearAll,updateAnimationClass:j(t).update,dismiss:T},void 0,!0):((0,n.openBlock)(),(0,n.createBlock)(U,{key:1,toast:t,progressResetKey:p(t.id),duplicateKey:m(t.id),updateKey:h(t.id),bumpAnimationClass:j(t).bump,clearAllAnimationClass:j(t).clearAll,updateAnimationClass:j(t).update,onDismiss:T},null,8,[`toast`,`progressResetKey`,`duplicateKey`,`updateKey`,`bumpAnimationClass`,`clearAllAnimationClass`,`updateAnimationClass`]))],4)],12,W))),128))]),_:2},1032,[`duration`,`name`,`class`,`style`])],6)),64))],4))}}),[[`__scopeId`,`data-v-c03eb678`]]);e.ArrowPath=te,e.Bell=A,e.CheckCircle=S,e.InfoCircle=P,e.QuestionMarkCircle=R,e.Toast=U,e.ToastContainer=De,e.ToastProgress=m,e.XCircle=E,e.XMark=ae,e.createToastflow=u,e.getToastStore=s,e.setToastStore=o,e.toast=l,Object.keys(t).forEach(function(n){n!==`default`&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});
1
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`@layer tf-defaults{:root{--tf-toast-font-family:inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-toast-border-radius:12px;--tf-toast-border-width:1px;--tf-toast-padding:16px;--tf-toast-gap:10px;--tf-toast-buttons-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-buttons-content-gap:calc(var(--tf-toast-gap) / 2);--tf-toast-stack-padding-top:8px;--tf-toast-stack-padding-right:8px;--tf-toast-stack-padding-bottom:18px;--tf-toast-stack-padding-left:0;--tf-toast-title-font-size:14px;--tf-toast-title-font-weight:600;--tf-toast-title-line-height:1.25;--tf-toast-description-font-size:13px;--tf-toast-description-line-height:1.4;--tf-toast-float-x:.4;--tf-toast-float-y:-.4;--tf-toast-created-at-font-size:11px;--tf-toast-created-at-offset:0;--tf-toast-created-at-padding-x:8px;--tf-toast-created-at-border-radius:999px;--tf-toast-close-size:18px;--tf-toast-close-icon-size:12px;--tf-toast-close-border-width:var(--tf-toast-border-width);--tf-toast-close-border-radius:var(--tf-toast-border-radius);--tf-toast-close-font-size:11px;--tf-toast-button-font-size:12px;--tf-toast-button-line-height:1;--tf-toast-button-padding-y:7px;--tf-toast-button-padding-x:9px;--tf-toast-button-border-radius:10px;--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-icon-size:24px;--tf-toast-icon-loading:var(--tf-toast-loading-text-default);--tf-toast-icon-default:var(--tf-toast-normal-text-default);--tf-toast-icon-success:var(--tf-toast-success-text-default);--tf-toast-icon-error:var(--tf-toast-error-text-default);--tf-toast-icon-warning:var(--tf-toast-warning-text-default);--tf-toast-icon-info:var(--tf-toast-info-text-default);--tf-toast-icon-custom:var(--tf-toast-normal-text-default);--tf-toast-progress-height:4px;--tf-toast-progress-border-radius:var(--tf-toast-border-radius);--tf-toast-progress-duration:5s;--tf-toast-normal-bg-default:#fff;--tf-toast-normal-border-default:#e6e8eb;--tf-toast-normal-text-default:#11181c;--tf-toast-normal-progress-bar-bg-default:var(--tf-toast-normal-text-default);--tf-toast-normal-progress-bg-default:color-mix(in srgb, var(--tf-toast-normal-text-default) 20%, transparent);--tf-toast-normal-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-title-color-default:var(--tf-toast-normal-text-default);--tf-toast-normal-description-color-default:var(--tf-toast-normal-text-default);--tf-toast-loading-bg-default:#fffbeb;--tf-toast-loading-border-default:#fff1c2;--tf-toast-loading-text-default:#a36d00;--tf-toast-loading-progress-bar-bg-default:var(--tf-toast-loading-text-default);--tf-toast-loading-progress-bg-default:color-mix(in srgb, var(--tf-toast-loading-text-default) 20%, transparent);--tf-toast-loading-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-title-color-default:var(--tf-toast-loading-text-default);--tf-toast-loading-description-color-default:var(--tf-toast-loading-text-default);--tf-toast-success-bg-default:#ecfdf3;--tf-toast-success-border-default:#bffcd9;--tf-toast-success-text-default:#008a2e;--tf-toast-success-progress-bar-bg-default:var(--tf-toast-success-text-default);--tf-toast-success-progress-bg-default:color-mix(in srgb, var(--tf-toast-success-text-default) 20%, transparent);--tf-toast-success-color-default:var(--tf-toast-success-text-default);--tf-toast-success-title-color-default:var(--tf-toast-success-text-default);--tf-toast-success-description-color-default:var(--tf-toast-success-text-default);--tf-toast-info-bg-default:#f0f8ff;--tf-toast-info-border-default:#dde7fd;--tf-toast-info-text-default:#0973dc;--tf-toast-info-progress-bar-bg-default:var(--tf-toast-info-text-default);--tf-toast-info-progress-bg-default:color-mix(in srgb, var(--tf-toast-info-text-default) 20%, transparent);--tf-toast-info-color-default:var(--tf-toast-info-text-default);--tf-toast-info-title-color-default:var(--tf-toast-info-text-default);--tf-toast-info-description-color-default:var(--tf-toast-info-text-default);--tf-toast-warning-bg-default:#fffcf0;--tf-toast-warning-border-default:#fbeeb1;--tf-toast-warning-text-default:#dc7609;--tf-toast-warning-progress-bar-bg-default:var(--tf-toast-warning-text-default);--tf-toast-warning-progress-bg-default:color-mix(in srgb, var(--tf-toast-warning-text-default) 20%, transparent);--tf-toast-warning-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-title-color-default:var(--tf-toast-warning-text-default);--tf-toast-warning-description-color-default:var(--tf-toast-warning-text-default);--tf-toast-error-bg-default:#fff0f0;--tf-toast-error-border-default:#ffe0e1;--tf-toast-error-text-default:#e60000;--tf-toast-error-progress-bar-bg-default:var(--tf-toast-error-text-default);--tf-toast-error-progress-bg-default:color-mix(in srgb, var(--tf-toast-error-text-default) 20%, transparent);--tf-toast-error-color-default:var(--tf-toast-error-text-default);--tf-toast-error-title-color-default:var(--tf-toast-error-text-default);--tf-toast-error-description-color-default:var(--tf-toast-error-text-default);--tf-toast-motion-offset:10px;--tf-toast-animation-in-duration:.26s;--tf-toast-animation-out-duration:.22s}}.tf-toast--paused .tf-toast-progress-bar{animation-play-state:paused}.tf-toast-item[data-position^=top-]{--tf-toast-motion-offset:-10px}.tf-toast-item[data-position^=bottom-]{--tf-toast-motion-offset:10px}.tf-toast-motion{transform-origin:50%;width:100%}.Toastflow__animation-move{transition:transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1);will-change:transform}.Toastflow__animation-enter-from>.tf-toast-motion,.Toastflow__animation-appear-from>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-enter-active>.tf-toast-motion,.Toastflow__animation-appear-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1), transform var(--tf-toast-animation-in-duration) cubic-bezier(.5, 1, .25, 1)}.Toastflow__animation-enter-to>.tf-toast-motion,.Toastflow__animation-appear-to>.tf-toast-motion,.Toastflow__animation-leave-from>.tf-toast-motion{opacity:1;transform:translate(0,0)scale(1)}.Toastflow__animation-leave-active>.tf-toast-motion{transition:opacity var(--tf-toast-animation-out-duration) ease, transform var(--tf-toast-animation-out-duration) ease}.Toastflow__animation-leave-to>.tf-toast-motion{opacity:0;transform:translate3d(0, var(--tf-toast-motion-offset), 0) scale(.96)}.Toastflow__animation-clearAll .tf-toast-motion{animation:Toastflow__clearAll-kf var(--tf-toast-animation-in-duration) cubic-bezier(.22, 1, .36, 1) both}.Toastflow__animation-bump{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) ease-out}.Toastflow__animation-update{animation:Toastflow__bump-kf var(--tf-toast-animation-in-duration) cubic-bezier(.33, 1, .68, 1)}@keyframes Toastflow__clearAll-kf{0%{opacity:1}to{opacity:0}}@keyframes Toastflow__bump-kf{0%{transform:scale(1)}40%{transform:scale(1.01)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.Toastflow__animation-move,.Toastflow__animation-enter-active .tf-toast-motion,.Toastflow__animation-leave-active .tf-toast-motion{transition:none}.Toastflow__animation-clearAll .tf-toast-motion{animation:none}}.tf-toast-progress[data-v-ab9c4177]{height:var(--tf-toast-progress-height);border-radius:0 0 var(--tf-toast-progress-border-radius) var(--tf-toast-progress-border-radius);background:var(--_tf-resolved-progress-bg);width:100%}.tf-toast-progress-bar[data-v-ab9c4177]{background:var(--_tf-resolved-progress-bar-bg);transform-origin:0;width:100%;height:100%;animation-name:tf-toast-progress-rtl-ab9c4177;animation-duration:var(--tf-toast-progress-duration,5s);will-change:transform;animation-timing-function:linear;animation-fill-mode:forwards}.tf-toast-progress[data-align=left-to-right] .tf-toast-progress-bar[data-v-ab9c4177]{transform-origin:100%;animation-name:tf-toast-progress-ltr-ab9c4177}@keyframes tf-toast-progress-rtl-ab9c4177{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes tf-toast-progress-ltr-ab9c4177{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-toast-wrapper[data-v-a5e7e007]{pointer-events:auto;width:100%}.tf-toast[data-v-a5e7e007]{cursor:pointer;--_tf-resolved-bg:var(--tf-toast-bg,var(--_tf-bg,var(--tf-toast-normal-bg-default)));--_tf-resolved-color:var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-color,var(--tf-toast-normal-text-default))));--_tf-resolved-border:var(--tf-toast-border-color,var(--_tf-border-color,var(--tf-toast-normal-border-default)));--_tf-resolved-title-color:var(--tf-toast-title-color,var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-title-color,var(--_tf-resolved-color)))));--_tf-resolved-desc-color:var(--tf-toast-description-color,var(--tf-toast-color,var(--tf-toast-accent-color,var(--_tf-desc-color,var(--_tf-resolved-color)))));--_tf-resolved-progress-bg:var(--tf-toast-progress-bg,var(--_tf-progress-bg,color-mix(in srgb, var(--_tf-resolved-color) 20%, transparent)));--_tf-resolved-progress-bar-bg:var(--tf-toast-progress-bar-bg,var(--tf-toast-accent-color,var(--_tf-progress-bar-bg,var(--_tf-resolved-color))));--tf-toast-button-color:var(--_tf-resolved-color);--tf-toast-button-border-color:var(--_tf-resolved-border);--tf-toast-button-border-width:var(--tf-toast-border-width);--tf-toast-button-bg:var(--_tf-resolved-bg);--tf-toast-close-color:var(--_tf-resolved-color);--tf-toast-close-border-color:var(--_tf-resolved-border);--tf-toast-close-bg:var(--_tf-resolved-bg);--tf-toast-close-ring-color:var(--tf-toast-close-border-color);--tf-toast-created-at-color:var(--_tf-resolved-desc-color);--tf-toast-created-at-border-color:var(--_tf-resolved-border);--tf-toast-created-at-bg:var(--_tf-resolved-bg);width:100%;position:relative}.tf-toast--swipe-enabled[data-v-a5e7e007]{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.tf-toast--swipe-enabled[data-v-a5e7e007]:active{cursor:grabbing}.tf-toast[data-align=right] .tf-toast-main-content[data-v-a5e7e007]{flex-direction:row-reverse}.tf-toast[data-align=right] .tf-toast-text[data-v-a5e7e007]{text-align:right}.tf-toast-accent--default[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-normal-bg-default);--_tf-color:var(--tf-toast-normal-color-default);--_tf-border-color:var(--tf-toast-normal-border-default);--_tf-title-color:var(--tf-toast-normal-title-color-default);--_tf-desc-color:var(--tf-toast-normal-description-color-default);--_tf-progress-bg:var(--tf-toast-normal-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-normal-progress-bar-bg-default)}.tf-toast-accent--loading[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-loading-bg-default);--_tf-color:var(--tf-toast-loading-color-default);--_tf-border-color:var(--tf-toast-loading-border-default);--_tf-title-color:var(--tf-toast-loading-title-color-default);--_tf-desc-color:var(--tf-toast-loading-description-color-default);--_tf-progress-bg:var(--tf-toast-loading-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-loading-progress-bar-bg-default)}.tf-toast-accent--success[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-success-bg-default);--_tf-color:var(--tf-toast-success-color-default);--_tf-border-color:var(--tf-toast-success-border-default);--_tf-title-color:var(--tf-toast-success-title-color-default);--_tf-desc-color:var(--tf-toast-success-description-color-default);--_tf-progress-bg:var(--tf-toast-success-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-success-progress-bar-bg-default)}.tf-toast-accent--error[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-error-bg-default);--_tf-color:var(--tf-toast-error-color-default);--_tf-border-color:var(--tf-toast-error-border-default);--_tf-title-color:var(--tf-toast-error-title-color-default);--_tf-desc-color:var(--tf-toast-error-description-color-default);--_tf-progress-bg:var(--tf-toast-error-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-error-progress-bar-bg-default)}.tf-toast-accent--warning[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-warning-bg-default);--_tf-color:var(--tf-toast-warning-color-default);--_tf-border-color:var(--tf-toast-warning-border-default);--_tf-title-color:var(--tf-toast-warning-title-color-default);--_tf-desc-color:var(--tf-toast-warning-description-color-default);--_tf-progress-bg:var(--tf-toast-warning-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-warning-progress-bar-bg-default)}.tf-toast-accent--info[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-info-bg-default);--_tf-color:var(--tf-toast-info-color-default);--_tf-border-color:var(--tf-toast-info-border-default);--_tf-title-color:var(--tf-toast-info-title-color-default);--_tf-desc-color:var(--tf-toast-info-description-color-default);--_tf-progress-bg:var(--tf-toast-info-progress-bg-default);--_tf-progress-bar-bg:var(--tf-toast-info-progress-bar-bg-default)}.tf-toast-accent--custom[data-v-a5e7e007]{--_tf-bg:var(--tf-toast-custom-bg-default,var(--tf-toast-normal-bg-default));--_tf-color:var(--tf-toast-custom-color-default,var(--tf-toast-normal-color-default));--_tf-border-color:var(--tf-toast-custom-border-default,var(--tf-toast-normal-border-default));--_tf-title-color:var(--tf-toast-custom-title-color-default,var(--tf-toast-normal-title-color-default));--_tf-desc-color:var(--tf-toast-custom-description-color-default,var(--tf-toast-normal-description-color-default));--_tf-progress-bg:var(--tf-toast-custom-progress-bg-default,var(--tf-toast-normal-progress-bg-default));--_tf-progress-bar-bg:var(--tf-toast-custom-progress-bar-bg-default,var(--tf-toast-normal-progress-bar-bg-default))}.tf-toast-surface[data-v-a5e7e007]{min-width:0;padding:var(--tf-toast-padding);border-radius:var(--tf-toast-border-radius);background-color:var(--_tf-resolved-bg);color:var(--_tf-resolved-color);border:var(--tf-toast-border-width) solid var(--_tf-resolved-border);font-family:var(--tf-toast-font-family), sans-serif;display:block;position:relative;overflow:hidden}.tf-toast-main[data-v-a5e7e007]{align-items:stretch;gap:var(--tf-toast-buttons-content-gap);width:100%;display:flex}.tf-toast-main--full>.tf-toast-main-content[data-v-a5e7e007]{flex:100%;width:100%;min-width:0}.tf-toast-main--content-end>.tf-toast-main-content[data-v-a5e7e007]{flex:0 auto;max-width:100%;margin-left:auto}.tf-toast-main--content-end>.tf-toast-main-content>.tf-toast-body[data-v-a5e7e007]{flex:0 auto;min-width:0}.tf-toast-main-content[data-v-a5e7e007]{align-items:center;gap:var(--tf-toast-gap);flex:auto;min-width:0;display:flex}.tf-toast-meta[data-v-a5e7e007]{gap:calc(var(--tf-toast-gap) / 2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.tf-toast-meta--left[data-v-a5e7e007]{align-items:flex-start}.tf-toast-meta--right[data-v-a5e7e007]{align-items:flex-end}.tf-toast-meta-row[data-v-a5e7e007]{min-width:0;display:flex}.tf-toast-meta-row--top[data-v-a5e7e007]{margin-bottom:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row--bottom[data-v-a5e7e007]{margin-top:var(--tf-toast-buttons-content-gap)}.tf-toast-meta-row[data-v-a5e7e007] .tf-toast-actions--start{margin-right:auto}.tf-toast-meta-row[data-v-a5e7e007] .tf-toast-actions--end{margin-left:auto}[data-v-a5e7e007] .tf-toast-actions{gap:var(--tf-toast-buttons-gap);flex-flow:wrap;display:flex}[data-v-a5e7e007] .tf-toast-buttons--center{margin-top:auto;margin-bottom:auto}[data-v-a5e7e007] .tf-toast-buttons--bottom{margin-top:auto}[data-v-a5e7e007] .tf-toast-actions--start{justify-content:flex-start}[data-v-a5e7e007] .tf-toast-actions--end{justify-content:flex-end}[data-v-a5e7e007] .tf-toast-button{appearance:none;border:var(--tf-toast-button-border-width) solid var(--tf-toast-button-border-color);background:var(--tf-toast-button-bg);color:var(--tf-toast-button-color);border-radius:var(--tf-toast-button-border-radius);font-size:var(--tf-toast-button-font-size);line-height:var(--tf-toast-button-line-height);padding:var(--tf-toast-button-padding-y) var(--tf-toast-button-padding-x);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tf-toast-icon-spin[data-v-a5e7e007]{transform-origin:50%;animation:.8s linear infinite tf-toast-spin-a5e7e007;display:inline-block}@keyframes tf-toast-spin-a5e7e007{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-toast-icon-svg[data-v-a5e7e007]{width:var(--tf-toast-icon-size);height:var(--tf-toast-icon-size)}.tf-toast-icon--loading .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-loading))}.tf-toast-icon--default .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-default))}.tf-toast-icon--success .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-success))}.tf-toast-icon--error .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-error))}.tf-toast-icon--warning .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-warning))}.tf-toast-icon--info .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-info))}.tf-toast-icon--custom .tf-toast-icon-svg[data-v-a5e7e007]{color:var(--tf-toast-icon-color,var(--tf-toast-icon-custom,var(--tf-toast-icon-default)))}.tf-toast-body[data-v-a5e7e007]{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.tf-toast-body--has-created-at[data-v-a5e7e007]{column-gap:calc(var(--tf-toast-gap) / 2);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;display:grid}.tf-toast-body--has-created-at[data-v-a5e7e007]>:not(.tf-toast-created-at){grid-column:1}.tf-toast-text[data-v-a5e7e007]{min-width:0}.tf-toast-created-at[data-v-a5e7e007]{color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;grid-area:1/2;place-self:end;font-style:italic}.tf-toast[data-align=right] .tf-toast-created-at[data-v-a5e7e007]{text-align:right;justify-content:flex-end;width:100%;display:flex}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-a5e7e007]{grid-template-columns:auto minmax(0,1fr)}.tf-toast[data-align=right] .tf-toast-body--has-created-at>.tf-toast-created-at[data-v-a5e7e007]{grid-column:1;justify-self:start}.tf-toast[data-align=right] .tf-toast-body--has-created-at[data-v-a5e7e007]>:not(.tf-toast-created-at){grid-column:2}.tf-toast-floating-bar[data-v-a5e7e007]{transform:translate(calc(var(--tf-toast-close-size) * var(--tf-toast-float-x)), calc(var(--tf-toast-close-size) * var(--tf-toast-float-y)));align-items:center;gap:var(--tf-toast-created-at-offset);height:var(--tf-toast-close-size);pointer-events:auto;z-index:2;display:inline-flex;position:absolute;top:0;right:0}.tf-toast-created-at-float[data-v-a5e7e007]{height:var(--tf-toast-close-size);padding:0 var(--tf-toast-created-at-padding-x);border-radius:var(--tf-toast-created-at-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-created-at-border-color);background:var(--tf-toast-created-at-bg);color:var(--tf-toast-created-at-color);font-size:var(--tf-toast-created-at-font-size);white-space:nowrap;pointer-events:none;align-items:center;font-style:italic;display:inline-flex}.tf-toast-title[data-v-a5e7e007]{font-size:var(--tf-toast-title-font-size);font-weight:var(--tf-toast-title-font-weight);line-height:var(--tf-toast-title-line-height);color:var(--_tf-resolved-title-color);word-wrap:break-word;margin:0}.tf-toast-description[data-v-a5e7e007]{font-size:var(--tf-toast-description-font-size);line-height:var(--tf-toast-description-line-height);color:var(--_tf-resolved-desc-color);word-wrap:break-word;margin:0}.tf-toast-close[data-v-a5e7e007]{height:var(--tf-toast-close-size);width:var(--tf-toast-close-size);border-radius:var(--tf-toast-close-border-radius);border:var(--tf-toast-close-border-width) solid var(--tf-toast-close-border-color);background:var(--tf-toast-close-bg);color:var(--tf-toast-close-color);font-size:var(--tf-toast-close-font-size);cursor:pointer;pointer-events:auto;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tf-toast-close-icon[data-v-a5e7e007]{width:var(--tf-toast-close-icon-size);height:var(--tf-toast-close-icon-size)}.tf-toast-close[data-v-a5e7e007]:focus-visible{outline:2px solid var(--tf-toast-close-ring-color);outline-offset:2px}.tf-toast-progress-wrapper[data-v-a5e7e007]{margin:0;position:absolute;bottom:0;left:0;right:0}.tf-toast-root[data-v-c03eb678]{pointer-events:none;position:fixed;inset:0}.tf-toast-stack[data-v-c03eb678]{align-items:flex-start;height:100%;display:flex;position:absolute}.tf-toast-stack-inner[data-v-c03eb678]{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.tf-toast-stack-inner--scroll[data-v-c03eb678]{overscroll-behavior:contain;max-height:100%;padding-top:var(--tf-toast-stack-padding-top);padding-right:var(--tf-toast-stack-padding-right);padding-bottom:var(--tf-toast-stack-padding-bottom);padding-left:var(--tf-toast-stack-padding-left);scroll-padding:var(--tf-toast-stack-padding-top) var(--tf-toast-stack-padding-right) var(--tf-toast-stack-padding-bottom) var(--tf-toast-stack-padding-left);overflow:hidden auto}.tf-toast-stack-inner--bottom[data-v-c03eb678]{justify-content:flex-end;min-height:100%}.tf-toast-stack--left[data-v-c03eb678]{justify-content:flex-start}.tf-toast-stack--center[data-v-c03eb678]{justify-content:center}.tf-toast-stack--right[data-v-c03eb678]{justify-content:flex-end}.tf-toast-item[data-v-c03eb678]{pointer-events:auto;z-index:1;width:100%;position:relative}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`toastflow-core`),require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`toastflow-core`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Toastflow={},e.ToastflowCore,e.Vue))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Symbol.for(`vue-toastflow.toast-store`),i=`__vue_toastflow_store__`,a=null;function o(e){a=e;try{globalThis[i]=e}catch{}}function s(){if(a||=globalThis[i]??null,!a)throw Error(`[vue-toastflow] Toast store not initialized. Did you install the plugin?`);return a}function c(e){function t(t,n){if(typeof t==`string`||n!==void 0){let r=e===void 0?n:{...n??{},type:e};return s().show(t,r)}return e===void 0?s().show(t):s().show({...t,type:e})}return t}var l={getState(){return s().getState()},subscribe(e){return s().subscribe(e)},subscribeEvents(e){return s().subscribeEvents(e)},show:c(),loading(e,t){return s().loading(e,t)},update(e,t){return s().update(e,t)},dismiss(e){return s().dismiss(e)},dismissAll(){return s().dismissAll()},pause(e){return s().pause(e)},resume(e){return s().resume(e)},pauseQueue(){return s().pauseQueue()},resumeQueue(){return s().resumeQueue()},getConfig(){return s().getConfig()},default:c(`default`),success:c(`success`),error:c(`error`),info:c(`info`),warning:c(`warning`),custom:c(`custom`)};function u(e={}){let n=(0,t.createToastStore)(e);return o(n),{install(e){e.provide(r,n)}}}var d=[`data-align`],f=(0,n.defineComponent)({__name:`ToastProgress`,props:{type:{},progressAlignment:{default:`right-to-left`}},setup(e){let t=e;return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`tf-toast-progress`,"data-align":t.progressAlignment},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-progress-bar`,`tf-toast-progress-bar--${t.type}`])},null,2)],8,d))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-ab9c4177`]]),h=[`aria-label`,`onClick`],g={key:0},_=[`innerHTML`],v=(0,n.defineComponent)({__name:`ToastButtonsGroup`,props:{buttons:{},classes:{},onButtonClick:{type:Function}},setup(e){let t=e;function r(e,n){t.onButtonClick(e,n)}return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(e.classes)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.buttons,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.id??t,type:`button`,class:(0,n.normalizeClass)([`tf-toast-button`,e.className]),"aria-label":e.ariaLabel||void 0,onClick:(0,n.withModifiers)(t=>r(e,t),[`stop`]),onPointerdown:i[0]||=(0,n.withModifiers)(()=>{},[`stop`]),onPointerup:i[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onPointercancel:i[2]||=(0,n.withModifiers)(()=>{},[`stop`])},[e.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,g,(0,n.toDisplayString)(e.label),1)):e.html?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:1,innerHTML:e.html},null,8,_)):(0,n.createCommentVNode)(``,!0)],42,h))),128))],2))}}),y={},b={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function x(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,b,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z`,"clip-rule":`evenodd`},null,-1)]])}var S=p(y,[[`render`,x]]),C={},w={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function T(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,w,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z`,"clip-rule":`evenodd`},null,-1)]])}var E=p(C,[[`render`,T]]),D={},O={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function k(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,O,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z`,"clip-rule":`evenodd`},null,-1)]])}var A=p(D,[[`render`,k]]),j={},M={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function N(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,M,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z`,"clip-rule":`evenodd`},null,-1)]])}var P=p(j,[[`render`,N]]),F={},I={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function L(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,I,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z`,"clip-rule":`evenodd`},null,-1)]])}var R=p(F,[[`render`,L]]),z={},B={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function ee(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,B,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z`,"clip-rule":`evenodd`},null,-1)]])}var te=p(z,[[`render`,ee]]),ne={},re={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`};function ie(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,re,[...t[0]||=[(0,n.createElementVNode)(`path`,{"fill-rule":`evenodd`,d:`M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z`,"clip-rule":`evenodd`},null,-1)]])}var ae=p(ne,[[`render`,ie]]),oe=[`role`,`aria-live`],se=[`aria-label`,`data-align`],ce={class:`tf-toast-surface`},le={key:0,class:`tf-toast-meta-row tf-toast-meta-row--top`},ue={key:0,class:`tf-toast-meta tf-toast-meta--left`},de={class:`tf-toast-main-content`},fe={class:`tf-toast-text`},pe=[`aria-label`],me=[`aria-label`,`innerHTML`],he=[`aria-label`],ge=[`aria-label`,`innerHTML`],_e={key:0,class:`tf-toast-created-at`},ve=[`aria-label`],ye={key:1,class:`tf-toast-meta tf-toast-meta--right`},be={key:1,class:`tf-toast-meta-row tf-toast-meta-row--bottom`},xe={key:0,class:`tf-toast-floating-bar`},Se={key:0,class:`tf-toast-created-at-float`},Ce=[`aria-label`],V=8,we=.35,Te=96,H=160,Ee=140,U=p((0,n.defineComponent)({__name:`Toast`,props:{toast:{},progressResetKey:{},duplicateKey:{},updateKey:{},bumpAnimationClass:{},clearAllAnimationClass:{},updateAnimationClass:{}},emits:[`dismiss`],setup(e,{emit:i}){let{toast:a,progressResetKey:o,duplicateKey:c,updateKey:l,bumpAnimationClass:u,clearAllAnimationClass:d,updateAnimationClass:f}=(0,n.toRefs)(e),p=i,h=(0,n.inject)(r,null)??s();function g(e){return typeof e==`string`&&t.VALID_TOAST_TYPES.has(e)?e:`default`}let _=(0,n.computed)(function(){let e=(0,t.isNumberFinite)(a.value.createdAt)?a.value.createdAt:Date.now();return{...h.getConfig(),...a.value,createdAt:e,id:a.value.id??`toast-${e}`,type:g(a.value.type),title:a.value.title??``,description:a.value.description??``,progressBar:a.value.progressBar??!1,duration:a.value.duration??1/0}}),y={success:{accent:`tf-toast-accent--success`,icon:`tf-toast-icon--success`,close:`tf-toast-close--success`,component:S},error:{accent:`tf-toast-accent--error`,icon:`tf-toast-icon--error`,close:`tf-toast-close--error`,component:E},warning:{accent:`tf-toast-accent--warning`,icon:`tf-toast-icon--warning`,close:`tf-toast-close--warning`,component:A},info:{accent:`tf-toast-accent--info`,icon:`tf-toast-icon--info`,close:`tf-toast-close--info`,component:P},default:{accent:`tf-toast-accent--default`,icon:`tf-toast-icon--default`,close:`tf-toast-close--default`,component:R},loading:{accent:`tf-toast-accent--loading`,icon:`tf-toast-icon--loading`,close:`tf-toast-close--loading`,component:te},custom:{accent:`tf-toast-accent--custom`,icon:`tf-toast-icon--custom`,close:`tf-toast-close--custom`,component:R}},b=new Set([`error`,`warning`]),{accentClass:x,iconWrapperClass:C,closeWrapperClass:w,defaultIconComponent:T}=Xe(_),{role:D,ariaLive:O,hasCreatedAt:k,createdAtText:j,createdAtAriaLabel:M,titleAriaLabel:N,descriptionAriaLabel:F,toastAriaLabel:I}=Ze(_),{duration:L,progressStyle:z,showProgressBar:B,progressKeyLocal:ee}=Qe(_,o,c),{isBumped:ne,isUpdated:re}=$e(c,l),{isHovered:ie,handleMouseEnter:U,handleMouseLeave:W,handlePointerDown:G,handlePointerUp:K}=et(_,h,L),{isSwipeEnabled:De,swipeStyle:Oe,handlePointerDown:ke,handlePointerMove:Ae,handlePointerUp:je,handlePointerCancel:Me,consumeSuppressedClick:Ne}=tt(_,p),{handleClick:Pe,handleCloseClick:Fe}=nt(_,p,Ne),{hasButtons:q,buttons:J,buttonsPlacement:Y,buttonsClasses:X,buttonsVarsStyle:Ie,handleButtonClick:Z}=rt(_),Le={iconColor:`--tf-toast-icon-color`,bg:`--tf-toast-bg`,color:`--tf-toast-color`,borderColor:`--tf-toast-border-color`,borderRadius:`--tf-toast-border-radius`,borderWidth:`--tf-toast-border-width`,padding:`--tf-toast-padding`,fontFamily:`--tf-toast-font-family`,gap:`--tf-toast-gap`,titleColor:`--tf-toast-title-color`,titleFontSize:`--tf-toast-title-font-size`,titleFontWeight:`--tf-toast-title-font-weight`,titleLineHeight:`--tf-toast-title-line-height`,descriptionColor:`--tf-toast-description-color`,descriptionFontSize:`--tf-toast-description-font-size`,descriptionLineHeight:`--tf-toast-description-line-height`,iconSize:`--tf-toast-icon-size`,progressBarBg:`--tf-toast-progress-bar-bg`,progressBg:`--tf-toast-progress-bg`,progressHeight:`--tf-toast-progress-height`,closeBg:`--tf-toast-close-bg`,closeColor:`--tf-toast-close-color`,closeBorderColor:`--tf-toast-close-border-color`,closeSize:`--tf-toast-close-size`,closeIconSize:`--tf-toast-close-icon-size`,buttonBg:`--tf-toast-button-bg`,buttonColor:`--tf-toast-button-color`,buttonBorderColor:`--tf-toast-button-border-color`,createdAtColor:`--tf-toast-created-at-color`,createdAtBg:`--tf-toast-created-at-bg`,createdAtBorderColor:`--tf-toast-created-at-border-color`},Re=(0,n.computed)(function(){let e={},t=Ie.value;for(let n of Object.keys(t)){let r=t[n];r!=null&&(e[n]=r)}let n=_.value.css;if(!n)return e;if(n.accentColor){let t=n.accentColor;e[`--tf-toast-accent-color`]=t,e[`--tf-toast-color`]=t,e[`--tf-toast-title-color`]=t,e[`--tf-toast-description-color`]=t,e[`--tf-toast-progress-bar-bg`]=t}n.color&&(n.titleColor||(e[`--tf-toast-title-color`]=n.color),n.descriptionColor||(e[`--tf-toast-description-color`]=n.color));for(let[t,r]of Object.entries(Le)){let i=n[t];i!=null&&(e[r]=i)}return e}),ze=(0,n.computed)(function(){return _.value.showIcon!==!1});function Be(e){G(e),ke(e)}function Ve(e){Ae(e)}function He(e){je(e),K(e)}function Ue(e){Me(e),K(e)}let We=(0,n.computed)(function(){return q.value&&Y.value===`left`}),Ge=(0,n.computed)(function(){return q.value&&Y.value===`right`}),Q=(0,n.computed)(function(){return q.value&&Y.value===`top`}),Ke=(0,n.computed)(function(){return q.value&&Y.value===`bottom`}),qe=(0,n.computed)(function(){return Q.value||Ke.value}),Je=(0,n.computed)(function(){return k.value&&!q.value}),Ye=(0,n.computed)(function(){return k.value&&q.value});function Xe(e){return{accentClass:(0,n.computed)(function(){return e.value.theme?e.value.theme.startsWith(`tf-toast-accent--`)?e.value.theme:`tf-toast-accent--${e.value.theme}`:y[e.value.type].accent}),iconWrapperClass:(0,n.computed)(function(){return y[e.value.type].icon}),closeWrapperClass:(0,n.computed)(function(){return y[e.value.type].close}),defaultIconComponent:(0,n.computed)(function(){return y[e.value.type].component})}}function Ze(e){let r=(0,n.computed)(function(){return b.has(e.value.type)?`alert`:`status`}),i=(0,n.computed)(function(){return b.has(e.value.type)?`assertive`:`polite`}),a=(0,n.computed)(function(){return!!(e.value.showCreatedAt&&(0,t.isNumberFinite)(e.value.createdAt))}),o=(0,n.computed)(function(){if(!a.value)return``;let n=e.value.createdAtFormatter;if(typeof n!=`function`)return(0,t.defaultCreatedAtFormatter)(e.value.createdAt);try{return n(e.value.createdAt)}catch(e){console.error(`[vue-toastflow] Something failed in createdAtFormatter`,e)}return(0,t.defaultCreatedAtFormatter)(e.value.createdAt)}),s=(0,n.computed)(function(){return o.value?`Sent at ${o.value}`:``}),c=(0,n.computed)(function(){return $(e.value.title)}),l=(0,n.computed)(function(){return $(e.value.description)});return{role:r,ariaLive:i,hasCreatedAt:a,createdAtText:o,createdAtAriaLabel:s,titleAriaLabel:c,descriptionAriaLabel:l,toastAriaLabel:(0,n.computed)(function(){let t=[];return c.value&&t.push(c.value),l.value&&t.push(l.value),a.value&&s.value&&t.push(s.value),t.length||t.push(`${e.value.type} notification`),t.join(`. `)})}}function Qe(e,r,i){let a=(0,n.computed)(function(){if((0,t.isNumberFinite)(e.value.duration))return e.value.duration}),o=(0,n.computed)(function(){return a.value?{"--tf-toast-progress-duration":`${a.value}ms`}:{}}),s=(0,n.computed)(function(){return e.value.progressBar&&!!a.value}),c=(0,n.ref)(0);return(0,n.watch)(()=>r?.value,function(e){e!=null&&(c.value+=1)}),(0,n.watch)(()=>i?.value,function(e){e!=null&&(c.value+=1)}),{duration:a,progressStyle:o,showProgressBar:s,progressKeyLocal:c}}function $e(e,t){let r=(0,n.ref)(!1),i=(0,n.ref)(!1);function a(){r.value=!1,requestAnimationFrame(function(){r.value=!0})}function o(){i.value=!1,requestAnimationFrame(function(){i.value=!0})}return(0,n.watch)(()=>e?.value,function(e){e!=null&&a()}),(0,n.watch)(()=>t?.value,function(e){e!=null&&o()}),{isBumped:r,isUpdated:i}}function et(e,t,r){let i=(0,n.ref)(!1),a=``;function o(){a===`touch`||a===`pen`||u()&&f()}function s(){if(a===`touch`||a===`pen`){a=``;return}u()&&p()}function c(e){a=e.pointerType,u(e,!0)&&f()}function l(e){u(e,!0)&&p()}function u(t,n=!1){return!r.value||!e.value.pauseOnHover?!1:!(n&&t&&!d(t))}function d(e){return e.pointerType===`touch`||e.pointerType===`pen`}function f(){i.value=!0,t.pause(e.value.id)}function p(){i.value=!1,t.resume(e.value.id)}return{isHovered:i,handleMouseEnter:o,handleMouseLeave:s,handlePointerDown:c,handlePointerUp:l}}function tt(e,t){let r=(0,n.computed)(function(){return!!e.value.swipeToDismiss}),i=(0,n.ref)(0),a=(0,n.ref)(1),o=(0,n.ref)(!1),s=(0,n.ref)(!1),c=(0,n.ref)(null),l=(0,n.ref)(0),u=(0,n.ref)(0),d=(0,n.ref)(0),f=(0,n.ref)(!1),p=(0,n.ref)(!1),m=(0,n.ref)(!1),h=null,g=(0,n.computed)(function(){return!r.value&&i.value===0&&a.value===1?{}:{transform:`translate3d(${i.value}px, 0, 0)`,opacity:a.value,transition:o.value?`none`:`transform ${H}ms ease, opacity ${H}ms ease`}});function _(){h&&=(clearTimeout(h),null)}function v(){c.value=null,f.value=!1,p.value=!1,m.value=!1,d.value=0}function y(){o.value=!1,!(i.value===0&&a.value===1)&&(i.value=0,a.value=1)}function b(e){return c.value!==null&&c.value===e.pointerId}function x(e){let t=e.currentTarget;if(t?.releasePointerCapture)try{t.releasePointerCapture(e.pointerId)}catch{}}function S(e){return!r.value||e.button!==void 0&&e.button!==0?!1:!it(e.target)}function C(e){if(!S(e))return;_(),s.value=!1,o.value=!1,c.value=e.pointerId,l.value=e.clientX,u.value=e.clientY;let t=e.currentTarget;if(d.value=t?.getBoundingClientRect().width??0,t?.setPointerCapture)try{t.setPointerCapture(e.pointerId)}catch{}}function w(e){if(!b(e)||p.value)return;let t=e.clientX-l.value,n=e.clientY-u.value,r=Math.abs(t),s=Math.abs(n);if(!f.value){if(r<V&&s<V)return;if(t<=0||s>r){p.value=!0,y();return}f.value=!0}e.preventDefault(),o.value=!0,m.value=!0;let c=Math.max(0,t),h=d.value>0?d.value:1,g=Math.min(c/h,1);i.value=c,a.value=Math.max(1-g*.85,.15)}function T(n){if(!b(n))return;if(x(n),!f.value||p.value||!m.value){y(),v();return}let r=d.value>0?d.value:1,c=Math.max(r*we,Te);i.value>=c?(o.value=!1,s.value=!0,i.value=r+24,a.value=0,h=setTimeout(function(){t(`dismiss`,e.value.id),h=null},Ee)):(i.value>V&&(s.value=!0),y()),v()}function E(e){b(e)&&(x(e),y(),v())}function D(){return s.value?(s.value=!1,!0):!1}return(0,n.watch)(r,function(e){e||(_(),y(),v())}),(0,n.onUnmounted)(function(){_()}),{isSwipeEnabled:r,swipeStyle:g,handlePointerDown:C,handlePointerMove:w,handlePointerUp:T,handlePointerCancel:E,consumeSuppressedClick:D}}function nt(e,t,n){function r(t){if(n&&n())return;let r=at(e.value);e.value.onClick&&e.value.onClick(r,t),e.value.closeOnClick&&i()}function i(){t(`dismiss`,e.value.id)}return{handleClick:r,handleCloseClick:i}}function rt(e){let t=(0,n.computed)(function(){return e.value.buttons?.buttons??[]}),r=(0,n.computed)(function(){return e.value.buttons?.layout??`row`}),i=(0,n.computed)(function(){let t=e.value.buttons?.alignment??`bottom-right`;return e.value.alignment===`right`?t.endsWith(`-left`)?t.replace(/-left$/,`-right`):t.endsWith(`-right`)?t.replace(/-right$/,`-left`):t:t}),a=(0,n.computed)(function(){return t.value.length>0}),o=(0,n.computed)(function(){return i.value.endsWith(`-left`)?`left`:`right`}),s=(0,n.computed)(function(){let e=i.value;return e.startsWith(`top-`)?`top`:e.startsWith(`bottom-`)?`bottom`:`center`}),c=(0,n.computed)(function(){if(r.value===`row`)return o.value;let e=s.value;return e===`top`?`top`:e===`bottom`?`bottom`:o.value}),l=(0,n.computed)(function(){return c.value===`left`||c.value===`right`}),u=(0,n.computed)(function(){return o.value===`left`?`tf-toast-actions--start`:`tf-toast-actions--end`}),d=(0,n.computed)(function(){return{"--tf-toast-buttons-gap":e.value.buttons?.gap,"--tf-toast-buttons-content-gap":e.value.buttons?.contentGap}}),f=(0,n.computed)(function(){if(!l.value)return;let e=s.value;if(e===`bottom`)return`tf-toast-buttons--bottom`;if(e===`center`)return`tf-toast-buttons--center`}),p=(0,n.computed)(function(){return[`tf-toast-actions`,u.value,f.value]});function m(t,n){let r=at(e.value);t.onClick&&t.onClick(r,n)}return{hasButtons:a,buttons:t,buttonsPlacement:c,buttonsClasses:p,buttonsVarsStyle:d,handleButtonClick:m}}function it(e){return e instanceof Element?!!e.closest(`button, a, input, textarea, select, option, [role='button'], [contenteditable='true']`):!1}function at(e){return{id:e.id,position:e.position,type:e.type,title:e.title,description:e.description,createdAt:e.createdAt}}function ot(e){return e.replace(/\s+/g,` `).trim()}function $(e){if(!e)return``;let t=ot(e.replace(/<[^>]*>/g,` `));if(typeof window>`u`||!window.document)return t;try{let t=window.document.createElement(`div`);return t.innerHTML=e,ot(t.textContent??``)}catch{return t}}return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{role:(0,n.unref)(D),"aria-live":(0,n.unref)(O),class:`tf-toast-wrapper`,style:(0,n.normalizeStyle)((0,n.unref)(Oe))},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast`,[(0,n.unref)(x),(0,n.unref)(ne)&&_.value.phase!==`leaving`&&_.value.phase!==`clear-all`&&(0,n.unref)(u),(0,n.unref)(re)&&_.value.phase!==`leaving`&&_.value.phase!==`clear-all`&&(0,n.unref)(f),_.value.phase===`clear-all`&&(0,n.unref)(d),(0,n.unref)(ie)&&`tf-toast--paused`,(0,n.unref)(De)&&`tf-toast--swipe-enabled`]]),"aria-label":(0,n.unref)(I)||void 0,"data-align":_.value.alignment,style:(0,n.normalizeStyle)(Re.value),onClick:t[1]||=(...e)=>(0,n.unref)(Pe)&&(0,n.unref)(Pe)(...e),onMouseenter:t[2]||=(...e)=>(0,n.unref)(U)&&(0,n.unref)(U)(...e),onMouseleave:t[3]||=(...e)=>(0,n.unref)(W)&&(0,n.unref)(W)(...e),onPointerdown:Be,onPointermove:Ve,onPointerup:He,onPointercancel:Ue},[(0,n.createElementVNode)(`div`,ce,[Q.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,le,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-main`,[qe.value&&`tf-toast-main--full`,We.value&&`tf-toast-main--content-end`]])},[We.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ue,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,de,[ze.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)([`tf-toast-icon`,(0,n.unref)(C)]),"aria-hidden":`true`},[(0,n.renderSlot)(e.$slots,`icon`,{toast:_.value},()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)((0,n.unref)(T)),{class:(0,n.normalizeClass)([`tf-toast-icon-svg`,[_.value.type===`loading`&&`tf-toast-icon-spin`]]),"aria-hidden":`true`},null,8,[`class`]))],!0)],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`tf-toast-body`,[Je.value&&`tf-toast-body--has-created-at`]])},[(0,n.createElementVNode)(`div`,fe,[_.value.title&&!_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:0,"aria-label":(0,n.unref)(N)||void 0,class:`tf-toast-title`},(0,n.toDisplayString)(_.value.title),9,pe)):_.value.title&&_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:1,class:`tf-toast-title`,"aria-label":(0,n.unref)(N)||void 0,innerHTML:_.value.title},null,8,me)):(0,n.createCommentVNode)(``,!0),_.value.description&&!_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:2,"aria-label":(0,n.unref)(F)||void 0,class:`tf-toast-description`},(0,n.toDisplayString)(_.value.description),9,he)):_.value.description&&_.value.supportHtml?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{key:3,class:`tf-toast-description`,"aria-label":(0,n.unref)(F)||void 0,innerHTML:_.value.description},null,8,ge)):(0,n.createCommentVNode)(``,!0)]),(0,n.renderSlot)(e.$slots,`default`,{toast:_.value},void 0,!0),Je.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_e,[(0,n.renderSlot)(e.$slots,`created-at`,{toast:_.value,formatted:(0,n.unref)(j)},()=>[(0,n.createElementVNode)(`span`,{"aria-label":(0,n.unref)(M)||void 0},(0,n.toDisplayString)((0,n.unref)(j)),9,ve)],!0)])):(0,n.createCommentVNode)(``,!0)],2)]),Ge.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ye,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0)],2),Ke.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,be,[(0,n.createVNode)(v,{buttons:(0,n.unref)(J),classes:(0,n.unref)(X),"on-button-click":(0,n.unref)(Z)},null,8,[`buttons`,`classes`,`on-button-click`])])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(B)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,class:`tf-toast-progress-wrapper`,style:(0,n.normalizeStyle)((0,n.unref)(z))},[(0,n.renderSlot)(e.$slots,`progress`,{toast:_.value},()=>[((0,n.openBlock)(),(0,n.createBlock)(m,{key:(0,n.unref)(ee),type:_.value.type,"progress-alignment":_.value.progressAlignment},null,8,[`type`,`progress-alignment`]))],!0)],4)):(0,n.createCommentVNode)(``,!0)]),Ye.value||_.value.closeButton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,xe,[Ye.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,Se,[(0,n.renderSlot)(e.$slots,`created-at`,{toast:_.value,formatted:(0,n.unref)(j)},()=>[(0,n.createElementVNode)(`span`,{"aria-label":(0,n.unref)(M)||void 0},(0,n.toDisplayString)((0,n.unref)(j)),9,Ce)],!0)])):(0,n.createCommentVNode)(``,!0),_.value.closeButton?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:(0,n.normalizeClass)([`tf-toast-close`,(0,n.unref)(w)]),"aria-label":`Close notification`,onClick:t[0]||=(0,n.withModifiers)((...e)=>(0,n.unref)(Fe)&&(0,n.unref)(Fe)(...e),[`stop`])},[(0,n.renderSlot)(e.$slots,`close-icon`,{toast:_.value},()=>[(0,n.createVNode)(ae,{class:`tf-toast-close-icon`,"aria-hidden":`true`})],!0)],2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)],46,se)],12,oe))}}),[[`__scopeId`,`data-v-a5e7e007`]]),W=[`data-position`],G=260,K=220,De=p((0,n.defineComponent)({__name:`ToastContainer`,setup(e){let t=[`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],i=(0,n.inject)(r,null)??s(),a=(0,n.ref)([]),o=(0,n.ref)({enter:G,leave:K}),c=(0,n.ref)({}),l=(0,n.ref)({}),u=(0,n.ref)({}),d=null,f=null;(0,n.onMounted)(function(){d=i.subscribe(function(e){a.value=e.toasts}),f=i.subscribeEvents(function(e){e.kind===`timer-reset`&&(c.value[e.id]=Math.random()),e.kind===`duplicate`&&(l.value[e.id]=Math.random()),e.kind===`update`&&(u.value[e.id]=Math.random())}),D()}),(0,n.onUnmounted)(function(){d&&d(),f&&f()});function p(e){return c.value[e]??0}function m(e){return l.value[e]??0}function h(e){return u.value[e]??0}let g=(0,n.computed)(function(){let e={"top-left":[],"top-center":[],"top-right":[],"bottom-left":[],"bottom-center":[],"bottom-right":[]};for(let t of a.value)e[t.position].push(t);return e}),_=i.getConfig(),v=(0,n.ref)({"top-left":{..._,position:`top-left`},"top-center":{..._,position:`top-center`},"top-right":{..._,position:`top-right`},"bottom-left":{..._,position:`bottom-left`},"bottom-center":{..._,position:`bottom-center`},"bottom-right":{..._,position:`bottom-right`}}),y=(0,n.computed)(function(){return a.value.length?Math.max(...a.value.map(e=>e.zIndex)):_.zIndex});function b(e){return v.value[e]??{..._,position:e}}function x(e){let{offset:t,width:n}=b(e),r={width:n,maxWidth:`calc(100vw - (${t}) - (${t}))`};return e.startsWith(`top-`)&&(r.top=t),e.startsWith(`bottom-`)&&(r.bottom=t),e.endsWith(`left`)?r.left=t:e.endsWith(`right`)?r.right=t:e.endsWith(`center`)&&(r.left=`50%`,r.transform=`translateX(-50%)`),r}function S(e){return e.endsWith(`left`)?`tf-toast-stack--left`:e.endsWith(`center`)?`tf-toast-stack--center`:`tf-toast-stack--right`}function C(e){return e.startsWith(`bottom-`)?`tf-toast-stack-inner--bottom`:null}function w(e){return b(e).overflowScroll&&e.startsWith(`top-`)}function T(e){i.dismiss(e)}function E(e,t){let n=e.trim().toLowerCase();if(!n)return t;if(n.endsWith(`ms`)){let e=Number(n.slice(0,-2));return Number.isFinite(e)?e:t}if(n.endsWith(`s`)){let e=Number(n.slice(0,-1));return Number.isFinite(e)?e*1e3:t}let r=Number(n);return Number.isFinite(r)?r:t}function D(){if(typeof window>`u`)return;let e=getComputedStyle(document.documentElement);o.value={enter:E(e.getPropertyValue(`--tf-toast-animation-in-duration`),G),leave:E(e.getPropertyValue(`--tf-toast-animation-out-duration`),K)}}let O=new WeakMap;(0,n.onBeforeUpdate)(function(){let e=document.querySelectorAll(`.tf-toast-item`);for(let t=0;t<e.length;t++){let n=e[t],r=n.parentElement;r&&O.set(n,{top:n.offsetTop,height:n.offsetHeight,parentHeight:r.clientHeight,parentWidth:r.clientWidth})}});function k(e){let t=e,n=t.parentElement;if(!n||n.children.length<=1)return;let r=O.get(t),i=(t.dataset.position??``).startsWith(`bottom-`)||n.classList.contains(`tf-toast-stack-inner--bottom`),a=r?.top??t.offsetTop,o=r?.height??t.offsetHeight,s=r?.parentHeight??n.clientHeight,c=r?.parentWidth??n.clientWidth;if(t.style.position=`absolute`,t.style.zIndex=`0`,t.style.width=`${c}px`,t.style.left=`0`,t.style.right=`0`,i){let e=s-(a+o);t.style.bottom=`${e}px`,t.style.top=`auto`}else t.style.top=`${a}px`,t.style.bottom=`auto`}function A(e){let t=e;t.style.position=``,t.style.zIndex=``,t.style.width=``,t.style.left=``,t.style.right=``,t.style.top=``,t.style.bottom=``}(0,n.watch)(a,function(e){let t=new Set(e.map(function(e){return e.id}));for(let e of Object.keys(c.value))t.has(e)||delete c.value[e];for(let e of Object.keys(l.value))t.has(e)||delete l.value[e];for(let e of Object.keys(u.value))t.has(e)||delete u.value[e]},{deep:!1});function j(e){return{..._.animation,...e.animation}}return(0,n.watch)(g,function(e){let t={...v.value};Object.keys(e).forEach(function(n){let r=e[n][0];r&&(t[n]={..._,...r,position:n,animation:{..._.animation,...r.animation}})}),v.value=t},{deep:!1}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`tf-toast-root`,style:(0,n.normalizeStyle)({zIndex:y.value})},[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t,t=>(0,n.createElementVNode)(`div`,{key:t,class:(0,n.normalizeClass)([`tf-toast-stack`,S(t)]),style:(0,n.normalizeStyle)(x(t))},[(0,n.createVNode)(n.TransitionGroup,{appear:``,duration:o.value,name:b(t).animation.name,onBeforeLeave:k,onAfterLeave:A,tag:`div`,class:(0,n.normalizeClass)([`tf-toast-stack-inner`,C(t),w(t)&&`tf-toast-stack-inner--scroll`]),style:(0,n.normalizeStyle)({gap:b(t).gap})},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(g.value[t],(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.id,class:`tf-toast-item`,style:(0,n.normalizeStyle)({width:t.width,maxWidth:`100%`}),"data-position":t.position},[(0,n.createElementVNode)(`div`,{class:`tf-toast-motion`,style:(0,n.normalizeStyle)({"--tf-toast-index":r})},[e.$slots.default?(0,n.renderSlot)(e.$slots,`default`,{key:0,toast:t,progressResetKey:p(t.id),duplicateKey:m(t.id),updateKey:h(t.id),bumpAnimationClass:j(t).bump,clearAllAnimationClass:j(t).clearAll,updateAnimationClass:j(t).update,dismiss:T},void 0,!0):((0,n.openBlock)(),(0,n.createBlock)(U,{key:1,toast:t,progressResetKey:p(t.id),duplicateKey:m(t.id),updateKey:h(t.id),bumpAnimationClass:j(t).bump,clearAllAnimationClass:j(t).clearAll,updateAnimationClass:j(t).update,onDismiss:T},null,8,[`toast`,`progressResetKey`,`duplicateKey`,`updateKey`,`bumpAnimationClass`,`clearAllAnimationClass`,`updateAnimationClass`]))],4)],12,W))),128))]),_:2},1032,[`duration`,`name`,`class`,`style`])],6)),64))],4))}}),[[`__scopeId`,`data-v-c03eb678`]]);e.ArrowPath=te,e.Bell=A,e.CheckCircle=S,e.InfoCircle=P,e.QuestionMarkCircle=R,e.Toast=U,e.ToastContainer=De,e.ToastProgress=m,e.XCircle=E,e.XMark=ae,e.createToastflow=u,e.getToastStore=s,e.setToastStore=o,e.toast=l,Object.keys(t).forEach(function(n){n!==`default`&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});
package/dist/vue-toastflow.css CHANGED
@@ -1,173 +1,185 @@
1
- :root {
2
- /* base look */
3
- --tf-toast-font-family:
4
- inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
5
- sans-serif;
6
- --tf-toast-border-radius: 12px;
7
- --tf-toast-border-width: 1px;
8
- --tf-toast-padding: 16px;
9
-
10
- /* layout inside toast */
11
- --tf-toast-gap: 10px;
12
- --tf-toast-buttons-gap: calc(var(--tf-toast-gap) / 2);
13
- --tf-toast-buttons-content-gap: calc(var(--tf-toast-gap) / 2);
14
-
15
- /* stack padding (used for scrollable stack) */
16
- --tf-toast-stack-padding-top: 8px;
17
- --tf-toast-stack-padding-right: 8px;
18
- --tf-toast-stack-padding-bottom: 18px;
19
- --tf-toast-stack-padding-left: 0;
20
-
21
- /* title */
22
- --tf-toast-title-font-size: 14px;
23
- --tf-toast-title-font-weight: 600;
24
- --tf-toast-title-line-height: 1.25;
25
-
26
- /* description */
27
- --tf-toast-description-font-size: 13px;
28
- --tf-toast-description-line-height: 1.4;
29
-
30
- /* created at and close floating bar */
31
- --tf-toast-float-x: 0.4;
32
- --tf-toast-float-y: -0.4;
33
-
34
- /* created at badge */
35
- --tf-toast-created-at-font-size: 11px;
36
- --tf-toast-created-at-offset: 0;
37
- --tf-toast-created-at-padding-x: 8px;
38
- --tf-toast-created-at-border-radius: 999px;
39
-
40
- /* close button */
41
- --tf-toast-close-size: 18px;
42
- --tf-toast-close-icon-size: 12px;
43
- --tf-toast-close-border-width: var(--tf-toast-border-width);
44
- --tf-toast-close-border-radius: var(--tf-toast-border-radius);
45
- --tf-toast-close-font-size: 11px;
46
-
47
- /* buttons */
48
- --tf-toast-button-font-size: 12px;
49
- --tf-toast-button-line-height: 1;
50
- --tf-toast-button-padding-y: 7px;
51
- --tf-toast-button-padding-x: 9px;
52
- --tf-toast-button-border-radius: 10px;
53
- --tf-toast-button-border-width: var(--tf-toast-border-width);
54
-
55
- /* icon */
56
- --tf-toast-icon-size: 24px;
57
- --tf-toast-icon-loading: var(--tf-toast-loading-text-default);
58
- --tf-toast-icon-default: var(--tf-toast-normal-text-default);
59
- --tf-toast-icon-success: var(--tf-toast-success-text-default);
60
- --tf-toast-icon-error: var(--tf-toast-error-text-default);
61
- --tf-toast-icon-warning: var(--tf-toast-warning-text-default);
62
- --tf-toast-icon-info: var(--tf-toast-info-text-default);
63
- --tf-toast-icon-custom: var(--tf-toast-normal-text-default);
64
-
65
- /* progress bar */
66
- --tf-toast-progress-height: 4px;
67
- --tf-toast-progress-border-radius: var(--tf-toast-border-radius);
68
- --tf-toast-progress-duration: 5000ms;
69
-
70
- /* accent presets */
71
- --tf-toast-normal-bg-default: #fff;
72
- --tf-toast-normal-border-default: #e6e8eb;
73
- --tf-toast-normal-text-default: #11181c;
74
- --tf-toast-normal-progress-bar-bg-default: var(
75
- --tf-toast-normal-text-default
76
- );
77
- --tf-toast-normal-progress-bg-default: color-mix(
78
- in srgb,
79
- var(--tf-toast-normal-text-default) 20%,
80
- transparent
81
- );
82
- --tf-toast-normal-color-default: var(--tf-toast-normal-text-default);
83
- --tf-toast-normal-title-color-default: var(--tf-toast-normal-text-default);
84
- --tf-toast-normal-description-color-default: var(
85
- --tf-toast-normal-text-default
86
- );
87
-
88
- --tf-toast-loading-bg-default: hsl(48, 100%, 96%);
89
- --tf-toast-loading-border-default: hsl(46, 100%, 88%);
90
- --tf-toast-loading-text-default: hsl(40, 100%, 32%);
91
- --tf-toast-loading-progress-bar-bg-default: var(
92
- --tf-toast-loading-text-default
93
- );
94
- --tf-toast-loading-progress-bg-default: color-mix(
95
- in srgb,
96
- var(--tf-toast-loading-text-default) 20%,
97
- transparent
98
- );
99
- --tf-toast-loading-color-default: var(--tf-toast-loading-text-default);
100
- --tf-toast-loading-title-color-default: var(--tf-toast-loading-text-default);
101
- --tf-toast-loading-description-color-default: var(
102
- --tf-toast-loading-text-default
103
- );
104
-
105
- --tf-toast-success-bg-default: hsl(143, 85%, 96%);
106
- --tf-toast-success-border-default: hsl(145, 92%, 87%);
107
- --tf-toast-success-text-default: hsl(140, 100%, 27%);
108
- --tf-toast-success-progress-bar-bg-default: var(
109
- --tf-toast-success-text-default
110
- );
111
- --tf-toast-success-progress-bg-default: color-mix(
112
- in srgb,
113
- var(--tf-toast-success-text-default) 20%,
114
- transparent
115
- );
116
- --tf-toast-success-color-default: var(--tf-toast-success-text-default);
117
- --tf-toast-success-title-color-default: var(--tf-toast-success-text-default);
118
- --tf-toast-success-description-color-default: var(
119
- --tf-toast-success-text-default
120
- );
121
-
122
- --tf-toast-info-bg-default: hsl(208, 100%, 97%);
123
- --tf-toast-info-border-default: hsl(221, 91%, 93%);
124
- --tf-toast-info-text-default: hsl(210, 92%, 45%);
125
- --tf-toast-info-progress-bar-bg-default: var(--tf-toast-info-text-default);
126
- --tf-toast-info-progress-bg-default: color-mix(
127
- in srgb,
128
- var(--tf-toast-info-text-default) 20%,
129
- transparent
130
- );
131
- --tf-toast-info-color-default: var(--tf-toast-info-text-default);
132
- --tf-toast-info-title-color-default: var(--tf-toast-info-text-default);
133
- --tf-toast-info-description-color-default: var(--tf-toast-info-text-default);
134
-
135
- --tf-toast-warning-bg-default: hsl(49, 100%, 97%);
136
- --tf-toast-warning-border-default: hsl(49, 91%, 84%);
137
- --tf-toast-warning-text-default: hsl(31, 92%, 45%);
138
- --tf-toast-warning-progress-bar-bg-default: var(
139
- --tf-toast-warning-text-default
140
- );
141
- --tf-toast-warning-progress-bg-default: color-mix(
142
- in srgb,
143
- var(--tf-toast-warning-text-default) 20%,
144
- transparent
145
- );
146
- --tf-toast-warning-color-default: var(--tf-toast-warning-text-default);
147
- --tf-toast-warning-title-color-default: var(--tf-toast-warning-text-default);
148
- --tf-toast-warning-description-color-default: var(
149
- --tf-toast-warning-text-default
150
- );
151
-
152
- --tf-toast-error-bg-default: hsl(359, 100%, 97%);
153
- --tf-toast-error-border-default: hsl(359, 100%, 94%);
154
- --tf-toast-error-text-default: hsl(360, 100%, 45%);
155
- --tf-toast-error-progress-bar-bg-default: var(--tf-toast-error-text-default);
156
- --tf-toast-error-progress-bg-default: color-mix(
157
- in srgb,
158
- var(--tf-toast-error-text-default) 20%,
159
- transparent
160
- );
161
- --tf-toast-error-color-default: var(--tf-toast-error-text-default);
162
- --tf-toast-error-title-color-default: var(--tf-toast-error-text-default);
163
- --tf-toast-error-description-color-default: var(
164
- --tf-toast-error-text-default
165
- );
166
-
167
- /* animations */
168
- --tf-toast-motion-offset: 10px;
169
- --tf-toast-animation-in-duration: 260ms;
170
- --tf-toast-animation-out-duration: 220ms;
1
+ @layer tf-defaults {
2
+ :root {
3
+ /* base look */
4
+ --tf-toast-font-family:
5
+ inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
6
+ sans-serif;
7
+ --tf-toast-border-radius: 12px;
8
+ --tf-toast-border-width: 1px;
9
+ --tf-toast-padding: 16px;
10
+
11
+ /* layout inside toast */
12
+ --tf-toast-gap: 10px;
13
+ --tf-toast-buttons-gap: calc(var(--tf-toast-gap) / 2);
14
+ --tf-toast-buttons-content-gap: calc(var(--tf-toast-gap) / 2);
15
+
16
+ /* stack padding (used for scrollable stack) */
17
+ --tf-toast-stack-padding-top: 8px;
18
+ --tf-toast-stack-padding-right: 8px;
19
+ --tf-toast-stack-padding-bottom: 18px;
20
+ --tf-toast-stack-padding-left: 0;
21
+
22
+ /* title */
23
+ --tf-toast-title-font-size: 14px;
24
+ --tf-toast-title-font-weight: 600;
25
+ --tf-toast-title-line-height: 1.25;
26
+
27
+ /* description */
28
+ --tf-toast-description-font-size: 13px;
29
+ --tf-toast-description-line-height: 1.4;
30
+
31
+ /* created at and close floating bar */
32
+ --tf-toast-float-x: 0.4;
33
+ --tf-toast-float-y: -0.4;
34
+
35
+ /* created at badge */
36
+ --tf-toast-created-at-font-size: 11px;
37
+ --tf-toast-created-at-offset: 0;
38
+ --tf-toast-created-at-padding-x: 8px;
39
+ --tf-toast-created-at-border-radius: 999px;
40
+
41
+ /* close button */
42
+ --tf-toast-close-size: 18px;
43
+ --tf-toast-close-icon-size: 12px;
44
+ --tf-toast-close-border-width: var(--tf-toast-border-width);
45
+ --tf-toast-close-border-radius: var(--tf-toast-border-radius);
46
+ --tf-toast-close-font-size: 11px;
47
+
48
+ /* buttons */
49
+ --tf-toast-button-font-size: 12px;
50
+ --tf-toast-button-line-height: 1;
51
+ --tf-toast-button-padding-y: 7px;
52
+ --tf-toast-button-padding-x: 9px;
53
+ --tf-toast-button-border-radius: 10px;
54
+ --tf-toast-button-border-width: var(--tf-toast-border-width);
55
+
56
+ /* icon */
57
+ --tf-toast-icon-size: 24px;
58
+ --tf-toast-icon-loading: var(--tf-toast-loading-text-default);
59
+ --tf-toast-icon-default: var(--tf-toast-normal-text-default);
60
+ --tf-toast-icon-success: var(--tf-toast-success-text-default);
61
+ --tf-toast-icon-error: var(--tf-toast-error-text-default);
62
+ --tf-toast-icon-warning: var(--tf-toast-warning-text-default);
63
+ --tf-toast-icon-info: var(--tf-toast-info-text-default);
64
+ --tf-toast-icon-custom: var(--tf-toast-normal-text-default);
65
+
66
+ /* progress bar */
67
+ --tf-toast-progress-height: 4px;
68
+ --tf-toast-progress-border-radius: var(--tf-toast-border-radius);
69
+ --tf-toast-progress-duration: 5000ms;
70
+
71
+ /* accent presets */
72
+ --tf-toast-normal-bg-default: #fff;
73
+ --tf-toast-normal-border-default: #e6e8eb;
74
+ --tf-toast-normal-text-default: #11181c;
75
+ --tf-toast-normal-progress-bar-bg-default: var(
76
+ --tf-toast-normal-text-default
77
+ );
78
+ --tf-toast-normal-progress-bg-default: color-mix(
79
+ in srgb,
80
+ var(--tf-toast-normal-text-default) 20%,
81
+ transparent
82
+ );
83
+ --tf-toast-normal-color-default: var(--tf-toast-normal-text-default);
84
+ --tf-toast-normal-title-color-default: var(--tf-toast-normal-text-default);
85
+ --tf-toast-normal-description-color-default: var(
86
+ --tf-toast-normal-text-default
87
+ );
88
+
89
+ --tf-toast-loading-bg-default: hsl(48, 100%, 96%);
90
+ --tf-toast-loading-border-default: hsl(46, 100%, 88%);
91
+ --tf-toast-loading-text-default: hsl(40, 100%, 32%);
92
+ --tf-toast-loading-progress-bar-bg-default: var(
93
+ --tf-toast-loading-text-default
94
+ );
95
+ --tf-toast-loading-progress-bg-default: color-mix(
96
+ in srgb,
97
+ var(--tf-toast-loading-text-default) 20%,
98
+ transparent
99
+ );
100
+ --tf-toast-loading-color-default: var(--tf-toast-loading-text-default);
101
+ --tf-toast-loading-title-color-default: var(
102
+ --tf-toast-loading-text-default
103
+ );
104
+ --tf-toast-loading-description-color-default: var(
105
+ --tf-toast-loading-text-default
106
+ );
107
+
108
+ --tf-toast-success-bg-default: hsl(143, 85%, 96%);
109
+ --tf-toast-success-border-default: hsl(145, 92%, 87%);
110
+ --tf-toast-success-text-default: hsl(140, 100%, 27%);
111
+ --tf-toast-success-progress-bar-bg-default: var(
112
+ --tf-toast-success-text-default
113
+ );
114
+ --tf-toast-success-progress-bg-default: color-mix(
115
+ in srgb,
116
+ var(--tf-toast-success-text-default) 20%,
117
+ transparent
118
+ );
119
+ --tf-toast-success-color-default: var(--tf-toast-success-text-default);
120
+ --tf-toast-success-title-color-default: var(
121
+ --tf-toast-success-text-default
122
+ );
123
+ --tf-toast-success-description-color-default: var(
124
+ --tf-toast-success-text-default
125
+ );
126
+
127
+ --tf-toast-info-bg-default: hsl(208, 100%, 97%);
128
+ --tf-toast-info-border-default: hsl(221, 91%, 93%);
129
+ --tf-toast-info-text-default: hsl(210, 92%, 45%);
130
+ --tf-toast-info-progress-bar-bg-default: var(--tf-toast-info-text-default);
131
+ --tf-toast-info-progress-bg-default: color-mix(
132
+ in srgb,
133
+ var(--tf-toast-info-text-default) 20%,
134
+ transparent
135
+ );
136
+ --tf-toast-info-color-default: var(--tf-toast-info-text-default);
137
+ --tf-toast-info-title-color-default: var(--tf-toast-info-text-default);
138
+ --tf-toast-info-description-color-default: var(
139
+ --tf-toast-info-text-default
140
+ );
141
+
142
+ --tf-toast-warning-bg-default: hsl(49, 100%, 97%);
143
+ --tf-toast-warning-border-default: hsl(49, 91%, 84%);
144
+ --tf-toast-warning-text-default: hsl(31, 92%, 45%);
145
+ --tf-toast-warning-progress-bar-bg-default: var(
146
+ --tf-toast-warning-text-default
147
+ );
148
+ --tf-toast-warning-progress-bg-default: color-mix(
149
+ in srgb,
150
+ var(--tf-toast-warning-text-default) 20%,
151
+ transparent
152
+ );
153
+ --tf-toast-warning-color-default: var(--tf-toast-warning-text-default);
154
+ --tf-toast-warning-title-color-default: var(
155
+ --tf-toast-warning-text-default
156
+ );
157
+ --tf-toast-warning-description-color-default: var(
158
+ --tf-toast-warning-text-default
159
+ );
160
+
161
+ --tf-toast-error-bg-default: hsl(359, 100%, 97%);
162
+ --tf-toast-error-border-default: hsl(359, 100%, 94%);
163
+ --tf-toast-error-text-default: hsl(360, 100%, 45%);
164
+ --tf-toast-error-progress-bar-bg-default: var(
165
+ --tf-toast-error-text-default
166
+ );
167
+ --tf-toast-error-progress-bg-default: color-mix(
168
+ in srgb,
169
+ var(--tf-toast-error-text-default) 20%,
170
+ transparent
171
+ );
172
+ --tf-toast-error-color-default: var(--tf-toast-error-text-default);
173
+ --tf-toast-error-title-color-default: var(--tf-toast-error-text-default);
174
+ --tf-toast-error-description-color-default: var(
175
+ --tf-toast-error-text-default
176
+ );
177
+
178
+ /* animations */
179
+ --tf-toast-motion-offset: 10px;
180
+ --tf-toast-animation-in-duration: 260ms;
181
+ --tf-toast-animation-out-duration: 220ms;
182
+ }
171
183
  }
172
184
 
173
185
  .tf-toast--paused .tf-toast-progress-bar {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "url": "https://github.com/adrianjanocko/toastflow.git",
21
21
  "directory": "packages/vue"
22
22
  },
23
- "version": "1.2.0-beta.0",
23
+ "version": "1.2.0-beta.2",
24
24
  "main": "./dist/toastflow.umd.js",
25
25
  "module": "./dist/toastflow.es.js",
26
26
  "types": "./dist/src/index.d.ts",
@@ -47,7 +47,7 @@
47
47
  "vue": "^3.4.0"
48
48
  },
49
49
  "dependencies": {
50
- "toastflow-core": "^1.2.2-beta.0"
50
+ "toastflow-core": "^1.2.2-beta.1"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@vitejs/plugin-vue": "^6.0.6",
package/src/components/Toast.vue CHANGED
@@ -1307,15 +1307,21 @@ function stripHtmlToText(value: string): string {
1307
1307
  --_tf-resolved-title-color: var(
1308
1308
  --tf-toast-title-color,
1309
1309
  var(
1310
- --tf-toast-accent-color,
1311
- var(--_tf-title-color, var(--_tf-resolved-color))
1310
+ --tf-toast-color,
1311
+ var(
1312
+ --tf-toast-accent-color,
1313
+ var(--_tf-title-color, var(--_tf-resolved-color))
1314
+ )
1312
1315
  )
1313
1316
  );
1314
1317
  --_tf-resolved-desc-color: var(
1315
1318
  --tf-toast-description-color,
1316
1319
  var(
1317
- --tf-toast-accent-color,
1318
- var(--_tf-desc-color, var(--_tf-resolved-color))
1320
+ --tf-toast-color,
1321
+ var(
1322
+ --tf-toast-accent-color,
1323
+ var(--_tf-desc-color, var(--_tf-resolved-color))
1324
+ )
1319
1325
  )
1320
1326
  );
1321
1327
  --_tf-resolved-progress-bg: var(
package/src/styles.css CHANGED
@@ -1,173 +1,185 @@
1
- :root {
2
- /* base look */
3
- --tf-toast-font-family:
4
- inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
5
- sans-serif;
6
- --tf-toast-border-radius: 12px;
7
- --tf-toast-border-width: 1px;
8
- --tf-toast-padding: 16px;
9
-
10
- /* layout inside toast */
11
- --tf-toast-gap: 10px;
12
- --tf-toast-buttons-gap: calc(var(--tf-toast-gap) / 2);
13
- --tf-toast-buttons-content-gap: calc(var(--tf-toast-gap) / 2);
14
-
15
- /* stack padding (used for scrollable stack) */
16
- --tf-toast-stack-padding-top: 8px;
17
- --tf-toast-stack-padding-right: 8px;
18
- --tf-toast-stack-padding-bottom: 18px;
19
- --tf-toast-stack-padding-left: 0;
20
-
21
- /* title */
22
- --tf-toast-title-font-size: 14px;
23
- --tf-toast-title-font-weight: 600;
24
- --tf-toast-title-line-height: 1.25;
25
-
26
- /* description */
27
- --tf-toast-description-font-size: 13px;
28
- --tf-toast-description-line-height: 1.4;
29
-
30
- /* created at and close floating bar */
31
- --tf-toast-float-x: 0.4;
32
- --tf-toast-float-y: -0.4;
33
-
34
- /* created at badge */
35
- --tf-toast-created-at-font-size: 11px;
36
- --tf-toast-created-at-offset: 0;
37
- --tf-toast-created-at-padding-x: 8px;
38
- --tf-toast-created-at-border-radius: 999px;
39
-
40
- /* close button */
41
- --tf-toast-close-size: 18px;
42
- --tf-toast-close-icon-size: 12px;
43
- --tf-toast-close-border-width: var(--tf-toast-border-width);
44
- --tf-toast-close-border-radius: var(--tf-toast-border-radius);
45
- --tf-toast-close-font-size: 11px;
46
-
47
- /* buttons */
48
- --tf-toast-button-font-size: 12px;
49
- --tf-toast-button-line-height: 1;
50
- --tf-toast-button-padding-y: 7px;
51
- --tf-toast-button-padding-x: 9px;
52
- --tf-toast-button-border-radius: 10px;
53
- --tf-toast-button-border-width: var(--tf-toast-border-width);
54
-
55
- /* icon */
56
- --tf-toast-icon-size: 24px;
57
- --tf-toast-icon-loading: var(--tf-toast-loading-text-default);
58
- --tf-toast-icon-default: var(--tf-toast-normal-text-default);
59
- --tf-toast-icon-success: var(--tf-toast-success-text-default);
60
- --tf-toast-icon-error: var(--tf-toast-error-text-default);
61
- --tf-toast-icon-warning: var(--tf-toast-warning-text-default);
62
- --tf-toast-icon-info: var(--tf-toast-info-text-default);
63
- --tf-toast-icon-custom: var(--tf-toast-normal-text-default);
64
-
65
- /* progress bar */
66
- --tf-toast-progress-height: 4px;
67
- --tf-toast-progress-border-radius: var(--tf-toast-border-radius);
68
- --tf-toast-progress-duration: 5000ms;
69
-
70
- /* accent presets */
71
- --tf-toast-normal-bg-default: #fff;
72
- --tf-toast-normal-border-default: #e6e8eb;
73
- --tf-toast-normal-text-default: #11181c;
74
- --tf-toast-normal-progress-bar-bg-default: var(
75
- --tf-toast-normal-text-default
76
- );
77
- --tf-toast-normal-progress-bg-default: color-mix(
78
- in srgb,
79
- var(--tf-toast-normal-text-default) 20%,
80
- transparent
81
- );
82
- --tf-toast-normal-color-default: var(--tf-toast-normal-text-default);
83
- --tf-toast-normal-title-color-default: var(--tf-toast-normal-text-default);
84
- --tf-toast-normal-description-color-default: var(
85
- --tf-toast-normal-text-default
86
- );
87
-
88
- --tf-toast-loading-bg-default: hsl(48, 100%, 96%);
89
- --tf-toast-loading-border-default: hsl(46, 100%, 88%);
90
- --tf-toast-loading-text-default: hsl(40, 100%, 32%);
91
- --tf-toast-loading-progress-bar-bg-default: var(
92
- --tf-toast-loading-text-default
93
- );
94
- --tf-toast-loading-progress-bg-default: color-mix(
95
- in srgb,
96
- var(--tf-toast-loading-text-default) 20%,
97
- transparent
98
- );
99
- --tf-toast-loading-color-default: var(--tf-toast-loading-text-default);
100
- --tf-toast-loading-title-color-default: var(--tf-toast-loading-text-default);
101
- --tf-toast-loading-description-color-default: var(
102
- --tf-toast-loading-text-default
103
- );
104
-
105
- --tf-toast-success-bg-default: hsl(143, 85%, 96%);
106
- --tf-toast-success-border-default: hsl(145, 92%, 87%);
107
- --tf-toast-success-text-default: hsl(140, 100%, 27%);
108
- --tf-toast-success-progress-bar-bg-default: var(
109
- --tf-toast-success-text-default
110
- );
111
- --tf-toast-success-progress-bg-default: color-mix(
112
- in srgb,
113
- var(--tf-toast-success-text-default) 20%,
114
- transparent
115
- );
116
- --tf-toast-success-color-default: var(--tf-toast-success-text-default);
117
- --tf-toast-success-title-color-default: var(--tf-toast-success-text-default);
118
- --tf-toast-success-description-color-default: var(
119
- --tf-toast-success-text-default
120
- );
121
-
122
- --tf-toast-info-bg-default: hsl(208, 100%, 97%);
123
- --tf-toast-info-border-default: hsl(221, 91%, 93%);
124
- --tf-toast-info-text-default: hsl(210, 92%, 45%);
125
- --tf-toast-info-progress-bar-bg-default: var(--tf-toast-info-text-default);
126
- --tf-toast-info-progress-bg-default: color-mix(
127
- in srgb,
128
- var(--tf-toast-info-text-default) 20%,
129
- transparent
130
- );
131
- --tf-toast-info-color-default: var(--tf-toast-info-text-default);
132
- --tf-toast-info-title-color-default: var(--tf-toast-info-text-default);
133
- --tf-toast-info-description-color-default: var(--tf-toast-info-text-default);
134
-
135
- --tf-toast-warning-bg-default: hsl(49, 100%, 97%);
136
- --tf-toast-warning-border-default: hsl(49, 91%, 84%);
137
- --tf-toast-warning-text-default: hsl(31, 92%, 45%);
138
- --tf-toast-warning-progress-bar-bg-default: var(
139
- --tf-toast-warning-text-default
140
- );
141
- --tf-toast-warning-progress-bg-default: color-mix(
142
- in srgb,
143
- var(--tf-toast-warning-text-default) 20%,
144
- transparent
145
- );
146
- --tf-toast-warning-color-default: var(--tf-toast-warning-text-default);
147
- --tf-toast-warning-title-color-default: var(--tf-toast-warning-text-default);
148
- --tf-toast-warning-description-color-default: var(
149
- --tf-toast-warning-text-default
150
- );
151
-
152
- --tf-toast-error-bg-default: hsl(359, 100%, 97%);
153
- --tf-toast-error-border-default: hsl(359, 100%, 94%);
154
- --tf-toast-error-text-default: hsl(360, 100%, 45%);
155
- --tf-toast-error-progress-bar-bg-default: var(--tf-toast-error-text-default);
156
- --tf-toast-error-progress-bg-default: color-mix(
157
- in srgb,
158
- var(--tf-toast-error-text-default) 20%,
159
- transparent
160
- );
161
- --tf-toast-error-color-default: var(--tf-toast-error-text-default);
162
- --tf-toast-error-title-color-default: var(--tf-toast-error-text-default);
163
- --tf-toast-error-description-color-default: var(
164
- --tf-toast-error-text-default
165
- );
166
-
167
- /* animations */
168
- --tf-toast-motion-offset: 10px;
169
- --tf-toast-animation-in-duration: 260ms;
170
- --tf-toast-animation-out-duration: 220ms;
1
+ @layer tf-defaults {
2
+ :root {
3
+ /* base look */
4
+ --tf-toast-font-family:
5
+ inherit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
6
+ sans-serif;
7
+ --tf-toast-border-radius: 12px;
8
+ --tf-toast-border-width: 1px;
9
+ --tf-toast-padding: 16px;
10
+
11
+ /* layout inside toast */
12
+ --tf-toast-gap: 10px;
13
+ --tf-toast-buttons-gap: calc(var(--tf-toast-gap) / 2);
14
+ --tf-toast-buttons-content-gap: calc(var(--tf-toast-gap) / 2);
15
+
16
+ /* stack padding (used for scrollable stack) */
17
+ --tf-toast-stack-padding-top: 8px;
18
+ --tf-toast-stack-padding-right: 8px;
19
+ --tf-toast-stack-padding-bottom: 18px;
20
+ --tf-toast-stack-padding-left: 0;
21
+
22
+ /* title */
23
+ --tf-toast-title-font-size: 14px;
24
+ --tf-toast-title-font-weight: 600;
25
+ --tf-toast-title-line-height: 1.25;
26
+
27
+ /* description */
28
+ --tf-toast-description-font-size: 13px;
29
+ --tf-toast-description-line-height: 1.4;
30
+
31
+ /* created at and close floating bar */
32
+ --tf-toast-float-x: 0.4;
33
+ --tf-toast-float-y: -0.4;
34
+
35
+ /* created at badge */
36
+ --tf-toast-created-at-font-size: 11px;
37
+ --tf-toast-created-at-offset: 0;
38
+ --tf-toast-created-at-padding-x: 8px;
39
+ --tf-toast-created-at-border-radius: 999px;
40
+
41
+ /* close button */
42
+ --tf-toast-close-size: 18px;
43
+ --tf-toast-close-icon-size: 12px;
44
+ --tf-toast-close-border-width: var(--tf-toast-border-width);
45
+ --tf-toast-close-border-radius: var(--tf-toast-border-radius);
46
+ --tf-toast-close-font-size: 11px;
47
+
48
+ /* buttons */
49
+ --tf-toast-button-font-size: 12px;
50
+ --tf-toast-button-line-height: 1;
51
+ --tf-toast-button-padding-y: 7px;
52
+ --tf-toast-button-padding-x: 9px;
53
+ --tf-toast-button-border-radius: 10px;
54
+ --tf-toast-button-border-width: var(--tf-toast-border-width);
55
+
56
+ /* icon */
57
+ --tf-toast-icon-size: 24px;
58
+ --tf-toast-icon-loading: var(--tf-toast-loading-text-default);
59
+ --tf-toast-icon-default: var(--tf-toast-normal-text-default);
60
+ --tf-toast-icon-success: var(--tf-toast-success-text-default);
61
+ --tf-toast-icon-error: var(--tf-toast-error-text-default);
62
+ --tf-toast-icon-warning: var(--tf-toast-warning-text-default);
63
+ --tf-toast-icon-info: var(--tf-toast-info-text-default);
64
+ --tf-toast-icon-custom: var(--tf-toast-normal-text-default);
65
+
66
+ /* progress bar */
67
+ --tf-toast-progress-height: 4px;
68
+ --tf-toast-progress-border-radius: var(--tf-toast-border-radius);
69
+ --tf-toast-progress-duration: 5000ms;
70
+
71
+ /* accent presets */
72
+ --tf-toast-normal-bg-default: #fff;
73
+ --tf-toast-normal-border-default: #e6e8eb;
74
+ --tf-toast-normal-text-default: #11181c;
75
+ --tf-toast-normal-progress-bar-bg-default: var(
76
+ --tf-toast-normal-text-default
77
+ );
78
+ --tf-toast-normal-progress-bg-default: color-mix(
79
+ in srgb,
80
+ var(--tf-toast-normal-text-default) 20%,
81
+ transparent
82
+ );
83
+ --tf-toast-normal-color-default: var(--tf-toast-normal-text-default);
84
+ --tf-toast-normal-title-color-default: var(--tf-toast-normal-text-default);
85
+ --tf-toast-normal-description-color-default: var(
86
+ --tf-toast-normal-text-default
87
+ );
88
+
89
+ --tf-toast-loading-bg-default: hsl(48, 100%, 96%);
90
+ --tf-toast-loading-border-default: hsl(46, 100%, 88%);
91
+ --tf-toast-loading-text-default: hsl(40, 100%, 32%);
92
+ --tf-toast-loading-progress-bar-bg-default: var(
93
+ --tf-toast-loading-text-default
94
+ );
95
+ --tf-toast-loading-progress-bg-default: color-mix(
96
+ in srgb,
97
+ var(--tf-toast-loading-text-default) 20%,
98
+ transparent
99
+ );
100
+ --tf-toast-loading-color-default: var(--tf-toast-loading-text-default);
101
+ --tf-toast-loading-title-color-default: var(
102
+ --tf-toast-loading-text-default
103
+ );
104
+ --tf-toast-loading-description-color-default: var(
105
+ --tf-toast-loading-text-default
106
+ );
107
+
108
+ --tf-toast-success-bg-default: hsl(143, 85%, 96%);
109
+ --tf-toast-success-border-default: hsl(145, 92%, 87%);
110
+ --tf-toast-success-text-default: hsl(140, 100%, 27%);
111
+ --tf-toast-success-progress-bar-bg-default: var(
112
+ --tf-toast-success-text-default
113
+ );
114
+ --tf-toast-success-progress-bg-default: color-mix(
115
+ in srgb,
116
+ var(--tf-toast-success-text-default) 20%,
117
+ transparent
118
+ );
119
+ --tf-toast-success-color-default: var(--tf-toast-success-text-default);
120
+ --tf-toast-success-title-color-default: var(
121
+ --tf-toast-success-text-default
122
+ );
123
+ --tf-toast-success-description-color-default: var(
124
+ --tf-toast-success-text-default
125
+ );
126
+
127
+ --tf-toast-info-bg-default: hsl(208, 100%, 97%);
128
+ --tf-toast-info-border-default: hsl(221, 91%, 93%);
129
+ --tf-toast-info-text-default: hsl(210, 92%, 45%);
130
+ --tf-toast-info-progress-bar-bg-default: var(--tf-toast-info-text-default);
131
+ --tf-toast-info-progress-bg-default: color-mix(
132
+ in srgb,
133
+ var(--tf-toast-info-text-default) 20%,
134
+ transparent
135
+ );
136
+ --tf-toast-info-color-default: var(--tf-toast-info-text-default);
137
+ --tf-toast-info-title-color-default: var(--tf-toast-info-text-default);
138
+ --tf-toast-info-description-color-default: var(
139
+ --tf-toast-info-text-default
140
+ );
141
+
142
+ --tf-toast-warning-bg-default: hsl(49, 100%, 97%);
143
+ --tf-toast-warning-border-default: hsl(49, 91%, 84%);
144
+ --tf-toast-warning-text-default: hsl(31, 92%, 45%);
145
+ --tf-toast-warning-progress-bar-bg-default: var(
146
+ --tf-toast-warning-text-default
147
+ );
148
+ --tf-toast-warning-progress-bg-default: color-mix(
149
+ in srgb,
150
+ var(--tf-toast-warning-text-default) 20%,
151
+ transparent
152
+ );
153
+ --tf-toast-warning-color-default: var(--tf-toast-warning-text-default);
154
+ --tf-toast-warning-title-color-default: var(
155
+ --tf-toast-warning-text-default
156
+ );
157
+ --tf-toast-warning-description-color-default: var(
158
+ --tf-toast-warning-text-default
159
+ );
160
+
161
+ --tf-toast-error-bg-default: hsl(359, 100%, 97%);
162
+ --tf-toast-error-border-default: hsl(359, 100%, 94%);
163
+ --tf-toast-error-text-default: hsl(360, 100%, 45%);
164
+ --tf-toast-error-progress-bar-bg-default: var(
165
+ --tf-toast-error-text-default
166
+ );
167
+ --tf-toast-error-progress-bg-default: color-mix(
168
+ in srgb,
169
+ var(--tf-toast-error-text-default) 20%,
170
+ transparent
171
+ );
172
+ --tf-toast-error-color-default: var(--tf-toast-error-text-default);
173
+ --tf-toast-error-title-color-default: var(--tf-toast-error-text-default);
174
+ --tf-toast-error-description-color-default: var(
175
+ --tf-toast-error-text-default
176
+ );
177
+
178
+ /* animations */
179
+ --tf-toast-motion-offset: 10px;
180
+ --tf-toast-animation-in-duration: 260ms;
181
+ --tf-toast-animation-out-duration: 220ms;
182
+ }
171
183
  }
172
184
 
173
185
  .tf-toast--paused .tf-toast-progress-bar {