public function SlickFormBase::getCssEasingOptions in Slick Carousel 8

Same name and namespace in other branches

1. 8.2 slick_ui/src/Form/SlickFormBase.php \Drupal\slick_ui\Form\SlickFormBase::getCssEasingOptions()
2. 7.3 slick_ui/src/Form/SlickFormBase.php \Drupal\slick_ui\Form\SlickFormBase::getCssEasingOptions()

List of available CSS easing methods.

Parameters

bool $map: Flag to output the array as is for further processing if TRUE.

Return value

array An array of CSS easings for select options, or all for the mappings.

See also

https://github.com/kenwheeler/slick/issues/118

http://matthewlein.com/ceaser/

http://www.w3.org/TR/css3-transitions/

2 calls to SlickFormBase::getCssEasingOptions()

SlickForm::getFormElements in slick_ui/src/Form/SlickForm.php

Defines available options for the main and responsive settings.

SlickFormBase::getBezier in slick_ui/src/Form/SlickFormBase.php

Maps existing jQuery easing value to equivalent CSS easing methods.

File

slick_ui/src/Form/SlickFormBase.php, line 372

Class

SlickFormBase

Provides base form for a slick instance configuration form.

Namespace

Drupal\slick_ui\Form

Code

public function getCssEasingOptions($map = FALSE) {
  $css_easings = [];
  $available_easings = [
    // Defaults/ Native.
    'ease' => 'ease|ease',
    'linear' => 'linear|linear',
    'ease-in' => 'ease-in|ease-in',
    'ease-out' => 'ease-out|ease-out',
    'swing' => 'swing|ease-in-out',
    // Penner Equations (approximated).
    'easeInQuad' => 'easeInQuad|cubic-bezier(0.550, 0.085, 0.680, 0.530)',
    'easeInCubic' => 'easeInCubic|cubic-bezier(0.550, 0.055, 0.675, 0.190)',
    'easeInQuart' => 'easeInQuart|cubic-bezier(0.895, 0.030, 0.685, 0.220)',
    'easeInQuint' => 'easeInQuint|cubic-bezier(0.755, 0.050, 0.855, 0.060)',
    'easeInSine' => 'easeInSine|cubic-bezier(0.470, 0.000, 0.745, 0.715)',
    'easeInExpo' => 'easeInExpo|cubic-bezier(0.950, 0.050, 0.795, 0.035)',
    'easeInCirc' => 'easeInCirc|cubic-bezier(0.600, 0.040, 0.980, 0.335)',
    'easeInBack' => 'easeInBack|cubic-bezier(0.600, -0.280, 0.735, 0.045)',
    'easeOutQuad' => 'easeOutQuad|cubic-bezier(0.250, 0.460, 0.450, 0.940)',
    'easeOutCubic' => 'easeOutCubic|cubic-bezier(0.215, 0.610, 0.355, 1.000)',
    'easeOutQuart' => 'easeOutQuart|cubic-bezier(0.165, 0.840, 0.440, 1.000)',
    'easeOutQuint' => 'easeOutQuint|cubic-bezier(0.230, 1.000, 0.320, 1.000)',
    'easeOutSine' => 'easeOutSine|cubic-bezier(0.390, 0.575, 0.565, 1.000)',
    'easeOutExpo' => 'easeOutExpo|cubic-bezier(0.190, 1.000, 0.220, 1.000)',
    'easeOutCirc' => 'easeOutCirc|cubic-bezier(0.075, 0.820, 0.165, 1.000)',
    'easeOutBack' => 'easeOutBack|cubic-bezier(0.175, 0.885, 0.320, 1.275)',
    'easeInOutQuad' => 'easeInOutQuad|cubic-bezier(0.455, 0.030, 0.515, 0.955)',
    'easeInOutCubic' => 'easeInOutCubic|cubic-bezier(0.645, 0.045, 0.355, 1.000)',
    'easeInOutQuart' => 'easeInOutQuart|cubic-bezier(0.770, 0.000, 0.175, 1.000)',
    'easeInOutQuint' => 'easeInOutQuint|cubic-bezier(0.860, 0.000, 0.070, 1.000)',
    'easeInOutSine' => 'easeInOutSine|cubic-bezier(0.445, 0.050, 0.550, 0.950)',
    'easeInOutExpo' => 'easeInOutExpo|cubic-bezier(1.000, 0.000, 0.000, 1.000)',
    'easeInOutCirc' => 'easeInOutCirc|cubic-bezier(0.785, 0.135, 0.150, 0.860)',
    'easeInOutBack' => 'easeInOutBack|cubic-bezier(0.680, -0.550, 0.265, 1.550)',
  ];
  foreach ($available_easings as $key => $easing) {
    list($readable_easing, $css_easing) = array_pad(array_map('trim', explode("|", $easing, 2)), 2, NULL);
    $css_easings[$key] = $map ? $easing : $readable_easing;
    unset($css_easing);
  }
  return $css_easings;
}