@creative-web-solution/front-library 7.0.6 → 7.1.2

package/Types/SliderTypes.d.ts

@@ -1,97 +0,0 @@
-type SlideDirectionType = -1 | 1;
-
-type SlidePropertiesType = {
-    $slide:     HTMLElement;
-    id:         string;
-    delay:      number;
-    index:      number;
-    position:   number;
-    isFirst:    boolean;
-    isLast:     boolean;
-    isVisible:  boolean;
-    isActive:   boolean;
-    page:       number;
-    pageIndex:  number;
-}
-
-
-type SlideOptionsType = {
-    nbSlideVisibleBefore: number;
-    nbSlideVisibleAfter:  number;
-    slidePerPage:         number;
-    moveByPage:           boolean;
-    nbSlides:             number;
-    nbPages:              number;
-    speed:                number;
-    $slide:               HTMLElement;
-    index:                number;
-    /** Internal function using GSAP to set CSS styles. Can be override to use another library */
-    _setStyle?:             ( $elem, styles ) => void;
-    /** Internal function using GSAP to tween element. Can be override to use another library */
-    _tweenTo?:              ( $elem, styles ) => void;
-    /** Internal function using GSAP to initialize and tween element. Can be override to use another library */
-    _tweenFromTo?:          ( $elem, init, styles  ) => void;
-    /** Internal function using GSAP to remove tweens from element. Can be override to use another library */
-    _killTweens?:           ( $elem ) => void;
-}
-
-
-type SliderCallbackType     = ({ currentSlide: SlidePropertiesType, targetSlide: SlidePropertiesType }) => void;
-type SliderInitCallbackType = ({ currentSlide: SlidePropertiesType }) => void;
-
-type SliderOptionsType = {
-    /** @default 0 */
-    startSlide?:            number;
-    /** @default 0 */
-    nbSlideVisibleBefore?:  number;
-    /** @default 0 */
-    nbSlideVisibleAfter?:   number;
-    /** @default 1 */
-    slidePerPage?:          number;
-    /** @default true */
-    moveByPage?:            boolean;
-    /** In second
-     * @default 0.5
-    */
-    speed?:                 number;
-    /** @default true */
-    smoothHeight?:          boolean;
-    /** @default .list */
-    listSelector?:          string;
-    /** @default .item */
-    itemsSelector?:         string;
-    /** @default  */
-    activeClass?:           string;
-    /** @default active-slide */
-    loop?:                  boolean;
-    /** Called one time at the begining of the animation */
-    onBefore?:              SliderCallbackType;
-    /** Called for every slide that will come in the 1st position during the animation */
-    onBeforeEach?:          SliderCallbackType;
-    /** Called one time at the end of the animation */
-    onAfter?:               SliderCallbackType;
-    /** Called for every slide that is came in the 1st position during the animation */
-    onAfterEach?:           SliderCallbackType;
-    /** Called one time at the initialisation of the slider */
-    onStart?:               SliderInitCallbackType;
-    /** Internal function using GSAP to set CSS styles. Can be override to use another library */
-    _setStyle?:             ( $elem, styles ) => void;
-    /** Internal function using GSAP to tween element. Can be override to use another library */
-    _tweenTo?:              ( $elem, styles ) => void;
-    /** Internal function using GSAP to initialize and tween element. Can be override to use another library */
-    _tweenFromTo?:          ( $elem, init, styles  ) => void;
-    /** Internal function using GSAP to remove tweens from element. Can be override to use another library */
-    _killTweens?:           ( $elem ) => void;
-}
-
-type SliderControlsOptionsType = {
-    $btPrev?:                 HTMLElement;
-    $btNext?:                 HTMLElement;
-    $pagination?:             HTMLElement;
-    paginationItemsSelector?: string;
-    /** In second */
-    autoslide?:               number | boolean;
-    swipe?:                   boolean;
-    enableKeyboard?:          boolean;
-    gestureOptions?:          GestureOptionsType;
-}

package/Types/TabsTypes.d.ts

@@ -1,22 +0,0 @@
-type TabsAnimationFunctionType = ( $tab: HTMLElement, $panel: HTMLElement ) => Promise<void>;
-type TabsCallbackType          = ( $tab: HTMLElement, $panel: HTMLElement, autoClose?: boolean ) => void;
-
-
-type TabsOptionsType = {
-    /** Default: 'li[aria-selected]' */
-    tabSelector:    string;
-    onOpenAtStart?: TabsCallbackType;
-    onOpen?:        TabsCallbackType;
-    onClose?:       TabsCallbackType;
-    animations: {
-        open:    TabsAnimationFunctionType;
-        close:   TabsAnimationFunctionType;
-        destroy: TabsAnimationFunctionType;
-    }
-}
-
-
-type TabOptionsType = TabsOptionsType & {
-    onOpenTab: (( tab: Tab ) => void) | null;
-    index:     number;
-}

package/Types/ValidatorTypes.d.ts

@@ -1,61 +0,0 @@
-type ValidatorValidationState = {
-    $input:              HTMLElement;
-    value:               string | string[];
-    isValid:             boolean;
-    label:               string;
-    data?:               any;
-    isLiveValidation:    boolean;
-    extraErrorMessages?: string[];
-    extraMessages?:      string[];
-}
-
-type ValidatorValidatorType = {
-    name:     string;
-    selector: string;
-    isAsynch: boolean;
-    validate: ValidatorValidateFunctionType;
-}
-
-
-type ValidatorValidateFunctionType = ( $input: HTMLElement, value: string | string[], isLiveValidation: boolean, validatorOptions ) => Promise<ValidatorValidationState>
-
-
-type ValidatorValidationReturnType = {
-    "inputs": Input[];
-    "errors": Input[];
-    "$form":  HTMLElement;
-}
-
-type ValidatorFieldValidationReturnType = {
-    "input":  Input;
-    "error":  Input | null;
-    "$form":  HTMLElement;
-}
-
-
-type ValidatorOptionsType = {
-    /** @default input,textarea,select */
-    fields?:                    string;
-    /** @default input[type="button"], input[type="submit"], input[type="reset"], input */
-    filter?:                    string;
-    /** @default data-error-label */
-    customErrorLabelPrefix?:    string;
-    /** @default {} */
-    errorMessages?:             { [ key: string ]: string };
-    validatorsOptions?:         { [ key: string ]: any };
-    onValidate?:                ( data: ValidatorValidationReturnType ) => void;
-    onInvalidate?:              ( data: ValidatorValidationReturnType ) => void;
-    liveValidation?: {
-        onValidate?:            ( input: Input, event ) => void;
-        onInvalidate?:          ( input: Input, event ) => void;
-        eventsName?: {
-            /** @default change */
-            optin?:             string;
-            /** @default change */
-            select?:            string;
-            /** @default input */
-            inputText?:         string;
-        }
-        eventsHook
-    }
-}

package/Types/YouTubePlayerTypes.d.ts

@@ -1,23 +0,0 @@
-type YouTubePlayerOptionsType = {
-    height:               number;
-    width:                number;
-    videoId:              string;
-    $wrapper:             HTMLElement;
-    /**
-     * @default //www.youtube.com/iframe_api
-     */
-    apiUrl?:              string;
-    onPlayerStateChange?: ( e: YT.PlayerEvent ) => void;
-    /**
-     * @default { "autoplay": 0, "controls": 2, "autohide": 1, "modestbranding": 1, "showinfo": 0 }
-     */
-    playerVars?:          YT.PlayerVars;
-}
-
-type YouTubePlayerWindowType = Window & typeof globalThis & {
-    onYouTubeIframeAPIReady: (() => void) | null;
-}
-
-type YouTubePlayerWrapper = HTMLElement & {
-    YTPlayer: YT.Player;
-}