customizable-toast-notification 3.20.2 → 4.0.1
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.
- package/CHANGELOG.md +29 -0
- package/README.md +56 -132
- package/dist/angular.cjs +126 -0
- package/dist/angular.cjs.map +1 -0
- package/dist/angular.d.ts +44 -0
- package/dist/angular.esm.mjs +126 -0
- package/dist/angular.esm.mjs.map +1 -0
- package/dist/index.cjs +115 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.d.ts +14 -12
- package/dist/index.css.map +2 -2
- package/dist/index.d.ts +28 -630
- package/dist/index.esm.mjs +114 -4
- package/dist/index.esm.mjs.map +1 -1
- package/dist/index.umd.js +114 -4
- package/dist/index.umd.js.map +1 -1
- package/dist/react.cjs +126 -0
- package/dist/react.cjs.map +1 -0
- package/dist/react.d.ts +46 -0
- package/dist/react.esm.mjs +126 -0
- package/dist/react.esm.mjs.map +1 -0
- package/dist/solid.cjs +126 -0
- package/dist/solid.cjs.map +1 -0
- package/dist/solid.d.ts +45 -0
- package/dist/solid.esm.mjs +126 -0
- package/dist/solid.esm.mjs.map +1 -0
- package/dist/svelte.cjs +126 -0
- package/dist/svelte.cjs.map +1 -0
- package/dist/svelte.d.ts +50 -0
- package/dist/svelte.esm.mjs +126 -0
- package/dist/svelte.esm.mjs.map +1 -0
- package/dist/vue.cjs +126 -0
- package/dist/vue.cjs.map +1 -0
- package/dist/vue.d.ts +45 -0
- package/dist/vue.esm.mjs +126 -0
- package/dist/vue.esm.mjs.map +1 -0
- package/package.json +20 -28
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* Customizable Toast Notifications - https://github.com/sammy-cool/customizable-toast-notification */
|
|
2
|
-
:root{--toast-bg: #ffffff;--toast-text: #1a1a1a;--toast-border-radius: 50px;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .1);--toast-padding: 12px 16px;--toast-min-width: 250px;--toast-max-width: 400px;--toast-transition-duration: .4s;--toast-transition-timing: ease;--toast-success-bg: #28a745;--toast-success-text: #ffffff;--toast-error-bg: #dc3545;--toast-error-text: #ffffff;--toast-warning-bg: #ffc107;--toast-warning-text: #000000;--toast-info-bg: #17a2b8;--toast-info-text: #ffffff;--toast-z-index: 9999;--toast-emergency-z-index: 10099;--toast-gap: 10px;--toast-offset: 10px}[data-toast-theme=light]{--toast-bg: #ffffff;--toast-text: #1a1a1a;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .1)}[data-toast-theme=dark]{--toast-bg: #1a1a1a;--toast-text: #f5f5f5;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .4);--toast-success-bg: #1e7e34;--toast-success-text: #e8f5e9;--toast-error-bg: #a71930;--toast-error-text: #ffebee;--toast-warning-bg: #997404;--toast-warning-text: #fff3e0;--toast-info-bg: #0c5460;--toast-info-text: #e0f2f1}[data-toast-theme=high-contrast]{--toast-bg: #000000;--toast-text: #ffff00;--toast-border-radius: 0px;--toast-shadow: 0 0 0 3px #ffff00;--toast-success-bg: #00ff00;--toast-success-text: #000000;--toast-error-bg: #ff0000;--toast-error-text: #ffffff;--toast-warning-bg: #ffff00;--toast-warning-text: #000000;--toast-info-bg: #00ffff;--toast-info-text: #000000}[data-toast-theme=compact]{--toast-padding: 8px 12px;--toast-min-width: 200px;--toast-max-width: 300px;--toast-gap: 6px;--toast-offset: 6px;--toast-border-radius: 6px}[data-toast-theme=spacious]{--toast-padding: 16px 20px;--toast-min-width: 300px;--toast-max-width: 500px;--toast-gap: 15px;--toast-offset: 15px;--toast-border-radius: 12px}[data-toast-theme=glass]{--toast-bg: rgba(255, 255, 255, .1);--toast-text: #ffffff;--toast-shadow: 0 8px 32px rgba(31, 38, 135, .37);--toast-border-radius: 10px;--toast-success-bg: rgba(40, 167, 69, .2);--toast-success-text: #ffffff;--toast-error-bg: rgba(220, 53, 69, .2);--toast-error-text: #ffffff;--toast-warning-bg: rgba(255, 193, 7, .2);--toast-warning-text: #ffffff;--toast-info-bg: rgba(23, 162, 184, .2);--toast-info-text: #ffffff}.toast-container-base{position:fixed;z-index:var(--toast-z-index, 9999);pointer-events:none;display:flex;justify-content:space-between;align-items:center;flex-direction:column;overflow:hidden;inset:auto 10px 10px auto;contain:layout style}.toast-position-bottom-right,.toast-position-bottom{top:auto;right:var(--toast-offset, 10px);bottom:var(--toast-offset, 10px);left:auto;transform:none}.toast-position-bottom-left{top:auto;right:auto;bottom:var(--toast-offset, 10px);left:var(--toast-offset, 10px);transform:none}.toast-position-top-right{top:var(--toast-offset, 10px);right:var(--toast-offset, 10px);bottom:auto;left:auto;transform:none}.toast-position-top-left{top:var(--toast-offset, 10px);right:auto;bottom:auto;left:var(--toast-offset, 10px);transform:none}.toast-position-top-center,.toast-position-center-top,.toast-position-top{top:var(--toast-offset, 10px);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.toast-position-bottom-center,.toast-position-center-bottom{top:auto;right:auto;bottom:var(--toast-offset, 10px);left:50%;transform:translate(-50%)}.toast-position-left-center,.toast-position-center-left{top:50%;right:auto;bottom:auto;left:var(--toast-offset, 10px);transform:translateY(-50%)}.toast-position-right-center,.toast-position-center-right{top:50%;right:var(--toast-offset, 10px);bottom:auto;left:auto;transform:translateY(-50%)}.toast-position-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.toast-position-top-full-width{top:var(--toast-offset, 10px);right:var(--toast-offset, 10px);bottom:auto;left:var(--toast-offset, 10px);max-width:100vw;transform:none}.toast-position-bottom-full-width{top:auto;right:var(--toast-offset, 10px);bottom:var(--toast-offset, 10px);left:var(--toast-offset, 10px);max-width:100vw;transform:none}.toast-outer-wrapper{position:relative;display:inline-block;overflow:visible;margin-bottom:var(--toast-gap, 10px);z-index:0;width:100%;pointer-events:auto}.toast-inner-wrapper{position:relative;overflow:hidden;z-index:1}.toast{padding:var(--toast-padding, 12px 16px);margin-bottom:var(--toast-gap, 10px);border-radius:var(--toast-border-radius, 50px);overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--toast-shadow, 0 4px 6px rgba(0, 0, 0, .1));min-width:var(--toast-min-width, 250px);max-width:var(--toast-max-width, 400px);opacity:0;position:relative;cursor:default;box-sizing:border-box;user-select:text;pointer-events:auto;contain:layout style;will-change:transform,opacity;transition:opacity var(--toast-transition-duration, .4s) var(--toast-transition-timing, ease),transform var(--toast-transition-duration, .4s) var(--toast-transition-timing, ease);transform:translateY(20px);z-index:var(--toast-z-index, 9999);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--toast-bg, #ffffff);color:var(--toast-text, #1a1a1a)}.toast-info{background:var(--toast-info-bg, #17a2b8);color:var(--toast-info-text, #ffffff)}.toast-success{background:var(--toast-success-bg, #28a745);color:var(--toast-success-text, #ffffff)}.toast-error{background:var(--toast-error-bg, #dc3545);color:var(--toast-error-text, #ffffff)}.toast-warning{background:var(--toast-warning-bg, #ffc107);color:var(--toast-warning-text, #000000)}.toast-message{flex:1;display:block;font-size:14px;font-weight:400;line-height:1.4;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;user-select:text}.toast-message.is-truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.toast-loader{display:inline-flex;align-items:center;gap:8px}.toast-loader-circle{opacity:.85;stroke-dasharray:90;stroke-dashoffset:60;transform-origin:center;animation:toast-spinner 1s linear infinite}.toast-loader-label{font-size:13px}.toast-message-spacer{display:inline-block;width:8px}.toast-cta{margin-left:10px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;line-height:1;border:1px solid rgba(255,255,255,.3);background:#00000026;color:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:background .2s ease}.toast-cta+.toast-cta{margin-left:6px}.toast-cta:hover{background:#00000040}.toast-undo-btn{margin-left:10px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.3);background:#ffffff2e;color:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;transition:background .2s ease,transform .1s ease}.toast-undo-btn:hover{background:#ffffff47}.toast-undo-btn:active{transform:scale(.96)}.toast-close-btn{background:none;border:none;color:inherit;font-size:18px;margin-left:10px;cursor:pointer;line-height:1;padding:0 4px;transition:opacity .2s ease}.toast-close-btn:hover{opacity:.7}.toast-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:2px;background:currentColor;opacity:.8;will-change:width;transition:width var(--toast-transition-duration, .4s) linear}@keyframes toast-progress-indeterminate{0%{left:0%;width:0%}50%{left:20%;width:60%}to{left:100%;width:0%}}.toast-progress-bar.toast-progress-bar-indeterminate{animation:toast-progress-indeterminate 1.6s cubic-bezier(.4,0,.2,1) infinite!important}.toast-progress-top{top:0;bottom:auto}.toast-count-badge{position:absolute;top:6px;right:6px;background-color:#f44336;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 6px #0000004d;z-index:2;pointer-events:none;transition:transform .15s ease}.toast-emergency{background:#333;color:#fff;padding:10px 15px;position:fixed;z-index:var(--toast-emergency-z-index, 10099);border-radius:3px;max-width:250px;word-wrap:break-word;box-shadow:0 2px 10px #0000004d}.toast-emergency-message{display:inline-block}.toast-emergency-close{float:right;margin-left:10px;background:transparent;border:none;color:inherit;padding:0;font:inherit;font-weight:700;cursor:pointer}@keyframes toast-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}[class*=toast-position-top] .toast:not(.active){transform:translateY(-20px)}.toast.active{opacity:1;transform:translateY(0)}@keyframes toast-bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.custom-animation-bounce{animation:toast-bounce-gentle .6s ease-in-out}.toast-animation-fade{transform:none!important}.toast-animation-zoom{transform:scale(.75)!important}.toast-animation-flip{transform:perspective(600px) rotateX(45deg)!important}[data-toast-theme=glass] .toast{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);text-shadow:0 1px 2px rgba(0,0,0,.4)}[data-toast-theme=high-contrast] button:focus-visible,[data-toast-theme=high-contrast] a:focus-visible{outline:3px solid #ffff00;outline-offset:2px}.toast.pinched{transform:scale(1.1);z-index:1000}.toast.flicked{transition:transform .2s ease-out,opacity .2s ease-out}@keyframes pinch-expand{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes pinch-contract{0%{transform:scale(1.15)}to{transform:scale(1)}}[data-stacked=true] .toast-outer-wrapper{transition:transform .24s cubic-bezier(.16,1,.3,1),margin .24s cubic-bezier(.16,1,.3,1),opacity .24s ease}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth=expanded]{transform:none;margin-top:0;margin-bottom:10px;opacity:1;pointer-events:auto}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="0"]{transform:scale(1);margin-top:0;margin-bottom:0;opacity:1;z-index:30;pointer-events:auto}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="1"]{transform:scale(.95) translateY(-10px);margin-top:-55px;margin-bottom:0;opacity:.9;z-index:20;pointer-events:auto}[data-stacked=true][id*=top] .toast-outer-wrapper[data-stacked-depth="1"]{transform:scale(.95) translateY(10px)}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="2"]{transform:scale(.9) translateY(-20px);margin-top:-55px;margin-bottom:0;opacity:.75;z-index:10;pointer-events:auto}[data-stacked=true][id*=top] .toast-outer-wrapper[data-stacked-depth="2"]{transform:scale(.9) translateY(20px)}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth=overflow]{transform:scale(.85) translateY(-30px);margin-top:-55px;margin-bottom:0;opacity:0;z-index:1;pointer-events:none}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;margin-inline-end:8px;line-height:1}[dir=rtl] .toast-icon,.toast[style*="direction: rtl"] .toast-icon{margin-right:0;margin-left:8px}.toast-icon svg{display:block}.toast.toast-paused{box-shadow:0 0 0 2px #ffffff4d,0 8px 16px #0003!important}.toast.toast-paused .toast-progress-bar{opacity:1!important;filter:brightness(1.2)}@media(prefers-reduced-motion:reduce){.toast,.toast-progress-bar,.toast-loader-circle,.toast-count-badge,.toast-cta,.toast-undo-btn,.toast-close-btn,.toast-outer-wrapper{transition:none!important;animation:none!important}}[data-toast-reduced-motion=always] .toast,[data-toast-reduced-motion=always] .toast-progress-bar,[data-toast-reduced-motion=always] .toast-loader-circle,[data-toast-reduced-motion=always] .toast-count-badge,[data-toast-reduced-motion=always] .toast-cta,[data-toast-reduced-motion=always] .toast-undo-btn,[data-toast-reduced-motion=always] .toast-close-btn,[data-toast-reduced-motion=always] .toast-outer-wrapper{transition:none!important;animation:none!important}
|
|
2
|
+
:root{--toast-bg: #ffffff;--toast-text: #1a1a1a;--toast-border-radius: 50px;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .1);--toast-padding: 12px 16px;--toast-min-width: 250px;--toast-max-width: 400px;--toast-transition-duration: .4s;--toast-transition-timing: ease;--toast-success-bg: #28a745;--toast-success-text: #ffffff;--toast-error-bg: #dc3545;--toast-error-text: #ffffff;--toast-warning-bg: #ffc107;--toast-warning-text: #000000;--toast-info-bg: #17a2b8;--toast-info-text: #ffffff;--toast-z-index: 9999;--toast-emergency-z-index: 10099;--toast-gap: 10px;--toast-offset: 10px}[data-toast-theme=light]{--toast-bg: #ffffff;--toast-text: #1a1a1a;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .1)}[data-toast-theme=dark]{--toast-bg: #1a1a1a;--toast-text: #f5f5f5;--toast-shadow: 0 4px 6px rgba(0, 0, 0, .4);--toast-success-bg: #1e7e34;--toast-success-text: #e8f5e9;--toast-error-bg: #a71930;--toast-error-text: #ffebee;--toast-warning-bg: #997404;--toast-warning-text: #fff3e0;--toast-info-bg: #0c5460;--toast-info-text: #e0f2f1}[data-toast-theme=high-contrast]{--toast-bg: #000000;--toast-text: #ffff00;--toast-border-radius: 0px;--toast-shadow: 0 0 0 3px #ffff00;--toast-success-bg: #00ff00;--toast-success-text: #000000;--toast-error-bg: #ff0000;--toast-error-text: #ffffff;--toast-warning-bg: #ffff00;--toast-warning-text: #000000;--toast-info-bg: #00ffff;--toast-info-text: #000000}[data-toast-theme=compact]{--toast-padding: 8px 12px;--toast-min-width: 200px;--toast-max-width: 300px;--toast-gap: 6px;--toast-offset: 6px;--toast-border-radius: 6px}[data-toast-theme=spacious]{--toast-padding: 16px 20px;--toast-min-width: 300px;--toast-max-width: 500px;--toast-gap: 15px;--toast-offset: 15px;--toast-border-radius: 12px}[data-toast-theme=glass]{--toast-bg: rgba(255, 255, 255, .1);--toast-text: #ffffff;--toast-shadow: 0 8px 32px rgba(31, 38, 135, .37);--toast-border-radius: 10px;--toast-success-bg: rgba(40, 167, 69, .2);--toast-success-text: #ffffff;--toast-error-bg: rgba(220, 53, 69, .2);--toast-error-text: #ffffff;--toast-warning-bg: rgba(255, 193, 7, .2);--toast-warning-text: #ffffff;--toast-info-bg: rgba(23, 162, 184, .2);--toast-info-text: #ffffff}.toast-container-base{position:fixed;z-index:var(--toast-z-index, 9999);pointer-events:none;display:flex;justify-content:space-between;align-items:center;flex-direction:column;overflow:visible;inset:auto 10px 10px auto;contain:layout style}.toast-position-bottom-right,.toast-position-bottom{top:auto;right:var(--toast-offset, 10px);bottom:var(--toast-offset, 10px);left:auto;transform:none}.toast-position-bottom-left{top:auto;right:auto;bottom:var(--toast-offset, 10px);left:var(--toast-offset, 10px);transform:none}.toast-position-top-right{top:var(--toast-offset, 10px);right:var(--toast-offset, 10px);bottom:auto;left:auto;transform:none}.toast-position-top-left{top:var(--toast-offset, 10px);right:auto;bottom:auto;left:var(--toast-offset, 10px);transform:none}.toast-position-top-center,.toast-position-center-top,.toast-position-top{top:var(--toast-offset, 10px);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.toast-position-bottom-center,.toast-position-center-bottom{top:auto;right:auto;bottom:var(--toast-offset, 10px);left:50%;transform:translate(-50%)}.toast-position-left-center,.toast-position-center-left{top:50%;right:auto;bottom:auto;left:var(--toast-offset, 10px);transform:translateY(-50%)}.toast-position-right-center,.toast-position-center-right{top:50%;right:var(--toast-offset, 10px);bottom:auto;left:auto;transform:translateY(-50%)}.toast-position-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.toast-position-top-full-width{top:var(--toast-offset, 10px);right:var(--toast-offset, 10px);bottom:auto;left:var(--toast-offset, 10px);max-width:100vw;transform:none}.toast-position-bottom-full-width{top:auto;right:var(--toast-offset, 10px);bottom:var(--toast-offset, 10px);left:var(--toast-offset, 10px);max-width:100vw;transform:none}.toast-outer-wrapper{position:relative;display:inline-block;overflow:visible;margin-bottom:var(--toast-gap, 10px);z-index:0;width:100%;pointer-events:auto}.toast-inner-wrapper{position:relative;overflow:hidden;z-index:1}.toast{padding:var(--toast-padding, 12px 16px);margin-bottom:var(--toast-gap, 10px);border-radius:var(--toast-border-radius, 50px);overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--toast-shadow, 0 4px 6px rgba(0, 0, 0, .1));min-width:var(--toast-min-width, 250px);max-width:var(--toast-max-width, 400px);opacity:0;position:relative;cursor:default;box-sizing:border-box;user-select:text;pointer-events:auto;contain:layout style;will-change:transform,opacity;transition:opacity var(--toast-transition-duration, .4s) var(--toast-transition-timing, ease),transform var(--toast-transition-duration, .4s) var(--toast-transition-timing, ease);transform:translateY(20px);z-index:var(--toast-z-index, 9999);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--toast-bg, #ffffff);color:var(--toast-text, #1a1a1a)}.toast-info{background:var(--toast-info-bg, #17a2b8);color:var(--toast-info-text, #ffffff)}.toast-success{background:var(--toast-success-bg, #28a745);color:var(--toast-success-text, #ffffff)}.toast-error{background:var(--toast-error-bg, #dc3545);color:var(--toast-error-text, #ffffff)}.toast-warning{background:var(--toast-warning-bg, #ffc107);color:var(--toast-warning-text, #000000)}.toast-message{flex:1;display:block;font-size:14px;font-weight:400;line-height:1.4;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;user-select:text}.toast-message.is-truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.toast-loader{display:inline-flex;align-items:center;gap:8px}.toast-loader-circle{opacity:.85;stroke-dasharray:90;stroke-dashoffset:60;transform-origin:center;animation:toast-spinner 1s linear infinite}.toast-loader-label{font-size:13px}.toast-message-spacer{display:inline-block;width:8px}.toast-cta{margin-left:10px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;line-height:1;border:1px solid rgba(255,255,255,.3);background:#00000026;color:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:background .2s ease}.toast-cta+.toast-cta{margin-left:6px}.toast-cta:hover{background:#00000040}.toast-undo-btn{margin-left:10px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.3);background:#ffffff2e;color:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;transition:background .2s ease,transform .1s ease}.toast-undo-btn:hover{background:#ffffff47}.toast-undo-btn:active{transform:scale(.96)}.toast-close-btn{background:none;border:none;color:inherit;font-size:18px;margin-left:10px;cursor:pointer;line-height:1;padding:0 4px;transition:opacity .2s ease}.toast-close-btn:hover{opacity:.7}.toast-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:2px;background:currentColor;opacity:.8;will-change:width;transition:width var(--toast-transition-duration, .4s) linear}@keyframes toast-progress-indeterminate{0%{left:0%;width:0%}50%{left:20%;width:60%}to{left:100%;width:0%}}@keyframes toast-progress-indeterminate-rtl{0%{right:0%;width:0%}50%{right:20%;width:60%}to{right:100%;width:0%}}.toast-progress-bar.toast-progress-bar-indeterminate{animation:toast-progress-indeterminate 1.6s cubic-bezier(.4,0,.2,1) infinite!important}.toast-progress-bar.toast-progress-bar-indeterminate-rtl{animation:toast-progress-indeterminate-rtl 1.6s cubic-bezier(.4,0,.2,1) infinite!important}.toast-progress-top{top:0;bottom:auto}.toast-count-badge{position:absolute;top:6px;right:6px;background-color:#f44336;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 6px #0000004d;z-index:2;pointer-events:none;transition:transform .15s ease}.toast-emergency{background:#333;color:#fff;padding:10px 15px;position:fixed;z-index:var(--toast-emergency-z-index, 10099);border-radius:3px;max-width:250px;word-wrap:break-word;box-shadow:0 2px 10px #0000004d}.toast-emergency-message{display:inline-block}.toast-emergency-close{float:right;margin-left:10px;background:transparent;border:none;color:inherit;padding:0;font:inherit;font-weight:700;cursor:pointer}@keyframes toast-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[class*=toast-position-top] .toast:not(.active){transform:translateY(-20px)}.toast.toast-anim-fade:not(.active){transform:none}.toast.toast-anim-zoom:not(.active),.toast.toast-anim-scale:not(.active),.toast.toast-anim-pop:not(.active){transform:scale(.6)}.toast.toast-anim-bounce:not(.active){transform:translateY(36px) scale(.9)}[class*=toast-position-top] .toast.toast-anim-bounce:not(.active){transform:translateY(-36px) scale(.9)}.toast.toast-anim-slide:not(.active){transform:translateY(100%)}[class*=toast-position-top] .toast.toast-anim-slide:not(.active){transform:translateY(-100%)}[class*=toast-position-left] .toast.toast-anim-slide:not(.active){transform:translate(-100%)}[class*=toast-position-right] .toast.toast-anim-slide:not(.active){transform:translate(100%)}.toast.active{opacity:1;transform:translateY(0)}[data-toast-theme=glass] .toast{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);text-shadow:0 1px 2px rgba(0,0,0,.4)}[data-toast-theme=high-contrast] button:focus-visible,[data-toast-theme=high-contrast] a:focus-visible{outline:3px solid #ffff00;outline-offset:2px}[data-stacked=true] .toast-outer-wrapper{transition:transform .24s cubic-bezier(.16,1,.3,1),margin .24s cubic-bezier(.16,1,.3,1),opacity .24s ease}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth=expanded]{transform:none;margin-top:0;margin-bottom:10px;opacity:1;pointer-events:auto}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="0"]{transform:scale(1);margin-top:0;margin-bottom:0;opacity:1;z-index:30;pointer-events:auto}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="1"]{transform:scale(.95) translateY(-10px);margin-top:-55px;margin-bottom:0;opacity:.9;z-index:20;pointer-events:auto}[data-stacked=true][id*=top] .toast-outer-wrapper[data-stacked-depth="1"]{transform:scale(.95) translateY(10px);margin-top:0;margin-bottom:-55px}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth="2"]{transform:scale(.9) translateY(-20px);margin-top:-55px;margin-bottom:0;opacity:.75;z-index:10;pointer-events:auto}[data-stacked=true][id*=top] .toast-outer-wrapper[data-stacked-depth="2"]{transform:scale(.9) translateY(20px);margin-top:0;margin-bottom:-55px}[data-stacked=true] .toast-outer-wrapper[data-stacked-depth=overflow]{transform:scale(.85) translateY(-30px);margin-top:-55px;margin-bottom:0;opacity:0;z-index:1;pointer-events:none}[data-stacked=true][id*=top] .toast-outer-wrapper[data-stacked-depth=overflow]{transform:scale(.85) translateY(30px);margin-top:0;margin-bottom:-55px}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;margin-inline-end:8px;line-height:1}[dir=rtl] .toast-icon,.toast[style*="direction: rtl"] .toast-icon{margin-right:0;margin-left:8px}.toast-icon svg{display:block}.toast.toast-paused{box-shadow:0 0 0 2px #ffffff4d,0 8px 16px #0003!important}.toast.toast-paused .toast-progress-bar{opacity:1!important;filter:brightness(1.2)}@media(max-width:480px){.toast-container-base{width:100%!important;max-width:100vw!important;left:0!important;right:0!important;padding:0 10px!important;box-sizing:border-box!important;align-items:center!important}.toast{max-width:calc(100vw - 20px)!important;min-width:0!important;width:100%!important}}@media(prefers-reduced-motion:reduce){.toast,.toast-progress-bar,.toast-loader-circle,.toast-count-badge,.toast-cta,.toast-undo-btn,.toast-close-btn,.toast-outer-wrapper{transition:none!important;animation:none!important}}[data-toast-reduced-motion=always] .toast,[data-toast-reduced-motion=always] .toast-progress-bar,[data-toast-reduced-motion=always] .toast-loader-circle,[data-toast-reduced-motion=always] .toast-count-badge,[data-toast-reduced-motion=always] .toast-cta,[data-toast-reduced-motion=always] .toast-undo-btn,[data-toast-reduced-motion=always] .toast-close-btn,[data-toast-reduced-motion=always] .toast-outer-wrapper{transition:none!important;animation:none!important}
|
package/dist/index.css.d.ts
CHANGED
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
export const active: string;
|
|
10
|
-
export const customAnimationBounce: string;
|
|
11
|
-
export const flicked: string;
|
|
12
10
|
export const isTruncated: string;
|
|
13
|
-
export const pinched: string;
|
|
14
11
|
export const toast: string;
|
|
15
|
-
export const
|
|
16
|
-
export const
|
|
17
|
-
export const
|
|
12
|
+
export const toastAnimBounce: string;
|
|
13
|
+
export const toastAnimFade: string;
|
|
14
|
+
export const toastAnimPop: string;
|
|
15
|
+
export const toastAnimScale: string;
|
|
16
|
+
export const toastAnimSlide: string;
|
|
17
|
+
export const toastAnimZoom: string;
|
|
18
18
|
export const toastCloseBtn: string;
|
|
19
19
|
export const toastContainerBase: string;
|
|
20
20
|
export const toastCountBadge: string;
|
|
@@ -52,6 +52,7 @@ export const toastPositionTopLeft: string;
|
|
|
52
52
|
export const toastPositionTopRight: string;
|
|
53
53
|
export const toastProgressBar: string;
|
|
54
54
|
export const toastProgressBarIndeterminate: string;
|
|
55
|
+
export const toastProgressBarIndeterminateRtl: string;
|
|
55
56
|
export const toastProgressTop: string;
|
|
56
57
|
export const toastSuccess: string;
|
|
57
58
|
export const toastUndoBtn: string;
|
|
@@ -60,14 +61,14 @@ export const toastWarning: string;
|
|
|
60
61
|
export interface CssClasses {
|
|
61
62
|
readonly [key: string]: string;
|
|
62
63
|
readonly "active": string;
|
|
63
|
-
readonly "custom-animation-bounce": string;
|
|
64
|
-
readonly "flicked": string;
|
|
65
64
|
readonly "is-truncated": string;
|
|
66
|
-
readonly "pinched": string;
|
|
67
65
|
readonly "toast": string;
|
|
68
|
-
readonly "toast-
|
|
69
|
-
readonly "toast-
|
|
70
|
-
readonly "toast-
|
|
66
|
+
readonly "toast-anim-bounce": string;
|
|
67
|
+
readonly "toast-anim-fade": string;
|
|
68
|
+
readonly "toast-anim-pop": string;
|
|
69
|
+
readonly "toast-anim-scale": string;
|
|
70
|
+
readonly "toast-anim-slide": string;
|
|
71
|
+
readonly "toast-anim-zoom": string;
|
|
71
72
|
readonly "toast-close-btn": string;
|
|
72
73
|
readonly "toast-container-base": string;
|
|
73
74
|
readonly "toast-count-badge": string;
|
|
@@ -105,6 +106,7 @@ export interface CssClasses {
|
|
|
105
106
|
readonly "toast-position-top-right": string;
|
|
106
107
|
readonly "toast-progress-bar": string;
|
|
107
108
|
readonly "toast-progress-bar-indeterminate": string;
|
|
109
|
+
readonly "toast-progress-bar-indeterminate-rtl": string;
|
|
108
110
|
readonly "toast-progress-top": string;
|
|
109
111
|
readonly "toast-success": string;
|
|
110
112
|
readonly "toast-undo-btn": string;
|
package/dist/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/styles.css"],
|
|
4
|
-
"sourcesContent": ["/*\n * Customizable Toast Notifications - External CSS Mode\n * Import this file and call `setConfig({ disableInlineStyles: true })` for\n * stricter Content Security Policy deployments.\n *\n * CSS Variables: Fully customizable via :root or [data-toast-theme]\n * Built-in Themes: light (default), dark, high-contrast, compact, spacious, glass\n */\n\n/* ========== ROOT VARIABLES (Customization Foundation) ========== */\n:root {\n /* Colors */\n --toast-bg: #ffffff;\n --toast-text: #1a1a1a;\n --toast-border-radius: 50px;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --toast-padding: 12px 16px;\n --toast-min-width: 250px;\n --toast-max-width: 400px;\n\n /* Animations */\n --toast-transition-duration: 0.4s;\n --toast-transition-timing: ease;\n\n /* Type-specific Colors */\n --toast-success-bg: #28a745;\n --toast-success-text: #ffffff;\n\n --toast-error-bg: #dc3545;\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: #ffc107;\n --toast-warning-text: #000000;\n\n --toast-info-bg: #17a2b8;\n --toast-info-text: #ffffff;\n\n /* Z-index Stack */\n --toast-z-index: 9999;\n --toast-emergency-z-index: 10099;\n\n /* Spacing */\n --toast-gap: 10px;\n --toast-offset: 10px;\n}\n\n/* ========== THEME: LIGHT (Default) ========== */\n[data-toast-theme=\"light\"] {\n --toast-bg: #ffffff;\n --toast-text: #1a1a1a;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n/* ========== THEME: DARK ========== */\n[data-toast-theme=\"dark\"] {\n --toast-bg: #1a1a1a;\n --toast-text: #f5f5f5;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);\n\n --toast-success-bg: #1e7e34;\n --toast-success-text: #e8f5e9;\n\n --toast-error-bg: #a71930;\n --toast-error-text: #ffebee;\n\n --toast-warning-bg: #997404;\n --toast-warning-text: #fff3e0;\n\n --toast-info-bg: #0c5460;\n --toast-info-text: #e0f2f1;\n}\n\n/* ========== THEME: HIGH-CONTRAST (Accessibility) ========== */\n[data-toast-theme=\"high-contrast\"] {\n --toast-bg: #000000;\n --toast-text: #ffff00;\n --toast-border-radius: 0px;\n --toast-shadow: 0 0 0 3px #ffff00;\n\n --toast-success-bg: #00ff00;\n --toast-success-text: #000000;\n\n --toast-error-bg: #ff0000;\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: #ffff00;\n --toast-warning-text: #000000;\n\n --toast-info-bg: #00ffff;\n --toast-info-text: #000000;\n}\n\n/* ========== THEME: COMPACT ========== */\n[data-toast-theme=\"compact\"] {\n --toast-padding: 8px 12px;\n --toast-min-width: 200px;\n --toast-max-width: 300px;\n --toast-gap: 6px;\n --toast-offset: 6px;\n --toast-border-radius: 6px;\n}\n\n/* ========== THEME: SPACIOUS ========== */\n[data-toast-theme=\"spacious\"] {\n --toast-padding: 16px 20px;\n --toast-min-width: 300px;\n --toast-max-width: 500px;\n --toast-gap: 15px;\n --toast-offset: 15px;\n --toast-border-radius: 12px;\n}\n\n/* ========== THEME: GLASSMORPHISM ========== */\n[data-toast-theme=\"glass\"] {\n --toast-bg: rgba(255, 255, 255, 0.1);\n --toast-text: #ffffff;\n --toast-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);\n --toast-border-radius: 10px;\n\n --toast-success-bg: rgba(40, 167, 69, 0.2);\n --toast-success-text: #ffffff;\n\n --toast-error-bg: rgba(220, 53, 69, 0.2);\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: rgba(255, 193, 7, 0.2);\n --toast-warning-text: #ffffff;\n\n --toast-info-bg: rgba(23, 162, 184, 0.2);\n --toast-info-text: #ffffff;\n}\n\n/* ========== CONTAINER BASE ========== */\n.toast-container-base {\n position: fixed;\n z-index: var(--toast-z-index, 9999);\n pointer-events: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n inset: auto 10px 10px auto;\n contain: layout style;\n}\n\n/* ========== POSITIONING CLASSES ========== */\n.toast-position-bottom-right,\n.toast-position-bottom {\n top: auto;\n right: var(--toast-offset, 10px);\n bottom: var(--toast-offset, 10px);\n left: auto;\n transform: none;\n}\n\n.toast-position-bottom-left {\n top: auto;\n right: auto;\n bottom: var(--toast-offset, 10px);\n left: var(--toast-offset, 10px);\n transform: none;\n}\n\n.toast-position-top-right {\n top: var(--toast-offset, 10px);\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: auto;\n transform: none;\n}\n\n.toast-position-top-left {\n top: var(--toast-offset, 10px);\n right: auto;\n bottom: auto;\n left: var(--toast-offset, 10px);\n transform: none;\n}\n\n.toast-position-top-center,\n.toast-position-center-top,\n.toast-position-top {\n top: var(--toast-offset, 10px);\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.toast-position-bottom-center,\n.toast-position-center-bottom {\n top: auto;\n right: auto;\n bottom: var(--toast-offset, 10px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.toast-position-left-center,\n.toast-position-center-left {\n top: 50%;\n right: auto;\n bottom: auto;\n left: var(--toast-offset, 10px);\n transform: translateY(-50%);\n}\n\n.toast-position-right-center,\n.toast-position-center-right {\n top: 50%;\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: auto;\n transform: translateY(-50%);\n}\n\n.toast-position-center {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.toast-position-top-full-width {\n top: var(--toast-offset, 10px);\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: var(--toast-offset, 10px);\n max-width: 100vw;\n transform: none;\n}\n\n.toast-position-bottom-full-width {\n top: auto;\n right: var(--toast-offset, 10px);\n bottom: var(--toast-offset, 10px);\n left: var(--toast-offset, 10px);\n max-width: 100vw;\n transform: none;\n}\n\n/* ========== WRAPPER STRUCTURE ========== */\n.toast-outer-wrapper {\n position: relative;\n display: inline-block;\n overflow: visible;\n margin-bottom: var(--toast-gap, 10px);\n z-index: 0;\n width: 100%;\n pointer-events: auto;\n}\n\n.toast-inner-wrapper {\n position: relative;\n overflow: hidden;\n z-index: 1;\n}\n\n/* ========== TOAST BASE ========== */\n.toast {\n padding: var(--toast-padding, 12px 16px);\n margin-bottom: var(--toast-gap, 10px);\n border-radius: var(--toast-border-radius, 50px);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-shadow: var(--toast-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));\n min-width: var(--toast-min-width, 250px);\n max-width: var(--toast-max-width, 400px);\n opacity: 0;\n position: relative;\n cursor: default;\n box-sizing: border-box;\n user-select: text;\n pointer-events: auto;\n contain: layout style;\n will-change: transform, opacity;\n transition: opacity var(--toast-transition-duration, 0.4s) var(--toast-transition-timing, ease),\n transform var(--toast-transition-duration, 0.4s) var(--toast-transition-timing, ease);\n transform: translateY(20px);\n z-index: var(--toast-z-index, 9999);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n background: var(--toast-bg, #ffffff);\n color: var(--toast-text, #1a1a1a);\n}\n\n/* ========== TOAST TYPE VARIANTS ========== */\n.toast-info {\n background: var(--toast-info-bg, #17a2b8);\n color: var(--toast-info-text, #ffffff);\n}\n\n.toast-success {\n background: var(--toast-success-bg, #28a745);\n color: var(--toast-success-text, #ffffff);\n}\n\n.toast-error {\n background: var(--toast-error-bg, #dc3545);\n color: var(--toast-error-text, #ffffff);\n}\n\n.toast-warning {\n background: var(--toast-warning-bg, #ffc107);\n color: var(--toast-warning-text, #000000);\n}\n\n/* ========== TOAST MESSAGE ========== */\n.toast-message {\n flex: 1;\n display: block;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.4;\n word-break: break-word;\n white-space: normal;\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: text;\n}\n\n.toast-message.is-truncated {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n\n/* ========== LOADER STYLES ========== */\n.toast-loader {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.toast-loader-circle {\n opacity: 0.85;\n stroke-dasharray: 90;\n stroke-dashoffset: 60;\n transform-origin: center;\n animation: toast-spinner 1s linear infinite;\n}\n\n.toast-loader-label {\n font-size: 13px;\n}\n\n.toast-message-spacer {\n display: inline-block;\n width: 8px;\n}\n\n/* ========== CTA & BUTTONS ========== */\n.toast-cta {\n margin-left: 10px;\n padding: 6px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(0, 0, 0, 0.15);\n color: inherit;\n cursor: pointer;\n white-space: nowrap;\n flex-shrink: 0;\n text-decoration: none;\n transition: background 0.2s ease;\n}\n\n.toast-cta + .toast-cta {\n margin-left: 6px;\n}\n\n.toast-cta:hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n.toast-undo-btn {\n margin-left: 10px;\n padding: 5px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.18);\n color: inherit;\n cursor: pointer;\n white-space: nowrap;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n transition: background 0.2s ease, transform 0.1s ease;\n}\n\n.toast-undo-btn:hover {\n background: rgba(255, 255, 255, 0.28);\n}\n\n.toast-undo-btn:active {\n transform: scale(0.96);\n}\n\n.toast-close-btn {\n background: none;\n border: none;\n color: inherit;\n font-size: 18px;\n margin-left: 10px;\n cursor: pointer;\n line-height: 1;\n padding: 0 4px;\n transition: opacity 0.2s ease;\n}\n\n.toast-close-btn:hover {\n opacity: 0.7;\n}\n\n/* ========== PROGRESS BAR ========== */\n.toast-progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 4px;\n border-radius: 2px;\n background: currentColor;\n opacity: 0.8;\n will-change: width;\n transition: width var(--toast-transition-duration, 0.4s) linear;\n}\n\n@keyframes toast-progress-indeterminate {\n 0% {\n left: 0%;\n width: 0%;\n }\n 50% {\n left: 20%;\n width: 60%;\n }\n 100% {\n left: 100%;\n width: 0%;\n }\n}\n\n.toast-progress-bar.toast-progress-bar-indeterminate {\n animation: toast-progress-indeterminate 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;\n}\n\n.toast-progress-top {\n top: 0;\n bottom: auto;\n}\n\n/* ========== COUNT BADGE ========== */\n.toast-count-badge {\n position: absolute;\n top: 6px;\n right: 6px;\n background-color: #f44336;\n color: #ffffff;\n border-radius: 50%;\n min-width: 20px;\n height: 20px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid #ffffff;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n z-index: 2;\n pointer-events: none;\n transition: transform 150ms ease;\n}\n\n/* ========== EMERGENCY TOAST (Fallback) ========== */\n.toast-emergency {\n background: #333333;\n color: white;\n padding: 10px 15px;\n position: fixed;\n z-index: var(--toast-emergency-z-index, 10099);\n border-radius: 3px;\n max-width: 250px;\n word-wrap: break-word;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n.toast-emergency-message {\n display: inline-block;\n}\n\n.toast-emergency-close {\n float: right;\n margin-left: 10px;\n background: transparent;\n border: none;\n color: inherit;\n padding: 0;\n font: inherit;\n font-weight: bold;\n cursor: pointer;\n}\n\n/* ========== ANIMATIONS ========== */\n@keyframes toast-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes toast-entrance {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes toast-exit {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(20px);\n }\n}\n\n/* ========== POSITION-SPECIFIC INITIAL TRANSFORMS ========== */\n[class*=\"toast-position-top\"] .toast:not(.active) {\n transform: translateY(-20px);\n}\n\n/* ========== ACTIVE STATE ========== */\n.toast.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n/* ========== CUSTOM ANIMATION UTILITIES ========== */\n@keyframes toast-bounce-gentle {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-8px);\n }\n}\n\n.custom-animation-bounce {\n animation: toast-bounce-gentle 0.6s ease-in-out;\n}\n\n.toast-animation-fade {\n transform: none !important;\n}\n\n.toast-animation-zoom {\n transform: scale(0.75) !important;\n}\n\n.toast-animation-flip {\n transform: perspective(600px) rotateX(45deg) !important;\n}\n\n/* ========== GLASSMORPHISM SUPPORT ========== */\n[data-toast-theme=\"glass\"] .toast {\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n}\n\n/* ========== HIGH-CONTRAST FOCUS ACCESSIBILITY ========== */\n[data-toast-theme=\"high-contrast\"] button:focus-visible,\n[data-toast-theme=\"high-contrast\"] a:focus-visible {\n outline: 3px solid #ffff00;\n outline-offset: 2px;\n}\n\n/* ========== PINCH & FLICK GESTURES ========== */\n.toast.pinched {\n transform: scale(1.1);\n z-index: 1000;\n}\n\n.toast.flicked {\n transition: transform 200ms ease-out, opacity 200ms ease-out;\n}\n\n@keyframes pinch-expand {\n from {\n transform: scale(1);\n }\n to {\n transform: scale(1.15);\n }\n}\n\n@keyframes pinch-contract {\n from {\n transform: scale(1.15);\n }\n to {\n transform: scale(1);\n }\n}\n\n/* ========== STACKED CARD DECK (CSP MODE & DEFAULT) ========== */\n[data-stacked=\"true\"] .toast-outer-wrapper {\n transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), margin 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 240ms ease;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"expanded\"] {\n transform: none;\n margin-top: 0px;\n margin-bottom: 10px;\n opacity: 1;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"0\"] {\n transform: scale(1);\n margin-top: 0px;\n margin-bottom: 0px;\n opacity: 1;\n z-index: 30;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"1\"] {\n transform: scale(0.95) translateY(-10px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0.9;\n z-index: 20;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"][id*=\"top\"] .toast-outer-wrapper[data-stacked-depth=\"1\"] {\n transform: scale(0.95) translateY(10px);\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"2\"] {\n transform: scale(0.90) translateY(-20px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0.75;\n z-index: 10;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"][id*=\"top\"] .toast-outer-wrapper[data-stacked-depth=\"2\"] {\n transform: scale(0.90) translateY(20px);\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"overflow\"] {\n transform: scale(0.85) translateY(-30px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0;\n z-index: 1;\n pointer-events: none;\n}\n\n/* ========== STATUS ICONS & HOVER FREEZE SHIMMER ========== */\n.toast-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 8px;\n margin-inline-end: 8px;\n line-height: 1;\n}\n\n[dir=\"rtl\"] .toast-icon,\n.toast[style*=\"direction: rtl\"] .toast-icon {\n margin-right: 0;\n margin-left: 8px;\n}\n\n.toast-icon svg {\n display: block;\n}\n\n.toast.toast-paused {\n box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2) !important;\n}\n\n.toast.toast-paused .toast-progress-bar {\n opacity: 1 !important;\n filter: brightness(1.2);\n}\n\n/* ========== ACCESSIBILITY: REDUCED MOTION ========== */\n@media (prefers-reduced-motion: reduce) {\n .toast,\n .toast-progress-bar,\n .toast-loader-circle,\n .toast-count-badge,\n .toast-cta,\n .toast-undo-btn,\n .toast-close-btn,\n .toast-outer-wrapper {\n transition: none !important;\n animation: none !important;\n }\n}\n\n[data-toast-reduced-motion=\"always\"] .toast,\n[data-toast-reduced-motion=\"always\"] .toast-progress-bar,\n[data-toast-reduced-motion=\"always\"] .toast-loader-circle,\n[data-toast-reduced-motion=\"always\"] .toast-count-badge,\n[data-toast-reduced-motion=\"always\"] .toast-cta,\n[data-toast-reduced-motion=\"always\"] .toast-undo-btn,\n[data-toast-reduced-motion=\"always\"] .toast-close-btn,\n[data-toast-reduced-motion=\"always\"] .toast-outer-wrapper {\n transition: none !important;\n animation: none !important;\n}\n\n\n"],
|
|
5
|
-
"mappings": ";AAUA,MAEE,YAAY,QACZ,cAAc,QACd,uBAAuB,KACvB,gBAAgB,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IACxC,iBAAiB,KAAK,KACtB,mBAAmB,MACnB,mBAAmB,MAGnB,6BAA6B,IAC7B,2BAA2B,KAG3B,oBAAoB,QACpB,sBAAsB,QAEtB,kBAAkB,QAClB,oBAAoB,QAEpB,oBAAoB,QACpB,sBAAsB,QAEtB,iBAAiB,QACjB,mBAAmB,QAGnB,iBAAiB,KACjB,2BAA2B,MAG3B,aAAa,KACb,gBAAgB,IAClB,CAGA,CAAC,wBACC,YAAY,QACZ,cAAc,QACd,gBAAgB,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAC1C,CAGA,CAAC,uBACC,YAAY,QACZ,cAAc,QACd,gBAAgB,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAExC,oBAAoB,QACpB,sBAAsB,QAEtB,kBAAkB,QAClB,oBAAoB,QAEpB,oBAAoB,QACpB,sBAAsB,QAEtB,iBAAiB,QACjB,mBAAmB,OACrB,CAGA,CAAC,gCACC,YAAY,QACZ,cAAc,QACd,uBAAuB,IACvB,gBAAgB,EAAE,EAAE,EAAE,IAAI,QAE1B,oBAAoB,QACpB,sBAAsB,QAEtB,kBAAkB,QAClB,oBAAoB,QAEpB,oBAAoB,QACpB,sBAAsB,QAEtB,iBAAiB,QACjB,mBAAmB,OACrB,CAGA,CAAC,0BACC,iBAAiB,IAAI,KACrB,mBAAmB,MACnB,mBAAmB,MACnB,aAAa,IACb,gBAAgB,IAChB,uBAAuB,GACzB,CAGA,CAAC,2BACC,iBAAiB,KAAK,KACtB,mBAAmB,MACnB,mBAAmB,MACnB,aAAa,KACb,gBAAgB,KAChB,uBAAuB,IACzB,CAGA,CAAC,wBACC,YAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAChC,cAAc,QACd,gBAAgB,EAAE,IAAI,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAC7C,uBAAuB,KAEvB,oBAAoB,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IACtC,sBAAsB,QAEtB,kBAAkB,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,IACpC,oBAAoB,QAEpB,oBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IACtC,sBAAsB,QAEtB,iBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IACpC,mBAAmB,OACrB,CAGA,CAAC,qBACC,SAAU,MACV,QAAS,IAAI,eAAe,EAAE,MAC9B,eAAgB,KAChB,QAAS,KACT,gBAAiB,cACjB,YAAa,OACb,eAAgB,OAChB,SAAU,
|
|
4
|
+
"sourcesContent": ["/*\n * Customizable Toast Notifications - External CSS Mode\n * Import this file and call `setConfig({ disableInlineStyles: true })` for\n * stricter Content Security Policy deployments.\n *\n * CSS Variables: Fully customizable via :root or [data-toast-theme]\n * Built-in Themes: light (default), dark, high-contrast, compact, spacious, glass\n */\n\n/* ========== ROOT VARIABLES (Customization Foundation) ========== */\n:root {\n /* Colors */\n --toast-bg: #ffffff;\n --toast-text: #1a1a1a;\n --toast-border-radius: 50px;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n --toast-padding: 12px 16px;\n --toast-min-width: 250px;\n --toast-max-width: 400px;\n\n /* Animations */\n --toast-transition-duration: 0.4s;\n --toast-transition-timing: ease;\n\n /* Type-specific Colors */\n --toast-success-bg: #28a745;\n --toast-success-text: #ffffff;\n\n --toast-error-bg: #dc3545;\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: #ffc107;\n --toast-warning-text: #000000;\n\n --toast-info-bg: #17a2b8;\n --toast-info-text: #ffffff;\n\n /* Z-index Stack */\n --toast-z-index: 9999;\n --toast-emergency-z-index: 10099;\n\n /* Spacing */\n --toast-gap: 10px;\n --toast-offset: 10px;\n}\n\n/* ========== THEME: LIGHT (Default) ========== */\n[data-toast-theme=\"light\"] {\n --toast-bg: #ffffff;\n --toast-text: #1a1a1a;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n/* ========== THEME: DARK ========== */\n[data-toast-theme=\"dark\"] {\n --toast-bg: #1a1a1a;\n --toast-text: #f5f5f5;\n --toast-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);\n\n --toast-success-bg: #1e7e34;\n --toast-success-text: #e8f5e9;\n\n --toast-error-bg: #a71930;\n --toast-error-text: #ffebee;\n\n --toast-warning-bg: #997404;\n --toast-warning-text: #fff3e0;\n\n --toast-info-bg: #0c5460;\n --toast-info-text: #e0f2f1;\n}\n\n/* ========== THEME: HIGH-CONTRAST (Accessibility) ========== */\n[data-toast-theme=\"high-contrast\"] {\n --toast-bg: #000000;\n --toast-text: #ffff00;\n --toast-border-radius: 0px;\n --toast-shadow: 0 0 0 3px #ffff00;\n\n --toast-success-bg: #00ff00;\n --toast-success-text: #000000;\n\n --toast-error-bg: #ff0000;\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: #ffff00;\n --toast-warning-text: #000000;\n\n --toast-info-bg: #00ffff;\n --toast-info-text: #000000;\n}\n\n/* ========== THEME: COMPACT ========== */\n[data-toast-theme=\"compact\"] {\n --toast-padding: 8px 12px;\n --toast-min-width: 200px;\n --toast-max-width: 300px;\n --toast-gap: 6px;\n --toast-offset: 6px;\n --toast-border-radius: 6px;\n}\n\n/* ========== THEME: SPACIOUS ========== */\n[data-toast-theme=\"spacious\"] {\n --toast-padding: 16px 20px;\n --toast-min-width: 300px;\n --toast-max-width: 500px;\n --toast-gap: 15px;\n --toast-offset: 15px;\n --toast-border-radius: 12px;\n}\n\n/* ========== THEME: GLASSMORPHISM ========== */\n[data-toast-theme=\"glass\"] {\n --toast-bg: rgba(255, 255, 255, 0.1);\n --toast-text: #ffffff;\n --toast-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);\n --toast-border-radius: 10px;\n\n --toast-success-bg: rgba(40, 167, 69, 0.2);\n --toast-success-text: #ffffff;\n\n --toast-error-bg: rgba(220, 53, 69, 0.2);\n --toast-error-text: #ffffff;\n\n --toast-warning-bg: rgba(255, 193, 7, 0.2);\n --toast-warning-text: #ffffff;\n\n --toast-info-bg: rgba(23, 162, 184, 0.2);\n --toast-info-text: #ffffff;\n}\n\n/* ========== CONTAINER BASE ========== */\n.toast-container-base {\n position: fixed;\n z-index: var(--toast-z-index, 9999);\n pointer-events: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: column;\n overflow: visible;\n inset: auto 10px 10px auto;\n contain: layout style;\n}\n\n/* ========== POSITIONING CLASSES ========== */\n.toast-position-bottom-right,\n.toast-position-bottom {\n top: auto;\n right: var(--toast-offset, 10px);\n bottom: var(--toast-offset, 10px);\n left: auto;\n transform: none;\n}\n\n.toast-position-bottom-left {\n top: auto;\n right: auto;\n bottom: var(--toast-offset, 10px);\n left: var(--toast-offset, 10px);\n transform: none;\n}\n\n.toast-position-top-right {\n top: var(--toast-offset, 10px);\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: auto;\n transform: none;\n}\n\n.toast-position-top-left {\n top: var(--toast-offset, 10px);\n right: auto;\n bottom: auto;\n left: var(--toast-offset, 10px);\n transform: none;\n}\n\n.toast-position-top-center,\n.toast-position-center-top,\n.toast-position-top {\n top: var(--toast-offset, 10px);\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.toast-position-bottom-center,\n.toast-position-center-bottom {\n top: auto;\n right: auto;\n bottom: var(--toast-offset, 10px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.toast-position-left-center,\n.toast-position-center-left {\n top: 50%;\n right: auto;\n bottom: auto;\n left: var(--toast-offset, 10px);\n transform: translateY(-50%);\n}\n\n.toast-position-right-center,\n.toast-position-center-right {\n top: 50%;\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: auto;\n transform: translateY(-50%);\n}\n\n.toast-position-center {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.toast-position-top-full-width {\n top: var(--toast-offset, 10px);\n right: var(--toast-offset, 10px);\n bottom: auto;\n left: var(--toast-offset, 10px);\n max-width: 100vw;\n transform: none;\n}\n\n.toast-position-bottom-full-width {\n top: auto;\n right: var(--toast-offset, 10px);\n bottom: var(--toast-offset, 10px);\n left: var(--toast-offset, 10px);\n max-width: 100vw;\n transform: none;\n}\n\n/* ========== WRAPPER STRUCTURE ========== */\n.toast-outer-wrapper {\n position: relative;\n display: inline-block;\n overflow: visible;\n margin-bottom: var(--toast-gap, 10px);\n z-index: 0;\n width: 100%;\n pointer-events: auto;\n}\n\n.toast-inner-wrapper {\n position: relative;\n overflow: hidden;\n z-index: 1;\n}\n\n/* ========== TOAST BASE ========== */\n.toast {\n padding: var(--toast-padding, 12px 16px);\n margin-bottom: var(--toast-gap, 10px);\n border-radius: var(--toast-border-radius, 50px);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-shadow: var(--toast-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));\n min-width: var(--toast-min-width, 250px);\n max-width: var(--toast-max-width, 400px);\n opacity: 0;\n position: relative;\n cursor: default;\n box-sizing: border-box;\n user-select: text;\n pointer-events: auto;\n contain: layout style;\n will-change: transform, opacity;\n transition: opacity var(--toast-transition-duration, 0.4s) var(--toast-transition-timing, ease),\n transform var(--toast-transition-duration, 0.4s) var(--toast-transition-timing, ease);\n transform: translateY(20px);\n z-index: var(--toast-z-index, 9999);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n background: var(--toast-bg, #ffffff);\n color: var(--toast-text, #1a1a1a);\n}\n\n/* ========== TOAST TYPE VARIANTS ========== */\n.toast-info {\n background: var(--toast-info-bg, #17a2b8);\n color: var(--toast-info-text, #ffffff);\n}\n\n.toast-success {\n background: var(--toast-success-bg, #28a745);\n color: var(--toast-success-text, #ffffff);\n}\n\n.toast-error {\n background: var(--toast-error-bg, #dc3545);\n color: var(--toast-error-text, #ffffff);\n}\n\n.toast-warning {\n background: var(--toast-warning-bg, #ffc107);\n color: var(--toast-warning-text, #000000);\n}\n\n/* ========== TOAST MESSAGE ========== */\n.toast-message {\n flex: 1;\n display: block;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.4;\n word-break: break-word;\n white-space: normal;\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: text;\n}\n\n.toast-message.is-truncated {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n\n/* ========== LOADER STYLES ========== */\n.toast-loader {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.toast-loader-circle {\n opacity: 0.85;\n stroke-dasharray: 90;\n stroke-dashoffset: 60;\n transform-origin: center;\n animation: toast-spinner 1s linear infinite;\n}\n\n.toast-loader-label {\n font-size: 13px;\n}\n\n.toast-message-spacer {\n display: inline-block;\n width: 8px;\n}\n\n/* ========== CTA & BUTTONS ========== */\n.toast-cta {\n margin-left: 10px;\n padding: 6px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(0, 0, 0, 0.15);\n color: inherit;\n cursor: pointer;\n white-space: nowrap;\n flex-shrink: 0;\n text-decoration: none;\n transition: background 0.2s ease;\n}\n\n.toast-cta + .toast-cta {\n margin-left: 6px;\n}\n\n.toast-cta:hover {\n background: rgba(0, 0, 0, 0.25);\n}\n\n.toast-undo-btn {\n margin-left: 10px;\n padding: 5px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.18);\n color: inherit;\n cursor: pointer;\n white-space: nowrap;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n transition: background 0.2s ease, transform 0.1s ease;\n}\n\n.toast-undo-btn:hover {\n background: rgba(255, 255, 255, 0.28);\n}\n\n.toast-undo-btn:active {\n transform: scale(0.96);\n}\n\n.toast-close-btn {\n background: none;\n border: none;\n color: inherit;\n font-size: 18px;\n margin-left: 10px;\n cursor: pointer;\n line-height: 1;\n padding: 0 4px;\n transition: opacity 0.2s ease;\n}\n\n.toast-close-btn:hover {\n opacity: 0.7;\n}\n\n/* ========== PROGRESS BAR ========== */\n.toast-progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 4px;\n border-radius: 2px;\n background: currentColor;\n opacity: 0.8;\n will-change: width;\n transition: width var(--toast-transition-duration, 0.4s) linear;\n}\n\n@keyframes toast-progress-indeterminate {\n 0% {\n left: 0%;\n width: 0%;\n }\n 50% {\n left: 20%;\n width: 60%;\n }\n 100% {\n left: 100%;\n width: 0%;\n }\n}\n\n@keyframes toast-progress-indeterminate-rtl {\n 0% {\n right: 0%;\n width: 0%;\n }\n 50% {\n right: 20%;\n width: 60%;\n }\n 100% {\n right: 100%;\n width: 0%;\n }\n}\n\n.toast-progress-bar.toast-progress-bar-indeterminate {\n animation: toast-progress-indeterminate 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;\n}\n\n.toast-progress-bar.toast-progress-bar-indeterminate-rtl {\n animation: toast-progress-indeterminate-rtl 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;\n}\n\n.toast-progress-top {\n top: 0;\n bottom: auto;\n}\n\n/* ========== COUNT BADGE ========== */\n.toast-count-badge {\n position: absolute;\n top: 6px;\n right: 6px;\n background-color: #f44336;\n color: #ffffff;\n border-radius: 50%;\n min-width: 20px;\n height: 20px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid #ffffff;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n z-index: 2;\n pointer-events: none;\n transition: transform 150ms ease;\n}\n\n/* ========== EMERGENCY TOAST (Fallback) ========== */\n.toast-emergency {\n background: #333333;\n color: white;\n padding: 10px 15px;\n position: fixed;\n z-index: var(--toast-emergency-z-index, 10099);\n border-radius: 3px;\n max-width: 250px;\n word-wrap: break-word;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n.toast-emergency-message {\n display: inline-block;\n}\n\n.toast-emergency-close {\n float: right;\n margin-left: 10px;\n background: transparent;\n border: none;\n color: inherit;\n padding: 0;\n font: inherit;\n font-weight: bold;\n cursor: pointer;\n}\n\n/* ========== ANIMATIONS ========== */\n@keyframes toast-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n/* ========== POSITION-SPECIFIC INITIAL TRANSFORMS ========== */\n[class*=\"toast-position-top\"] .toast:not(.active) {\n transform: translateY(-20px);\n}\n\n.toast.toast-anim-fade:not(.active) {\n transform: none;\n}\n.toast.toast-anim-zoom:not(.active),\n.toast.toast-anim-scale:not(.active),\n.toast.toast-anim-pop:not(.active) {\n transform: scale(0.6);\n}\n.toast.toast-anim-bounce:not(.active) {\n transform: translateY(36px) scale(0.9);\n}\n[class*=\"toast-position-top\"] .toast.toast-anim-bounce:not(.active) {\n transform: translateY(-36px) scale(0.9);\n}\n.toast.toast-anim-slide:not(.active) {\n transform: translateY(100%);\n}\n[class*=\"toast-position-top\"] .toast.toast-anim-slide:not(.active) {\n transform: translateY(-100%);\n}\n[class*=\"toast-position-left\"] .toast.toast-anim-slide:not(.active) {\n transform: translateX(-100%);\n}\n[class*=\"toast-position-right\"] .toast.toast-anim-slide:not(.active) {\n transform: translateX(100%);\n}\n\n/* ========== ACTIVE STATE ========== */\n.toast.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n/* ========== GLASSMORPHISM SUPPORT ========== */\n[data-toast-theme=\"glass\"] .toast {\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n}\n\n/* ========== HIGH-CONTRAST FOCUS ACCESSIBILITY ========== */\n[data-toast-theme=\"high-contrast\"] button:focus-visible,\n[data-toast-theme=\"high-contrast\"] a:focus-visible {\n outline: 3px solid #ffff00;\n outline-offset: 2px;\n}\n\n/* ========== STACKED CARD DECK (CSP MODE & DEFAULT) ========== */\n[data-stacked=\"true\"] .toast-outer-wrapper {\n transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), margin 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 240ms ease;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"expanded\"] {\n transform: none;\n margin-top: 0px;\n margin-bottom: 10px;\n opacity: 1;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"0\"] {\n transform: scale(1);\n margin-top: 0px;\n margin-bottom: 0px;\n opacity: 1;\n z-index: 30;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"1\"] {\n transform: scale(0.95) translateY(-10px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0.9;\n z-index: 20;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"][id*=\"top\"] .toast-outer-wrapper[data-stacked-depth=\"1\"] {\n transform: scale(0.95) translateY(10px);\n margin-top: 0px;\n margin-bottom: -55px;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"2\"] {\n transform: scale(0.90) translateY(-20px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0.75;\n z-index: 10;\n pointer-events: auto;\n}\n\n[data-stacked=\"true\"][id*=\"top\"] .toast-outer-wrapper[data-stacked-depth=\"2\"] {\n transform: scale(0.90) translateY(20px);\n margin-top: 0px;\n margin-bottom: -55px;\n}\n\n[data-stacked=\"true\"] .toast-outer-wrapper[data-stacked-depth=\"overflow\"] {\n transform: scale(0.85) translateY(-30px);\n margin-top: -55px;\n margin-bottom: 0px;\n opacity: 0;\n z-index: 1;\n pointer-events: none;\n}\n\n[data-stacked=\"true\"][id*=\"top\"] .toast-outer-wrapper[data-stacked-depth=\"overflow\"] {\n transform: scale(0.85) translateY(30px);\n margin-top: 0px;\n margin-bottom: -55px;\n}\n\n/* ========== STATUS ICONS & HOVER FREEZE SHIMMER ========== */\n.toast-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 8px;\n margin-inline-end: 8px;\n line-height: 1;\n}\n\n[dir=\"rtl\"] .toast-icon,\n.toast[style*=\"direction: rtl\"] .toast-icon {\n margin-right: 0;\n margin-left: 8px;\n}\n\n.toast-icon svg {\n display: block;\n}\n\n.toast.toast-paused {\n box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2) !important;\n}\n\n.toast.toast-paused .toast-progress-bar {\n opacity: 1 !important;\n filter: brightness(1.2);\n}\n\n/* ========== RESPONSIVE VIEWPORT ADAPTATION (< 480px) ========== */\n@media (max-width: 480px) {\n .toast-container-base {\n width: 100% !important;\n max-width: 100vw !important;\n left: 0 !important;\n right: 0 !important;\n padding: 0 10px !important;\n box-sizing: border-box !important;\n align-items: center !important;\n }\n\n .toast {\n max-width: calc(100vw - 20px) !important;\n min-width: 0 !important;\n width: 100% !important;\n }\n}\n\n/* ========== ACCESSIBILITY: REDUCED MOTION ========== */\n@media (prefers-reduced-motion: reduce) {\n .toast,\n .toast-progress-bar,\n .toast-loader-circle,\n .toast-count-badge,\n .toast-cta,\n .toast-undo-btn,\n .toast-close-btn,\n .toast-outer-wrapper {\n transition: none !important;\n animation: none !important;\n }\n}\n\n[data-toast-reduced-motion=\"always\"] .toast,\n[data-toast-reduced-motion=\"always\"] .toast-progress-bar,\n[data-toast-reduced-motion=\"always\"] .toast-loader-circle,\n[data-toast-reduced-motion=\"always\"] .toast-count-badge,\n[data-toast-reduced-motion=\"always\"] .toast-cta,\n[data-toast-reduced-motion=\"always\"] .toast-undo-btn,\n[data-toast-reduced-motion=\"always\"] .toast-close-btn,\n[data-toast-reduced-motion=\"always\"] .toast-outer-wrapper {\n transition: none !important;\n animation: none !important;\n}\n\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|