import { ICheckboxInput, InputType } from "webslider-sdk/lib/inputs/i-inputs";
import { IAnimationDefinition } from "webslider-sdk/lib/animations/i-animation-types";
import { ANIMATION_UID, IAnimation } from "./animation-types";
import icon from "../static/icon.svg";

/**
 * Properties Form type definition
 */
export type ISampleTuple = [ICheckboxInput<"myBooleanProperty">];

/**
 * Properties Form definition
 */
export const sampleDefinition: IAnimationDefinition<ISampleTuple> = {
  id: ANIMATION_UID,
  name: "My Awesome Animation",
  form: [
    {
      displayName: "My Boolean Input",
      propertyName: "checkboxInputSample",
      inputType: InputType.CHECKBOX,
      value: true,
      defaultValue: true,
    },
  ],
};

/**
 * Animation configuration and default values for properties
 */
export const sampleDefaults: IAnimation = {
  id: ANIMATION_UID,
  hasDelay: true,
  hasDuration: true,
  hasEase: false,
  hasChildEase: false,
  ease: "none",
  supportedAnimationTypes: ["in", "out"],
  canBeCombined: true,
  // animation properties specific to my animation
  myBooleanProperty: true,
};

/**
 * Name, Desc and icon
 */
export const sampleMeta = {
  name: "MY AWESOME ANIMATION",
  description: "Boilerplate for creating Animation for Web Slider",
  icon: icon,
}

import { IAnimation, ANIMATION_UID } from "./animation-types";
import { getObjectElementById } from "webslider-sdk/lib/utils/extensions-utils";
import { logger } from "webslider-sdk/lib/utils/logger/logger";

/**
 * Animation implementation for Player
 * Function returns implementation for animations lifecycle methods:
 * init, rootStart, rootStop, start, stop, destroy, update, pause, resume, preload
 */
export function animation() {
  function init(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::init");
  }

  function destroy(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::destroy");
  }

  function rootStart(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::rootStart");
  }

  function rootStop(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::rootStop");
  }

  function start(config: IAnimation, isManual?: boolean) {
    logger.animation.debug("io.webslider.sample-animation::start");
  }

  function stop(config: IAnimation, isManual?: boolean, isReverse?: boolean) {
    logger.animation.debug("io.webslider.sample-animation::stop");
  }

  function update(config: IAnimation, time: number, isManual?: boolean) {
    logger.animation.debug("io.webslider.sample-animation::update");
  }

  function pause(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::pause");
  }

  function resume(config: IAnimation) {
    logger.animation.debug("io.webslider.sample-animation::resume");
  }

  return {
    start,
    stop,
    init,
    destroy,
    update,
    pause,
    resume,
    rootStart,
    rootStop,
  };
}

import { IAnimationBase, INextZIndex } from "webslider-sdk/lib/animations/i-animation-types";

/**
 * Animation unique id. This have to be unique string across app. 
 * It is recommended to use RDN convention.
 */
export const ANIMATION_UID = "io.webslider.my-awesome-animation";

/**
 * Definition of Animation properties.
 * Property names should be the same as for animation tuple definition.
 * In a runtime animation functions get values that are output of Properties Panel form that is generated from tuple definition.
 */
export interface IAnimation extends IAnimationBase {
  // add animation properties
}