/* -*- Mode: IDL; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this file, * You can obtain one at http://mozilla.org/MPL/2.0/. * * The origin of this IDL file is * https://drafts.csswg.org/web-animations/#the-keyframeeffect-interfaces * * Copyright © 2015 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C * liability, trademark and document use rules apply. */ enum IterationCompositeOperation { "replace", "accumulate" }; dictionary KeyframeEffectOptions : EffectTiming { [Pref="dom.animations-api.compositing.enabled"] IterationCompositeOperation iterationComposite = "replace"; [Pref="dom.animations-api.compositing.enabled"] CompositeOperation composite = "replace"; DOMString? pseudoElement = null; }; // KeyframeEffect should run in the caller's compartment to do custom // processing on the `keyframes` object. [Func="Document::IsWebAnimationsEnabled", RunConstructorInCallerCompartment, Exposed=Window] interface KeyframeEffect : AnimationEffect { [Throws] constructor(Element? target, object? keyframes, optional (unrestricted double or KeyframeEffectOptions) options = {}); [Throws] constructor(KeyframeEffect source); attribute Element? target; [SetterThrows] attribute DOMString? pseudoElement; [Pref="dom.animations-api.compositing.enabled"] attribute IterationCompositeOperation iterationComposite; [Pref="dom.animations-api.compositing.enabled"] attribute CompositeOperation composite; [Throws] sequence getKeyframes(); [Throws] undefined setKeyframes(object? keyframes); }; // Non-standard extensions dictionary AnimationPropertyValueDetails { required double offset; UTF8String value; UTF8String easing; required CompositeOperation composite; }; dictionary AnimationPropertyDetails { required DOMString property; required boolean runningOnCompositor; DOMString warning; required sequence values; }; partial interface KeyframeEffect { [ChromeOnly, Throws] sequence getProperties(); };