@windwalker-io/unicorn-next 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { AxiosRequestConfig } from 'axios';
 import { AxiosResponse } from 'axios';
 import * as bootstrap_2 from 'bootstrap';
 import { Class } from 'ts-mixer/dist/types/types';
+import { clearNotifies } from '@lyrasoft/ts-toolkit/generic';
 import { CreateAxiosDefaults } from 'axios';
 import { default as default_2 } from 'cropperjs';
 import { default as default_3 } from 'web-directive';
@@ -20,6 +21,7 @@ import { randomBytes } from '@lyrasoft/ts-toolkit/generic';
 import { randomBytesString } from '@lyrasoft/ts-toolkit/generic';
 import { simpleAlert } from '@lyrasoft/ts-toolkit/generic';
 import { simpleConfirm } from '@lyrasoft/ts-toolkit/generic';
+import { simpleNotify } from '@lyrasoft/ts-toolkit/generic';
 import { sleep } from '@lyrasoft/ts-toolkit/generic';
 import { SpectrumOptions } from 'spectrum-vanilla/dist/types/types';
 import { Stack } from '@lyrasoft/ts-toolkit/generic';
@@ -46,13 +48,22 @@ export declare function addRoute(route: string, url: string): void;
 
 export declare function addUriBase(uri: string, type?: string): string;
 
-export { AlertAdapter }
+export declare interface AlertAdapterConfig {
+    alert?: typeof AlertAdapter['alert'];
+    confirm?: typeof AlertAdapter['confirm'];
+    deleteConfirm?: typeof AlertAdapter['deleteConfirm'];
+    confirmText?: typeof AlertAdapter['confirmText'];
+    cancelText?: typeof AlertAdapter['cancelText'];
+    deleteText?: typeof AlertAdapter['deleteText'];
+    notify?: typeof AlertAdapter['notify'];
+    clearNotifies?: typeof AlertAdapter['clearNotifies'];
+}
 
 declare type AlpinePrepareCallback = (Alpine: Alpine_2) => MaybePromise<any>;
 
 export declare function animateTo(element: HTMLElement, styles: Partial<Record<keyof CSSStyleDeclaration, any>>, options?: number | KeyframeAnimationOptions): Animation;
 
-declare interface ApiReturn<T = any> {
+export declare interface ApiReturn<T = any> {
     success: boolean;
     message?: string;
     code: number;
@@ -143,15 +154,14 @@ declare function clearHooks(): void;
  */
 export declare function clearMessages(): void;
 
-/**
- * Clear notifies.
- */
-export declare function clearNotifies(): void;
+export { clearNotifies }
 
 declare type Conditions = Record<string, any>;
 
 declare type Constructor<T> = new (...args: any[]) => T;
 
+declare function create(selector: string | HTMLElement, options?: Record<string, any>): Promise<TinymceController>;
+
 declare function createCallback(type: 'list' | 'single', selector: string, modalSelector: string): ModalSelectCallback;
 
 declare function createHttpClient(config?: CreateAxiosDefaults | AxiosInstance): {
@@ -179,13 +189,13 @@ export declare function createUnicorn(): UnicornApp;
 
 export declare function createUnicornWithPlugins(): UnicornApp;
 
-export declare function data(name: string, data: any): any;
+export declare function data(name: string, data?: any): any;
 
-export declare function data(name: string): any;
+export declare function data<T = void, R = [T] extends [void] ? any : T | undefined>(name: string): R;
 
-export declare function data(ele: Element, name: string): any;
+export declare function data<T = void, R = [T] extends [void] ? any : T | undefined>(ele: Element, name: string): R;
 
-export declare function data(ele: Element, name: string, data?: any): any;
+export declare function data(ele: Element, name: string, value: any): any;
 
 export declare function debounce<T extends Function = Function>(handler: T, wait?: number): T;
 
@@ -214,23 +224,29 @@ export declare function domready(callback?: ((value: any) => any)): Promise<void
 declare type EndEventHandler = () => void;
 
 export declare interface EventAwareInterface {
+    on<T extends any[]>(event: string, handler: EventHandler<T>): this;
     on(event: string | string[], handler: EventHandler): this;
+    once<T extends any[]>(event: string, handler: EventHandler<T>): this;
     once(event: string | string[], handler: EventHandler): this;
     off(event: string, handler?: EventHandler): this;
-    trigger(event: string | string[], ...args: any[]): this;
+    trigger<T extends any[]>(event: string, ...args: T): this;
+    trigger(event: string[], ...args: any[]): this;
     listeners(event: string): EventHandler[];
 }
 
-export declare type EventHandler = ((...event: any[]) => void) & {
+export declare type EventHandler<T extends any[] = any[]> = ((...event: T) => void) & {
     once?: boolean;
 };
 
 export declare abstract class EventMixin implements EventAwareInterface {
     _listeners: Record<string, EventHandler[]>;
+    on<T extends any[]>(event: string, handler: EventHandler<T>): this;
     on(event: string | string[], handler: EventHandler): this;
+    once<T extends any[]>(event: string, handler: EventHandler<T>): this;
     once(event: string | string[], handler: EventHandler): this;
     off(event: string, handler?: EventHandler): this;
-    trigger(event: string | string[], ...args: any[]): this;
+    trigger<T extends any[]>(event: string, ...args: T): this;
+    trigger(event: string[], ...args: any[]): this;
     listeners(event: string): EventHandler[];
 }
 
@@ -308,7 +324,7 @@ export declare function html<T extends Element = HTMLElement>(html: string): T;
 
 declare type HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 
-declare class IFrameModalElement extends HTMLElement {
+export declare class IFrameModalElement extends HTMLElement {
     static is: string;
     options: IFrameModalOptions;
     modalElement: HTMLDivElement;
@@ -325,7 +341,7 @@ declare class IFrameModalElement extends HTMLElement {
     getModalId(): string;
 }
 
-declare interface IframeModalModule {
+declare interface IFrameModalModule {
     IFrameModalElement: typeof IFrameModalElement;
     ready: typeof ready_3;
 }
@@ -469,20 +485,15 @@ declare interface ModalSelectModule {
 
 declare function module_2<T = any, E extends Element = Element>(ele: string, name: string, callback?: ((el: E) => any)): (T | null)[];
 
-declare function module_2<T = any, E extends Element = Element>(ele: NodeListOf<Element>, name: string, callback?: ((el: E) => any)): (T | null)[];
+declare function module_2<T = any, E extends Element = Element>(ele: NodeListOf<E>, name: string, callback?: ((el: E) => any)): (T | null)[];
 
-declare function module_2<T = any, E extends Element = Element>(ele: Element, name: string, callback?: ((el: E) => any)): T | null;
+declare function module_2<T = any, E extends Element = Element>(ele: E, name: string, callback?: ((el: E) => any)): T | null;
 
 declare function module_2<T = any, E extends Element = Element>(ele: string | Element | NodeListOf<Element>, name: string, callback?: ((el: E) => any)): (T | null)[] | T | null;
 export { module_2 as module }
 
 export declare function nextTick(callback?: () => any): Promise<any>;
 
-/**
- * Show notify.
- */
-export declare function notify(messages: string | string[], type?: string): void;
-
 declare type Nullable<T> = T | null | undefined;
 
 export declare function parseQuery<T = Record<string, any>>(queryString: string): T;
@@ -531,7 +542,7 @@ export declare function removeData(ele: Element, name: string): any;
 /**
  * Render Messages.
  */
-export declare function renderMessage(messages: string | string[], type?: string): void;
+export declare function renderMessage(messages: string | string[], type?: string): (() => any) | undefined;
 
 declare interface RepeatableModule {
     ready: typeof ready_2;
@@ -714,7 +725,7 @@ declare class ShowOn {
     input: HTMLInputTypes;
     conditions: Conditions;
     targets: {};
-    defaultReadonly: boolean;
+    defaultReadonly: boolean | null;
     initialDisplay: string;
     constructor(el: HTMLElement, conditions: Conditions);
     init(): void;
@@ -737,6 +748,8 @@ export { simpleAlert }
 
 export { simpleConfirm }
 
+export { simpleNotify }
+
 declare class SingleImageDragElement extends HTMLElement {
     static is: string;
     currentImage: string;
@@ -814,6 +827,7 @@ declare class TinymceController {
 
 declare interface TinymceModule {
     get: typeof get;
+    create: typeof create;
     destroy: typeof destroy;
     addHook: typeof addHook;
     clearHooks: typeof clearHooks;
@@ -826,7 +840,7 @@ declare class UIBootstrap5 implements UIThemeInterface {
     static instance: UIBootstrap5 | null;
     bootstrap: typeof bootstrap_2;
     static get(): UIBootstrap5;
-    renderMessage(messages: string | string[], type?: string): void;
+    renderMessage(messages: string | string[], type?: string): () => void;
     clearMessages(): void;
     keepTab(): Promise<KeepTabModule>;
     keepTab(selector?: string | HTMLElement, options?: KeepTabOptions): Promise<KeepTab>;
@@ -841,7 +855,7 @@ declare class UIBootstrap5 implements UIThemeInterface {
 export { uid }
 
 declare interface UIThemeInterface {
-    renderMessage(messages: string | string[], type?: string): void;
+    renderMessage(messages: string | string[], type?: string): () => any;
     clearMessages(): void;
 }
 
@@ -865,7 +879,7 @@ export declare class UnicornApp extends UnicornApp_base implements EventAwareInt
     provide<T>(id: InjectionKey<T>, value: any): this;
     wait(callback: Function): Promise<any>;
     completed(): Promise<any[]>;
-    macro(name: string, callback: Function): this;
+    macro(name: string, prop: any): this;
 }
 
 declare const UnicornApp_base: Class<any[], EventMixin, typeof EventMixin>;
@@ -1111,7 +1125,7 @@ declare class UnicornGridElement {
     getId(suffix?: string): string;
 }
 
-declare type UnicornHttpClient = ReturnType<typeof createHttpClient>;
+export declare type UnicornHttpClient = ReturnType<typeof createHttpClient>;
 
 declare class UnicornLang {
     /**
@@ -1162,8 +1176,7 @@ export declare class UnicornSystemUri extends URL {
 }
 
 export declare class UnicornUI {
-    theme?: any;
-    aliveHandle?: any;
+    theme?: UIThemeInterface;
     static get defaultOptions(): {
         messageSelector: string;
     };
@@ -1176,6 +1189,8 @@ declare type UploadProgressEventHandler = (e: AxiosProgressEvent) => void;
 
 declare type UriTypes = 'full' | 'path' | 'root' | 'current' | 'route' | 'script';
 
+export declare function useAlertAdapter(config?: AlertAdapterConfig): typeof AlertAdapter;
+
 export declare function useAssetUri(): UnicornAssetUri;
 
 export declare function useAssetUri(type?: AssetTypes, path?: string): string;
@@ -1235,7 +1250,7 @@ export declare function useFormValidation(): Promise<ValidationModule>;
 
 export declare function useFormValidation(selector: string | Element): Promise<UnicornFormValidation | null>;
 
-export declare function useFormValidationSync(selector: string | Element): UnicornFormValidation | null;
+export declare function useFormValidationInstance(selector: string | Element): UnicornFormValidation | null;
 
 export declare function useGrid(ele: string | HTMLElement, options?: Record<string, any> | undefined): UnicornGridElement | null;
 
@@ -1245,7 +1260,7 @@ export declare function useGridComponent(ele: string | HTMLElement, options?: Re
 
 export declare function useHttpClient(config?: CreateAxiosDefaults | AxiosInstance): Promise<UnicornHttpClient>;
 
-export declare function useIframeModal(): Promise<IframeModalModule>;
+export declare function useIframeModal(): Promise<IFrameModalModule>;
 
 export declare function useImport(...src: any[]): Promise<any>;
 
@@ -1274,7 +1289,11 @@ export declare function useListDependent(): Promise<ListDependentModule>;
 
 export declare function useListDependent(element: string | HTMLSelectElement, dependent?: Nullable<string | HTMLSelectElement>, options?: Partial<ListDependentOptions>): Promise<ListDependent>;
 
-export declare function useMacro(name: string, handler: (...args: any[]) => any): void;
+export declare function useMacro<T extends Dictionary>(name: T): T;
+
+export declare function useMacro<N extends string, T extends any>(name: N, prop: T): {
+    [K in N]: T;
+};
 
 export declare function useQueue(name?: string, maxRunning?: number): TaskQueue;
 
@@ -1321,7 +1340,7 @@ export declare function useUI(instance?: UnicornUI): UnicornUI;
 
 export declare function useUIBootstrap5(install?: boolean, pushToGlobal?: boolean): Promise<UIBootstrap5>;
 
-export declare function useUITheme<T extends UIThemeInterface>(theme?: T | Constructor<T>): T;
+export declare function useUITheme<T extends UIThemeInterface>(theme?: T | Constructor<T>): UIThemeInterface;
 
 export declare function useUnicorn(instance?: UnicornApp): UnicornApp;
 
@@ -1341,6 +1360,17 @@ export declare function useUnicornPhpAdapter(app?: UnicornApp): {
     modalTree: typeof useFieldModalTree;
     multiUploader: typeof useFieldMultiUploader;
     tomSelect: typeof useTomSelect;
+    bootstrap: {
+        tooltip: typeof useBs5Tooltip;
+        buttonRadio: {
+            (): Promise<ButtonRadioModule>;
+            (selector?: string | HTMLElement, options?: ButtonRadioOptions): Promise<ButtonRadio>;
+        };
+        keepTab: {
+            (): Promise<KeepTabModule>;
+            (selector?: string | HTMLElement, options?: KeepTabOptions): Promise<KeepTab>;
+        };
+    };
 };
 
 export declare function useUniDirective<T extends Element = HTMLElement>(name: string, handler: WebDirectiveHandler<T>, wdInstance?: default_3 | string): Promise<void>;
@@ -1377,6 +1407,14 @@ export declare function watchAttributes<T extends HTMLElement>(el: T, callback?:
 export { }
 
 
+declare global {
+    var Alpine: AlpineGlobal;
+    var TomSelect: typeof TomSelectGlobal;
+    var Spectrum: typeof SpectrumGlobal;
+    var Mark: any;
+}
+
+
 declare global {
     interface Node {
         __unicorn?: any;
@@ -1391,14 +1429,6 @@ declare module '@windwalker-io/unicorn-next' {
     }
 }
 
-
-declare global {
-    var Alpine: AlpineGlobal;
-    var TomSelect: typeof TomSelectGlobal;
-    var Spectrum: typeof SpectrumGlobal;
-    var Mark: any;
-}
-
 declare global {
     var S: any;
 }

package/dist/multi-level-menu.css

@@ -1 +1 @@
-.dropdown-hover .dropdown>.dropdown-menu{display:block;visibility:hidden;opacity:0;min-width:250px}.dropdown-hover .dropdown:hover>.dropdown-menu{visibility:visible;opacity:1}.dropdown .dropdown-item{display:inline-block}.dropdown .dropdown-column{padding:.5rem 0 .5rem 1rem;min-width:250px}.dropdown .dropdown-column:last-child{padding-right:1rem}.dropdown .dropdown-submenu{position:relative}.dropdown .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;display:block;visibility:hidden;opacity:0}.dropdown .dropdown-submenu:hover>.dropdown-menu{visibility:visible;opacity:1}.dropdown .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-fade .dropdown>.dropdown-menu{transition:visibility 0s,display 0s,opacity .25s;transition-delay:.25s,.25s,0s}.dropdown-fade .dropdown:hover>.dropdown-menu{transition-delay:0s,0s,0s}.dropdown-fade .dropdown .dropdown-submenu>.dropdown-menu{transition:visibility 0s,display 0s,opacity .25s;transition-delay:.25s,.25s,0s}.dropdown-fade .dropdown .dropdown-submenu:hover>.dropdown-menu{transition-delay:0s,0s,0s}.subnav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;margin-left:1rem}.subnav-link{display:block;padding:.5rem 1rem}.subnav-link:hover,.subnav-link:focus{text-decoration:none}.subnav-link.disabled{color:var(--bs-secondary-color);pointer-events:none;cursor:default}
+.dropdown-hover .dropdown>.dropdown-menu{display:block;visibility:hidden;opacity:0;min-width:250px}.dropdown-hover .dropdown:hover>.dropdown-menu{visibility:visible;opacity:1}.dropdown .dropdown-item{display:inline-block}.dropdown .dropdown-column{padding:.5rem 0 .5rem 1rem;min-width:250px}.dropdown .dropdown-column:last-child{padding-right:1rem}.dropdown .dropdown-submenu{position:relative}.dropdown .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;display:block;visibility:hidden;opacity:0}.dropdown .dropdown-submenu:hover>.dropdown-menu{visibility:visible;opacity:1}.dropdown .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-fade .dropdown>.dropdown-menu{transition:visibility 0s,display 0s,opacity .25s;transition-delay:.25s,.25s,0s}.dropdown-fade .dropdown:hover>.dropdown-menu{transition-delay:0s,0s,0s}.dropdown-fade .dropdown .dropdown-submenu>.dropdown-menu{transition:visibility 0s,display 0s,opacity .25s;transition-delay:.25s,.25s,0s}.dropdown-fade .dropdown .dropdown-submenu:hover>.dropdown-menu{transition-delay:0s,0s,0s}.subnav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;margin-left:1rem}.subnav-link{display:block;padding:.5rem 1rem}.subnav-link:hover,.subnav-link:focus{text-decoration:none}.subnav-link.disabled{color:var(--bs-secondary-color);pointer-events:none;cursor:default}

package/dist/switcher.css

@@ -1 +1 @@
-.unicorn-switch{position:relative;display:inline-block;width:60px;height:34px;margin-bottom:0}.unicorn-switch input{width:0;height:0;position:relative;left:30px}.unicorn-switch input:focus{box-shadow:none!important}.unicorn-switch .switch-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;background-color:var(--bs-btn-bg)}.unicorn-switch .switch-slider:hover{background-color:var(--bs-btn-hover-bg)}.unicorn-switch .switch-slider.btn-primary{background-color:var(--bs-btn-bg, var(--bs-primary, var(--primary)))}.unicorn-switch .switch-slider.btn-primary:hover{background-color:var(--bs-btn-hover-bg, var(--bs-primary, var(--primary)))}.unicorn-switch .switch-slider.btn-secondary{background-color:var(--bs-btn-bg, var(--bs-secondary, var(--secondary)))}.unicorn-switch .switch-slider.btn-secondary:hover{background-color:var(--bs-btn-hover-bg, var(--bs-secondary, var(--secondary)))}.unicorn-switch .switch-slider.btn-success{background-color:var(--bs-btn-bg, var(--bs-success, var(--success)))}.unicorn-switch .switch-slider.btn-success:hover{background-color:var(--bs-btn-hover-bg, var(--bs-success, var(--success)))}.unicorn-switch .switch-slider.btn-info{background-color:var(--bs-btn-bg, var(--bs-info, var(--info)))}.unicorn-switch .switch-slider.btn-info:hover{background-color:var(--bs-btn-hover-bg, var(--bs-info, var(--info)))}.unicorn-switch .switch-slider.btn-danger{background-color:var(--bs-btn-bg, var(--bs-danger, var(--danger)))}.unicorn-switch .switch-slider.btn-danger:hover{background-color:var(--bs-btn-hover-bg, var(--bs-danger, var(--danger)))}.unicorn-switch .switch-slider.btn-warning{background-color:var(--bs-btn-bg, var(--bs-warning, var(--warning)))}.unicorn-switch .switch-slider.btn-warning:hover{background-color:var(--bs-btn-hover-bg, var(--bs-warning, var(--warning)))}.unicorn-switch .switch-slider.btn-dark{background-color:var(--bs-btn-bg, var(--bs-dark, var(--dark)))}.unicorn-switch .switch-slider.btn-dark:hover{background-color:var(--bs-btn-hover-bg, var(--bs-dark, var(--dark)))}.unicorn-switch .switch-slider.btn-light{background-color:var(--bs-btn-bg, var(--bs-light, var(--light)))}.unicorn-switch .switch-slider.btn-light:hover{background-color:var(--bs-btn-hover-bg, var(--bs-light, var(--light)))}.unicorn-switch input:focus+.switch-slider{box-shadow:0 0 0 .2rem #007bff40}.unicorn-switch .switch-slider.bg-default{background-color:#ccc}.unicorn-switch .switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.25s}.unicorn-switch input:checked+.switch-slider:before{transform:translate(26px)}.unicorn-switch input:not(:checked)+.switch-slider{background-color:#ccc!important}.unicorn-switch input:not(:checked)+.switch-slider:hover{background-color:#aaa!important}.unicorn-switch input[disabled]+.switch-slider,.unicorn-switch input[readonly]+.switch-slider{opacity:.65;cursor:not-allowed;pointer-events:none}.unicorn-switch .switch-slider.slider-round{border-radius:.25rem}.unicorn-switch .switch-slider.slider-round:before{border-radius:.18rem}.unicorn-switch .switch-slider.slider-circle{border-radius:50px}.unicorn-switch .switch-slider.slider-circle:before{border-radius:100px}.unicorn-switch.switch-sm{width:46px;height:24px}.unicorn-switch.switch-sm .switch-slider:before{height:18px;width:18px;left:3px;bottom:3px}.unicorn-switch.switch-sm input:checked+.switch-slider:before{transform:translate(22px)}.unicorn-switch.switch-lg{width:100px;height:34px}.unicorn-switch.switch-lg .switch-slider:before{height:26px;width:45px;left:4px;bottom:4px}.unicorn-switch.switch-lg input:checked+.switch-slider:before{transform:translate(47px)}.has-invalid .unicorn-switch .switch-slider{border:1px solid #dc3545}
+.unicorn-switch{position:relative;display:inline-block;width:60px;height:34px;margin-bottom:0}.unicorn-switch input{width:0;height:0;position:relative;left:30px}.unicorn-switch input:focus{box-shadow:none!important}.unicorn-switch .switch-slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s;background-color:var(--bs-btn-bg)}.unicorn-switch .switch-slider:hover{background-color:var(--bs-btn-hover-bg)}.unicorn-switch .switch-slider.btn-primary{background-color:var(--bs-btn-bg, var(--bs-primary, var(--primary)))}.unicorn-switch .switch-slider.btn-primary:hover{background-color:var(--bs-btn-hover-bg, var(--bs-primary, var(--primary)))}.unicorn-switch .switch-slider.btn-secondary{background-color:var(--bs-btn-bg, var(--bs-secondary, var(--secondary)))}.unicorn-switch .switch-slider.btn-secondary:hover{background-color:var(--bs-btn-hover-bg, var(--bs-secondary, var(--secondary)))}.unicorn-switch .switch-slider.btn-success{background-color:var(--bs-btn-bg, var(--bs-success, var(--success)))}.unicorn-switch .switch-slider.btn-success:hover{background-color:var(--bs-btn-hover-bg, var(--bs-success, var(--success)))}.unicorn-switch .switch-slider.btn-info{background-color:var(--bs-btn-bg, var(--bs-info, var(--info)))}.unicorn-switch .switch-slider.btn-info:hover{background-color:var(--bs-btn-hover-bg, var(--bs-info, var(--info)))}.unicorn-switch .switch-slider.btn-danger{background-color:var(--bs-btn-bg, var(--bs-danger, var(--danger)))}.unicorn-switch .switch-slider.btn-danger:hover{background-color:var(--bs-btn-hover-bg, var(--bs-danger, var(--danger)))}.unicorn-switch .switch-slider.btn-warning{background-color:var(--bs-btn-bg, var(--bs-warning, var(--warning)))}.unicorn-switch .switch-slider.btn-warning:hover{background-color:var(--bs-btn-hover-bg, var(--bs-warning, var(--warning)))}.unicorn-switch .switch-slider.btn-dark{background-color:var(--bs-btn-bg, var(--bs-dark, var(--dark)))}.unicorn-switch .switch-slider.btn-dark:hover{background-color:var(--bs-btn-hover-bg, var(--bs-dark, var(--dark)))}.unicorn-switch .switch-slider.btn-light{background-color:var(--bs-btn-bg, var(--bs-light, var(--light)))}.unicorn-switch .switch-slider.btn-light:hover{background-color:var(--bs-btn-hover-bg, var(--bs-light, var(--light)))}.unicorn-switch input:focus+.switch-slider{box-shadow:0 0 0 .2rem #007bff40}.unicorn-switch .switch-slider.bg-default{background-color:#ccc}.unicorn-switch .switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.25s}.unicorn-switch input:checked+.switch-slider:before{transform:translate(26px)}.unicorn-switch input:not(:checked)+.switch-slider{background-color:#ccc!important}.unicorn-switch input:not(:checked)+.switch-slider:hover{background-color:#aaa!important}.unicorn-switch input[disabled]+.switch-slider,.unicorn-switch input[readonly]+.switch-slider{opacity:.65;cursor:not-allowed;pointer-events:none}.unicorn-switch .switch-slider.slider-round{border-radius:.25rem}.unicorn-switch .switch-slider.slider-round:before{border-radius:.18rem}.unicorn-switch .switch-slider.slider-circle{border-radius:50px}.unicorn-switch .switch-slider.slider-circle:before{border-radius:100px}.unicorn-switch.switch-sm{width:46px;height:24px}.unicorn-switch.switch-sm .switch-slider:before{height:18px;width:18px;left:3px;bottom:3px}.unicorn-switch.switch-sm input:checked+.switch-slider:before{transform:translate(22px)}.unicorn-switch.switch-lg{width:100px;height:34px}.unicorn-switch.switch-lg .switch-slider:before{height:26px;width:45px;left:4px;bottom:4px}.unicorn-switch.switch-lg input:checked+.switch-slider:before{transform:translate(47px)}.has-invalid .unicorn-switch .switch-slider{border:1px solid #dc3545}

package/dist/unicorn.js

@@ -1,57 +1,55 @@
-import { aB, at, ae, aH, b5, aG, aD, _, h, aK, aI, aF, b, J, I, aM, d, e, af, a$, aj, ak, aa, D, C, ac, ay, t, T, S, ab, x, y, A, aJ, U, B, f, a7, i, l, N, z, au, n, aL, p, a4, an, ar, as, aq, c, r, w, v, M, G, F, ai, Q, R, P, E, L, ag, K, s, b2, b1, $, Y, V, a9, aA, X, W, aN, aO, aP, aQ, aR, aS, aT, j, a2, a0, aU, g, k, a3, a1, aV, u, aW, a8, am, Z, aw, ap, aX, ao, o, aZ, aY, ax, az, a_, m, q, O, aC, b0, ah, a, al, b4, aE, b3, av, a6 } from "./chunks/unicorn.js";
+import { aw, ag, aJ, b5, aI, aF, _, h, aM, aK, aH, b, J, I, aO, d, e, ah, b1, am, an, ac, D, C, ae, aA, t, T, S, ad, x, y, A, aL, U, B, f, a9, i, l, N, z, ax, aN, p, a6, aq, au, av, at, c, r, w, v, M, G, F, s, al, Q, R, P, E, L, ai, K, aD, q, a0, $, a1, Y, V, ab, aC, X, W, aP, aQ, aR, aS, aT, aU, aV, j, a4, a2, aW, g, k, a5, a3, aX, u, aY, aa, ap, Z, az, as, aZ, ar, n, a$, a_, ak, aB, b0, m, o, O, aE, b2, aj, a, ao, b4, aG, b3, ay, a8 } from "./chunks/unicorn.js";
 export {
-  aB as AlertAdapter,
-  at as AttributeMutationObserver,
-  ae as EventMixin,
-  aH as UnicornAssetUri,
+  aw as AttributeMutationObserver,
+  ag as EventMixin,
+  aJ as UnicornAssetUri,
   b5 as UnicornPhpAdapter,
-  aG as UnicornSystemUri,
-  aD as UnicornUI,
+  aI as UnicornSystemUri,
+  aF as UnicornUI,
   _ as __,
   h as addGlobalValidator,
-  aK as addQuery,
-  aI as addRoute,
-  aF as addUriBase,
+  aM as addQuery,
+  aK as addRoute,
+  aH as addUriBase,
   b as animateTo,
   J as base64UrlDecode,
   I as base64UrlEncode,
-  aM as buildQuery,
+  aO as buildQuery,
   d as clearMessages,
   e as clearNotifies,
-  af as createQueue,
-  a$ as createStack,
-  aj as createUnicorn,
-  ak as createUnicornWithPlugins,
-  aa as data,
+  ah as createQueue,
+  b1 as createStack,
+  am as createUnicorn,
+  an as createUnicornWithPlugins,
+  ac as data,
   D as debounce,
   C as delegate,
-  ac as deleteConfirm,
-  ay as doImport,
+  ae as deleteConfirm,
+  aA as doImport,
   t as domready,
   T as fadeIn,
   S as fadeOut,
-  ab as forceArray,
+  ad as forceArray,
   x as getBoundedInstance,
   y as getBoundedInstanceList,
   A as h,
-  aJ as hasRoute,
+  aL as hasRoute,
   U as highlight,
   B as html,
   f as initAlpineComponent,
-  a7 as injectCssToDocument,
+  a9 as injectCssToDocument,
   i as isDebug,
   l as loadAlpine,
   N as mark,
   z as module,
-  au as nextTick,
-  n as notify,
-  aL as parseQuery,
+  ax as nextTick,
+  aN as parseQuery,
   p as prepareAlpine,
-  a4 as prepareAlpineDefer,
-  an as pushUnicornToGlobal,
-  ar as randomBytes,
-  as as randomBytesString,
-  aq as removeData,
+  a6 as prepareAlpineDefer,
+  aq as pushUnicornToGlobal,
+  au as randomBytes,
+  av as randomBytesString,
+  at as removeData,
   c as renderMessage,
   r as route,
   w as selectAll,
@@ -59,67 +57,69 @@ export {
   M as serial,
   G as simpleAlert,
   F as simpleConfirm,
-  ai as sleep,
+  s as simpleNotify,
+  al as sleep,
   Q as slideDown,
   R as slideToggle,
   P as slideUp,
   E as throttle,
   L as tid,
-  ag as trans,
+  ai as trans,
   K as uid,
-  s as useAssetUri,
-  b2 as useBs5ButtonRadio,
-  b1 as useBs5KeepTab,
-  $ as useBs5Tooltip,
+  aD as useAlertAdapter,
+  q as useAssetUri,
+  a0 as useBs5ButtonRadio,
+  $ as useBs5KeepTab,
+  a1 as useBs5Tooltip,
   Y as useCheckboxesMultiSelect,
   V as useColorPicker,
-  a9 as useCssImport,
-  aA as useCssIncludes,
+  ab as useCssImport,
+  aC as useCssIncludes,
   X as useDisableIfStackNotEmpty,
   W as useDisableOnSubmit,
-  aN as useFieldCascadeSelect,
-  aO as useFieldFileDrag,
-  aP as useFieldFlatpickr,
-  aQ as useFieldModalSelect,
-  aR as useFieldModalTree,
-  aS as useFieldRepeatable,
-  aT as useFieldSingleImageDrag,
+  aP as useFieldCascadeSelect,
+  aQ as useFieldFileDrag,
+  aR as useFieldFlatpickr,
+  aS as useFieldModalSelect,
+  aT as useFieldModalTree,
+  aU as useFieldRepeatable,
+  aV as useFieldSingleImageDrag,
   j as useFieldValidationSync,
-  a2 as useForm,
-  a0 as useFormAsync,
-  aU as useFormComponent,
+  a4 as useForm,
+  a2 as useFormAsync,
+  aW as useFormComponent,
   g as useFormValidation,
-  k as useFormValidationSync,
-  a3 as useGrid,
-  a1 as useGridAsync,
-  aV as useGridComponent,
+  k as useFormValidationInstance,
+  a5 as useGrid,
+  a3 as useGridAsync,
+  aX as useGridComponent,
   u as useHttpClient,
-  aW as useIframeModal,
-  a8 as useImport,
-  am as useInject,
+  aY as useIframeModal,
+  aa as useImport,
+  ap as useInject,
   Z as useKeepAlive,
-  aw as useLang,
-  ap as useLegacy,
-  aX as useListDependent,
-  ao as useMacro,
-  o as useQueue,
-  aZ as useS3MultipartUploader,
-  aY as useS3Uploader,
-  ax as useScriptImport,
-  az as useSeriesImport,
-  a_ as useShowOn,
+  az as useLang,
+  as as useLegacy,
+  aZ as useListDependent,
+  ar as useMacro,
+  n as useQueue,
+  a$ as useS3MultipartUploader,
+  a_ as useS3Uploader,
+  ak as useScriptImport,
+  aB as useSeriesImport,
+  b0 as useShowOn,
   m as useStack,
-  q as useSystemUri,
+  o as useSystemUri,
   O as useTomSelect,
-  aC as useUI,
-  b0 as useUIBootstrap5,
-  ah as useUITheme,
+  aE as useUI,
+  b2 as useUIBootstrap5,
+  aj as useUITheme,
   a as useUniDirective,
-  al as useUnicorn,
+  ao as useUnicorn,
   b4 as useUnicornPhpAdapter,
-  aE as useVueComponentField,
+  aG as useVueComponentField,
   b3 as useWebDirective,
-  av as wait,
-  a6 as watchAttributes
+  ay as wait,
+  a8 as watchAttributes
 };
 //# sourceMappingURL=unicorn.js.map