<commit_before>/*
 * Copyright 2012 <NAME>.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

{CSSTemplate {
  $classpath : "aria.utils.css.Transitions",
  $prefix : false
}}

  {macro main ()}
    .xanimation-element {
      display: none;
      {call generatePrefix("backface-visibility", "hidden") /}
    }

    .xanimation-element-active {
      display: block;
      overflow: visible;
    }

    .xanimation-element {
      outline: none;
    }

    .xviewport-xanimation,
    .xviewport-xanimation .xanimation-element {
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .xin, .xinMix, .xin3d {
      {call generatePrefix("animation-timing-function", "ease-out") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xout, .xoutMix, .xout3d {
      {call generatePrefix("animation-timing-function", "ease-in") /}
      {call generatePrefix("animation-duration", "225ms") /}
    }

    /* fadein & fadeout */
    {call generateKeyFrames("fadein", "opacity: 0;", "opacity: 1;") /}
    {call generateKeyFrames("fadeout", "opacity: 1;", "opacity: 0;") /}

    .xfade.xout, .xfade.xoutMix, .xfade.xout3d {
      opacity: 0;
      {call generatePrefix("animation-duration", "125ms") /}
      {call generatePrefix("animation-name", "fadeout") /}
    }
    .xfade.xin, .xfade.xinMix, .xfade.xin3d {
      opacity: 1;
      {call generatePrefix("animation-duration", "225ms") /}
      {call generatePrefix("animation-name", "fadein") /}
    }

    /* pop in & pop out */
    .xpop {
      {call generatePrefix("transform-origin", "50% 50%") /}
    }
    .xpop.xin, .xpop.xinMix {
      {call generatePrefix("transform", "scale(1)") /}
      opacity: 1;
      {call generatePrefix("animation-name", "popin") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xpop.xin3d {
      {call generatePrefix("transform", "scale3d(1,1,1)") /}
      opacity: 1;
      {call generatePrefix("animation-name", "popin3d") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xpop.xout, .xpop.xoutMix, .xpop.xout3d {
      {call generatePrefix("animation-name", "fadeout") /}
      opacity: 0;
      {call generatePrefix("animation-duration", "100ms") /}
    }
    .xpop.xin.xreverse, .xpop.xinMix.xreverse, .xpop.xin3d.xreverse {
      {call generatePrefix("animation-name", "fadein") /}
    }
    .xpop.xout.xreverse, .xpop.xoutMix.xreverse {
      {call generatePrefix("transform", "scale(.8)") /}
      {call generatePrefix("animation-name", "popout") /}
    }
    .xpop.xout3d.xreverse {
      {call generatePrefix("transform", "scale3d(.8, .8, .8)") /}
      {call generatePrefix("animation-name", "popout3d") /}
    }

    {call generateKeyFrames("popin", "transform: scale(.8);opacity: 0;", "transform: scale(1);opacity: 1;") /}
    {call generateKeyFrames("popout", "transform: scale(1);opacity: 1;", "transform: scale(.8);opacity: 0;") /}

    {call generateKeyFrames("popin3d", "transform: scale3d(.8, .8, .8);opacity: 0;", "transform: scale3d(1, 1, 1);opacity: 1;") /}
    {call generateKeyFrames("popout3d", "transform: scale3d(1, 1, 1);opacity: 1;", "transform: scale3d(.8, .8, .8);opacity: 0;") /}

    /* slide in & slide out */
    {call generateKeyFrames("slideinfromright", "transform: translateX(100%);", "transform: translateX(0);") /}
    {call generateKeyFrames("slideinfromleft", "transform: translateX(-100%);", "transform: translateX(0);") /}
    {call generateKeyFrames("slideouttoleft", "transform: translateX(0);", "transform: translateX(-100%);") /}
    {call generateKeyFrames("slideouttoright", "transform: translateX(0);", "transform: translateX(100%);") /}

    {call generateKeyFrames("slideinfromrightmix", "transform: translateZ(0) translateX(100%);", "transform: translateZ(0) translateX(0);") /}
    {call generateKeyFrames("slideinfromleftmix", "transform: translateZ(0) translateX(-100%);", "transform: translateZ(0) translateX(0);") /}
    {call generateKeyFrames("slideouttoleftmix", "transform: translateZ(0) translateX(0);", "transform: translateZ(0) translateX(-100%);") /}
    {call generateKeyFrames("slideouttorightmix", "transform: translateZ(0) translateX(0);", "transform: translateZ(0) translateX(100%);") /}

    {call generateKeyFrames("slideinfromright3d", "transform: translate3d(100%, 0, 0);", "transform: translate3d(0, 0 , 0);") /}
    {call generateKeyFrames("slideinfromleft3d", "transform: translate3d(-100%, 0, 0);", "transform: translate3d(0, 0 , 0);") /}
    {call generateKeyFrames("slideouttoleft3d", "transform: translate3d(0, 0 , 0);", "transform: translate3d(-100%, 0, 0);") /}
    {call generateKeyFrames("slideouttoright3d", "transform: translate3d(0, 0 , 0);", "transform: translate3d(100%, 0, 0);") /}

    .xslide.xout, .xslide.xin {
      {call generatePrefix("animation-timing-function", "ease-out") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xslide.xout {
      {call generatePrefix("transform", "translateX(-100%)") /}
      {call generatePrefix("animation-name", "slideouttoleft") /}
    }
    .xslide.xoutMix {
      {call generatePrefix("transform", "translateZ(0) translateX(-100%)") /}
      {call generatePrefix("animation-name", "slideouttoleftmix") /}
    }
    .xslide.xout3d {
      {call generatePrefix("transform", "translate3d(-100%, 0, 0)") /}
      {call generatePrefix("animation-name", "slideouttoleft3d") /}<commit_msg>fix #568 Wrong animation callend in slide transition 3d<commit_after>/*
 * Copyright 2012 <NAME>.s.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

{CSSTemplate {
  $classpath : "aria.utils.css.Transitions",
  $prefix : false
}}

  {macro main ()}
    .xanimation-element {
      display: none;
      {call generatePrefix("backface-visibility", "hidden") /}
    }

    .xanimation-element-active {
      display: block;
      overflow: visible;
    }

    .xanimation-element {
      outline: none;
    }

    .xviewport-xanimation,
    .xviewport-xanimation .xanimation-element {
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .xin, .xinMix, .xin3d {
      {call generatePrefix("animation-timing-function", "ease-out") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xout, .xoutMix, .xout3d {
      {call generatePrefix("animation-timing-function", "ease-in") /}
      {call generatePrefix("animation-duration", "225ms") /}
    }

    /* fadein & fadeout */
    {call generateKeyFrames("fadein", "opacity: 0;", "opacity: 1;") /}
    {call generateKeyFrames("fadeout", "opacity: 1;", "opacity: 0;") /}

    .xfade.xout, .xfade.xoutMix, .xfade.xout3d {
      opacity: 0;
      {call generatePrefix("animation-duration", "125ms") /}
      {call generatePrefix("animation-name", "fadeout") /}
    }
    .xfade.xin, .xfade.xinMix, .xfade.xin3d {
      opacity: 1;
      {call generatePrefix("animation-duration", "225ms") /}
      {call generatePrefix("animation-name", "fadein") /}
    }

    /* pop in & pop out */
    .xpop {
      {call generatePrefix("transform-origin", "50% 50%") /}
    }
    .xpop.xin, .xpop.xinMix {
      {call generatePrefix("transform", "scale(1)") /}
      opacity: 1;
      {call generatePrefix("animation-name", "popin") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xpop.xin3d {
      {call generatePrefix("transform", "scale3d(1,1,1)") /}
      opacity: 1;
      {call generatePrefix("animation-name", "popin3d") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xpop.xout, .xpop.xoutMix, .xpop.xout3d {
      {call generatePrefix("animation-name", "fadeout") /}
      opacity: 0;
      {call generatePrefix("animation-duration", "100ms") /}
    }
    .xpop.xin.xreverse, .xpop.xinMix.xreverse, .xpop.xin3d.xreverse {
      {call generatePrefix("animation-name", "fadein") /}
    }
    .xpop.xout.xreverse, .xpop.xoutMix.xreverse {
      {call generatePrefix("transform", "scale(.8)") /}
      {call generatePrefix("animation-name", "popout") /}
    }
    .xpop.xout3d.xreverse {
      {call generatePrefix("transform", "scale3d(.8, .8, .8)") /}
      {call generatePrefix("animation-name", "popout3d") /}
    }

    {call generateKeyFrames("popin", "transform: scale(.8);opacity: 0;", "transform: scale(1);opacity: 1;") /}
    {call generateKeyFrames("popout", "transform: scale(1);opacity: 1;", "transform: scale(.8);opacity: 0;") /}

    {call generateKeyFrames("popin3d", "transform: scale3d(.8, .8, .8);opacity: 0;", "transform: scale3d(1, 1, 1);opacity: 1;") /}
    {call generateKeyFrames("popout3d", "transform: scale3d(1, 1, 1);opacity: 1;", "transform: scale3d(.8, .8, .8);opacity: 0;") /}

    /* slide in & slide out */
    {call generateKeyFrames("slideinfromright", "transform: translateX(100%);", "transform: translateX(0);") /}
    {call generateKeyFrames("slideinfromleft", "transform: translateX(-100%);", "transform: translateX(0);") /}
    {call generateKeyFrames("slideouttoleft", "transform: translateX(0);", "transform: translateX(-100%);") /}
    {call generateKeyFrames("slideouttoright", "transform: translateX(0);", "transform: translateX(100%);") /}

    {call generateKeyFrames("slideinfromrightmix", "transform: translateZ(0) translateX(100%);", "transform: translateZ(0) translateX(0);") /}
    {call generateKeyFrames("slideinfromleftmix", "transform: translateZ(0) translateX(-100%);", "transform: translateZ(0) translateX(0);") /}
    {call generateKeyFrames("slideouttoleftmix", "transform: translateZ(0) translateX(0);", "transform: translateZ(0) translateX(-100%);") /}
    {call generateKeyFrames("slideouttorightmix", "transform: translateZ(0) translateX(0);", "transform: translateZ(0) translateX(100%);") /}

    {call generateKeyFrames("slideinfromright3d", "transform: translate3d(100%, 0, 0);", "transform: translate3d(0, 0 , 0);") /}
    {call generateKeyFrames("slideinfromleft3d", "transform: translate3d(-100%, 0, 0);", "transform: translate3d(0, 0 , 0);") /}
    {call generateKeyFrames("slideouttoleft3d", "transform: translate3d(0, 0 , 0);", "transform: translate3d(-100%, 0, 0);") /}
    {call generateKeyFrames("slideouttoright3d", "transform: translate3d(0, 0 , 0);", "transform: translate3d(100%, 0, 0);") /}

    .xslide.xout, .xslide.xin, .xslide.xoutMix, .xslide.xinMix, .xslide.xin3d, .xslide.xout3d {
      {call generatePrefix("animation-timing-function", "ease-out") /}
      {call generatePrefix("animation-duration", "350ms") /}
    }
    .xslide.xout {
      {call generatePrefix("transform", "translateX(-100%)") /}
      {call generatePrefix("animation-name", "slideouttoleft") /}
    }
    .xslide.xoutMix {
      {call generatePrefix("transform", "translateZ(0) translateX(-100%)") /}
      {call generatePrefix("animation-name", "slideouttoleftmix") /}
    }
    .xslide.xout3d {
      {call generatePrefix("transform", "translate3d(-100%, 0, 0)") /}
      {call generatePrefix("animation-name", "slideouttoleft3d") /}
{'fraction_non_alphanumeric': 0.17729214590864278, 'fraction_numerical': 0.033355241537955965, 'mean_word_length': 3.703632148377125, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5404692', 'n_tokens_mistral': 4348, 'n_tokens_neox': 4038, 'n_words': 836}