@spash/frontlib 0.0.22 → 0.0.23

package/dist/assets/style.css

@@ -1,4 +1,4 @@
-.spash-button__loading{display:flex;align-items:center;color:transparent}.spash-button__loading svg{color:transparent}button[data-v-d7017db2]{width:100%;height:100px;background:rgb(var(--color-buzz-primary));border:2.177px solid #282830;box-shadow:4.353px 4.353px 8.706px #ffffff4f inset,-4.353px -4.353px 8.706px #0000002e inset,8.706px 8.706px 21.765px #ffffff1a,-8.706px -6.965px 19.153px #00000021,0 0 14.716px #000000b3;border-radius:30px}button .buzz[data-v-d7017db2]{transform:rotate(-6.54deg);text-align:center;color:rgb(var(--color-buzz-primary-text));font-size:56.59px;font-style:italic;font-weight:700;line-height:normal;text-transform:uppercase}@keyframes spash-carousel-mode-expanded-aaba61bb{0%{width:224px}to{width:var(--0ea30cfd)}}@keyframes spash-carousel-mode-collapsed-aaba61bb{0%{width:var(--0ea30cfd)}to{width:224px}}.animate-spash-carousel-mode-expanded[data-v-aaba61bb]{animation:spash-carousel-mode-expanded-aaba61bb .8s cubic-bezier(.47,0,.23,1.38)}.animate-spash-carousel-mode-collapsed[data-v-aaba61bb]{animation:spash-carousel-mode-collapsed-aaba61bb .8s cubic-bezier(.47,0,.23,1.38)}input[type=range][data-v-213f59c9]{--trackHeight: 1rem;--thumbRadius: 5rem;position:relative;z-index:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px}input[type=range][data-v-213f59c9]:before{content:"";width:var(--ProgressPercent, 100%);pointer-events:none;position:absolute;height:100%;border-radius:1.5rem;background-color:rgb(var(--color-primary))}input[type=range][data-v-213f59c9]::-webkit-slider-runnable-track{height:var(--trackHeight);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}input[type=range][data-v-213f59c9]::-webkit-slider-thumb{position:relative;top:50%;transform:translateY(-50%);width:var(--thumbRadius);height:var(--thumbRadius);background:var(--9aef45f4);border-radius:999px;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}@keyframes star-animation{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.spash-icon-three-stars-stat-animation--active #star-middle{opacity:0;animation:star-animation 6s infinite}.spash-icon-three-stars-stat-animation--active #star-top{opacity:0;animation:star-animation 6s infinite;animation-delay:1s}.spash-icon-three-stars-stat-animation--active #star-bottom{opacity:0;animation:star-animation 6s infinite;animation-delay:2s}/*!
+.spash-button__loading{display:flex;align-items:center;color:transparent}.spash-button__loading svg{color:transparent}button[data-v-d7017db2]{width:100%;height:100px;background:rgb(var(--color-buzz-primary));border:2.177px solid #282830;box-shadow:4.353px 4.353px 8.706px #ffffff4f inset,-4.353px -4.353px 8.706px #0000002e inset,8.706px 8.706px 21.765px #ffffff1a,-8.706px -6.965px 19.153px #00000021,0 0 14.716px #000000b3;border-radius:30px}button .buzz[data-v-d7017db2]{transform:rotate(-6.54deg);text-align:center;color:rgb(var(--color-buzz-primary-text));font-size:56.59px;font-style:italic;font-weight:700;line-height:normal;text-transform:uppercase}@keyframes spash-carousel-mode-expanded-aaba61bb{0%{width:224px}to{width:var(--0ea30cfd)}}@keyframes spash-carousel-mode-collapsed-aaba61bb{0%{width:var(--0ea30cfd)}to{width:224px}}.animate-spash-carousel-mode-expanded[data-v-aaba61bb]{animation:spash-carousel-mode-expanded-aaba61bb .8s cubic-bezier(.47,0,.23,1.38)}.animate-spash-carousel-mode-collapsed[data-v-aaba61bb]{animation:spash-carousel-mode-collapsed-aaba61bb .8s cubic-bezier(.47,0,.23,1.38)}input[type=range][data-v-213f59c9]{--trackHeight: 1rem;--thumbRadius: 5rem;position:relative;z-index:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px}input[type=range][data-v-213f59c9]:before{content:"";width:var(--ProgressPercent, 100%);pointer-events:none;position:absolute;height:100%;border-radius:1.5rem;background-color:rgb(var(--color-primary))}input[type=range][data-v-213f59c9]::-webkit-slider-runnable-track{height:var(--trackHeight);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}input[type=range][data-v-213f59c9]::-webkit-slider-thumb{position:relative;top:50%;transform:translateY(-50%);width:var(--thumbRadius);height:var(--thumbRadius);background:var(--9aef45f4);border-radius:999px;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.no-caret[data-v-2555bd09]{caret-color:transparent}@keyframes star-animation{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.spash-icon-three-stars-stat-animation--active #star-middle{opacity:0;animation:star-animation 6s infinite}.spash-icon-three-stars-stat-animation--active #star-top{opacity:0;animation:star-animation 6s infinite;animation-delay:1s}.spash-icon-three-stars-stat-animation--active #star-bottom{opacity:0;animation:star-animation 6s infinite;animation-delay:2s}.toaster-container[data-v-0f708efc]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast[data-v-0f708efc]{color:#fff;padding:.75rem 1rem;border-radius:4px;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center}.toast-enter-active[data-v-0f708efc],.toast-leave-active[data-v-0f708efc]{transition:all .5s}.toast-enter-from[data-v-0f708efc],.toast-leave-to[data-v-0f708efc]{opacity:0;transform:translateY(-20px)}/*!
  * 
  *   simple-keyboard v3.8.23
  *   https://github.com/hodgef/simple-keyboard

package/dist/main.d.ts

@@ -558,6 +558,19 @@ export declare interface Team {
     ngtvId?: number;
 }
 
+declare interface Toast {
+    id: number;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    message: string;
+    timeout: number;
+}
+
+declare interface ToastOptions {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    message: string;
+    timeout: number;
+}
+
 export declare const useAdServer: () => {
     hasAdServerContent: Ref<boolean, boolean>;
     initAdServer: () => void;
@@ -659,4 +672,20 @@ export declare const useTheme: () => {
 
 export declare const useTimeout: () => void;
 
+export declare const useToaster: () => {
+    toasts: Ref<    {
+    id: number;
+    type?: "error" | "success" | "warning" | "info" | undefined;
+    message: string;
+    timeout: number;
+    }[], Toast[] | {
+    id: number;
+    type?: "error" | "success" | "warning" | "info" | undefined;
+    message: string;
+    timeout: number;
+    }[]>;
+    addToast: (options: ToastOptions) => void;
+    removeToast: (id: number) => void;
+};
+
 export { }