deblan/kute.js
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Minor changes

Browse source
This commit is contained in:
thednp 2020-06-12 08:04:59 +00:00
parent 62d5ae1f83
commit fed9662776
50 changed files with 223 additions and 171 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
demo/assets/css/kute.css
View file

@ -183,6 +183,7 @@ svg.example-box { width: auto; height: auto; }*/
.easing-example {float: none; font-size: 24px; width: 320px}
.example-buttons {position: absolute; top: 18px; right:0}
.example-buttons + .example-buttons { top: auto; bottom: 18px}
/* text properties example */
h1.example-item {

16
demo/scrollProperty.html
View file

@ -120,7 +120,7 @@ KUTE.to('#myElement',{scroll: 0 }).start()
<div id="scrollProperty" class="featurettes">
<div class="example-item" style="height:170px; overflow:hidden; max-width: calc(100% - 60px);">
<h4 class="text-dark" style="margin-top:10px">KUTE.js works here</h4>
<h4 class="text-dark" style="margin-top:10px">KUTE.js Scroll Property</h4>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy
foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive
innovation via workplace diversity and empowerment.</p>
@ -146,10 +146,9 @@ KUTE.to('#myElement',{scroll: 0 }).start()
</div>
<div class="featurettes">
<div class="example-item" style="height:170px; overflow:auto; max-width: calc(100% - 60px); scroll-behavior: smooth;">
<h4 id="sample-title" class="text-dark" style="margin-top:10px">Scroll Behavior Works here</h4>
<p><a onclick="function kickScroll(e){e.preventDefault}" href="#sample-title2">Click to scroll to bottom</a>,
leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy
<div class="example-item" style="height:170px; overflow:auto; max-width: calc(100% - 80px); scroll-behavior: smooth;">
<h4 id="sample-title" class="text-dark" style="margin-top:10px">scroll-behavior: smooth</h4>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy
foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive
innovation via workplace diversity and empowerment.</p>
@ -170,7 +169,12 @@ KUTE.to('#myElement',{scroll: 0 }).start()
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed
base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
</div>
<div class="example-buttons"><a class="btn btn-olive" onclick="function kickScroll(e){e.preventDefault}" href="#sample-title">Top</a></div>
<div class="example-buttons">
<a class="btn btn-indigo" onclick="function kickScroll(e){e.preventDefault}" href="#sample-title2">Bottom</a>
</div>
<div class="example-buttons">
<a class="btn btn-olive" onclick="function kickScroll(e){e.preventDefault}" href="#sample-title">Top</a>
</div>
</div>
<p>The above shows a comparison of the <b>Scroll Property</b> component with the <code>scroll-behavior: smooth</code> CSS; while this browser
feature shows excellent performance it lacks the flexibility and support for legacy browsers.</p>

2
demo/src/kute.min.js vendored
View file

File diff suppressed because one or more lines are too long

27
dist/kute.esm.js vendored
View file

@ -791,12 +791,6 @@ function trueDimension (dimValue, isAngle) {
return { v: intValue, u: theUnit };
}
var boxModelProperties = ['top', 'left', 'width', 'height', 'right', 'bottom', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight',
'padding', 'paddingTop','paddingBottom', 'paddingLeft', 'paddingRight',
'margin', 'marginTop','marginBottom', 'marginLeft', 'marginRight',
'borderWidth', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'outlineWidth'];
var boxModelValues = {};
boxModelProperties.map(function (x) { return boxModelValues[x] = 0; });
function boxModelOnStart(tweenProp){
if (tweenProp in this.valuesEnd && !KUTE[tweenProp]) {
KUTE[tweenProp] = function (elem, a, b, v) {
@ -811,22 +805,25 @@ function prepareBoxModel(tweenProp,value){
var boxValue = trueDimension(value), offsetProp = tweenProp === 'height' ? 'offsetHeight' : 'offsetWidth';
return boxValue.u === '%' ? boxValue.v * this.element[offsetProp] / 100 : boxValue.v;
}
var boxPropsOnStart = {};
boxModelProperties.map(function (x) { return boxPropsOnStart[x] = boxModelOnStart; } );
var boxModelFunctions = {
var essentialBoxProps = ['top','left','width','height'];
var essentialBoxPropsValues = {top:0,left:0,width:0,height:0};
var essentialBoxOnStart = {};
essentialBoxProps.map(function (x){ return essentialBoxOnStart[x] = boxModelOnStart; });
var essentialBoxModelFunctions = {
prepareStart: getBoxModel,
prepareProperty: prepareBoxModel,
onStart: boxPropsOnStart
onStart: essentialBoxOnStart
};
var boxModelOps = {
var essentialBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: boxModelProperties,
defaultValues: boxModelValues,
properties: ['top','left','width','height'],
defaultValues: essentialBoxPropsValues,
Interpolate: {numbers: numbers},
functions: boxModelFunctions
functions: essentialBoxModelFunctions,
Util:{trueDimension: trueDimension}
};
Components.BoxModelProperties = boxModelOps;
Components.BoxModelEssentialProperties = essentialBoxModelOps;
function hexToRGB (hex) {
var hexShorthand = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;

2
dist/kute.esm.min.js vendored
View file

File diff suppressed because one or more lines are too long

27
dist/kute.js vendored
View file

@ -797,12 +797,6 @@
return { v: intValue, u: theUnit };
}
var boxModelProperties = ['top', 'left', 'width', 'height', 'right', 'bottom', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight',
'padding', 'paddingTop','paddingBottom', 'paddingLeft', 'paddingRight',
'margin', 'marginTop','marginBottom', 'marginLeft', 'marginRight',
'borderWidth', 'borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth', 'outlineWidth'];
var boxModelValues = {};
boxModelProperties.map(function (x) { return boxModelValues[x] = 0; });
function boxModelOnStart(tweenProp){
if (tweenProp in this.valuesEnd && !KUTE[tweenProp]) {
KUTE[tweenProp] = function (elem, a, b, v) {
@ -817,22 +811,25 @@
var boxValue = trueDimension(value), offsetProp = tweenProp === 'height' ? 'offsetHeight' : 'offsetWidth';
return boxValue.u === '%' ? boxValue.v * this.element[offsetProp] / 100 : boxValue.v;
}
var boxPropsOnStart = {};
boxModelProperties.map(function (x) { return boxPropsOnStart[x] = boxModelOnStart; } );
var boxModelFunctions = {
var essentialBoxProps = ['top','left','width','height'];
var essentialBoxPropsValues = {top:0,left:0,width:0,height:0};
var essentialBoxOnStart = {};
essentialBoxProps.map(function (x){ return essentialBoxOnStart[x] = boxModelOnStart; });
var essentialBoxModelFunctions = {
prepareStart: getBoxModel,
prepareProperty: prepareBoxModel,
onStart: boxPropsOnStart
onStart: essentialBoxOnStart
};
var boxModelOps = {
var essentialBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: boxModelProperties,
defaultValues: boxModelValues,
properties: ['top','left','width','height'],
defaultValues: essentialBoxPropsValues,
Interpolate: {numbers: numbers},
functions: boxModelFunctions
functions: essentialBoxModelFunctions,
Util:{trueDimension: trueDimension}
};
Components.BoxModelProperties = boxModelOps;
Components.BoxModelEssentialProperties = essentialBoxModelOps;
function hexToRGB (hex) {
var hexShorthand = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;

2
dist/kute.min.js vendored
View file

File diff suppressed because one or more lines are too long

4
src/animation/animation.js
View file

@ -7,8 +7,8 @@ import onStart from '../objects/onStart.js'
import onComplete from '../objects/onComplete.js'
import crossCheck from '../objects/crossCheck.js'
import linkProperty from '../objects/linkProperty.js'
import Util from '../objects/Util.js'
import Interpolate from '../objects/Interpolate.js'
import Util from '../objects/util.js'
import Interpolate from '../objects/interpolate.js'
// Animation class
// * builds KUTE components

4
src/animation/animationBase.js
View file

@ -4,8 +4,8 @@ import onStart from '../objects/onStart.js'
import onComplete from '../objects/onComplete.js'
import crossCheck from '../objects/crossCheck.js'
import linkProperty from '../objects/linkProperty.js'
import Util from '../objects/Util.js'
import Interpolate from '../objects/Interpolate.js'
import Util from '../objects/util.js'
import Interpolate from '../objects/interpolate.js'
// Animation class
export default class AnimationBase {

2
src/animation/animationDevelopment.js
View file

@ -3,7 +3,7 @@ import prepareStart from '../objects/prepareStart.js'
import onStart from '../objects/onStart.js'
import onComplete from '../objects/onComplete.js'
import crossCheck from '../objects/crossCheck.js'
import Interpolate from '../objects/Interpolate.js'
import Interpolate from '../objects/interpolate.js'
import Animation from './animation.js'

6
src/components/backgroundPosition.js
View file

@ -1,8 +1,8 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
import trueDimension from '../util/trueDimension.js'
// const bgPosProp = { property : 'backgroundPosition', defaultValue: [0,0], interpolators: {numbers} }, functions = { prepareStart, prepareProperty, onStart }

6
src/components/borderRadius.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueDimension from '../util/trueDimension.js'
import {units} from '../objects/Interpolate.js'
import {units} from '../objects/interpolate.js'
// const borderRadius = { category : 'borderRadius', properties : [..], defaultValues: {..}, interpolation: {units} }

33
src/components/boxModel.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueDimension from '../util/trueDimension.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
// Component Properties
const boxModelProperties = ['top', 'left', 'width', 'height', 'right', 'bottom', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight',
@ -39,33 +39,6 @@ const boxModelFunctions = {
onStart: boxPropsOnStart
}
// Component Base Props
const baseBoxProps = ['top','left','width','height']
const baseBoxPropsValues = {top:0,left:0,width:0,height:0}
const baseBoxOnStart = {}
baseBoxProps.map(x=>baseBoxOnStart[x] = boxModelOnStart)
// Component Base
export const baseBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: baseBoxProps,
// defaultValues: baseBoxPropsValues,
Interpolate: {numbers},
functions: {onStart: baseBoxOnStart}
}
// Component Essential
export const essentialBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: ['top','left','width','height'],
defaultValues: baseBoxPropsValues,
Interpolate: {numbers},
functions: boxModelFunctions,
Util:{trueDimension}
}
// Component Full Component
export const boxModelOps = {
component: 'boxModelProps',

30
src/components/boxModelBase.js Normal file
View file

@ -0,0 +1,30 @@
import KUTE from '../objects/kute.js'
import Components from '../objects/components.js'
import {numbers} from '../objects/interpolate.js'
// Component Functions
export function boxModelOnStart(tweenProp){
if (tweenProp in this.valuesEnd && !KUTE[tweenProp]) {
KUTE[tweenProp] = (elem, a, b, v) => {
elem.style[tweenProp] = `${v > 0.99 || v < 0.01 ? ((numbers(a,b,v)*10)>>0)/10 : (numbers(a,b,v) ) >> 0}px`;
// elem.style[tweenProp] = `${(numbers(a,b,v) ) >> 0}px`;
}
}
}
// Component Base Props
const baseBoxProps = ['top','left','width','height']
const baseBoxOnStart = {}
baseBoxProps.map(x=>baseBoxOnStart[x] = boxModelOnStart)
// Component Base
export const baseBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: baseBoxProps,
// defaultValues: baseBoxPropsValues,
Interpolate: {numbers},
functions: {onStart: baseBoxOnStart}
}
Components.BoxModelProperties = baseBoxModelOps

50
src/components/boxModelEssential.js Normal file
View file

@ -0,0 +1,50 @@
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueDimension from '../util/trueDimension.js'
import {numbers} from '../objects/interpolate.js'
// Component Functions
export function boxModelOnStart(tweenProp){
if (tweenProp in this.valuesEnd && !KUTE[tweenProp]) {
KUTE[tweenProp] = (elem, a, b, v) => {
elem.style[tweenProp] = `${v > 0.99 || v < 0.01 ? ((numbers(a,b,v)*10)>>0)/10 : (numbers(a,b,v) ) >> 0}px`;
// elem.style[tweenProp] = `${(numbers(a,b,v) ) >> 0}px`;
}
}
}
export function getBoxModel(tweenProp){
return getStyleForProperty(this.element,tweenProp) || defaultValues[tweenProp];
}
export function prepareBoxModel(tweenProp,value){
const boxValue = trueDimension(value), offsetProp = tweenProp === 'height' ? 'offsetHeight' : 'offsetWidth';
return boxValue.u === '%' ? boxValue.v * this.element[offsetProp] / 100 : boxValue.v;
}
// Component Base Props
const essentialBoxProps = ['top','left','width','height']
const essentialBoxPropsValues = {top:0,left:0,width:0,height:0}
const essentialBoxOnStart = {}
essentialBoxProps.map(x=>essentialBoxOnStart[x] = boxModelOnStart)
// All Component Functions
const essentialBoxModelFunctions = {
prepareStart: getBoxModel,
prepareProperty: prepareBoxModel,
onStart: essentialBoxOnStart
}
// Component Essential
export const essentialBoxModelOps = {
component: 'boxModelProps',
category: 'boxModel',
properties: ['top','left','width','height'],
defaultValues: essentialBoxPropsValues,
Interpolate: {numbers},
functions: essentialBoxModelFunctions,
Util:{trueDimension}
}
Components.BoxModelEssentialProperties = essentialBoxModelOps

6
src/components/clipProperty.js
View file

@ -1,8 +1,8 @@
import KUTE from '../objects/KUTE.js'
import Components from '../objects/Components.js'
import KUTE from '../objects/kute.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueDimension from '../util/trueDimension.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
// Component Functions
export function getClip(tweenProp,v){

6
src/components/colorProperties.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueColor from '../util/trueColor.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
// Component Interpolation
// rgba1, rgba2, progress

6
src/components/filterEffects.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import trueColor from '../util/trueColor.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
import {colors} from './colorProperties.js'
// const filterEffects = { property : 'filter', subProperties: {}, defaultValue: {}, interpolators: {} }, functions = { prepareStart, prepareProperty, onStart, crossCheck }

6
src/components/htmlAttributes.js
View file

@ -1,8 +1,8 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import onStart from '../objects/onStart.js'
import Components from '../objects/Components.js'
import {numbers} from '../objects/Interpolate.js'
import Components from '../objects/components.js'
import {numbers} from '../objects/interpolate.js'
import trueColor from '../util/trueColor.js'
import trueDimension from '../util/trueDimension.js'
import {colors} from './colorProperties.js'

6
src/components/opacityProperty.js
View file

@ -1,7 +1,7 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import Components from '../objects/Components.js'
import {numbers} from '../objects/Interpolate.js'
import Components from '../objects/components.js'
import {numbers} from '../objects/interpolate.js'
// const opacityProperty = { property : 'opacity', defaultValue: 1, interpolators: {numbers} }, functions = { prepareStart, prepareProperty, onStart }

6
src/components/scrollProperty.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import {numbers} from '../objects/Interpolate.js'
import Components from '../objects/Components.js'
import KUTE from '../objects/kute.js'
import {numbers} from '../objects/interpolate.js'
import Components from '../objects/components.js'
import {on} from 'shorter-js/src/event/on.js'
import {off} from 'shorter-js/src/event/off.js'

6
src/components/shadowProperties.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueColor from '../util/trueColor.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
import {colors} from './colorProperties.js'
// Component Properties

6
src/components/svgCubicMorph.js
View file

@ -1,7 +1,7 @@
import KUTE from '../objects/KUTE.js'
import Components from '../objects/Components.js'
import KUTE from '../objects/kute.js'
import Components from '../objects/components.js'
import selector from '../util/selector.js'
import {numbers} from '../objects/Interpolate.js'
import {numbers} from '../objects/interpolate.js'
// const SVGMorph = { property : 'path', defaultValue: [], interpolators: {numbers,coords} }, functions = { prepareStart, prepareProperty, onStart, crossCheck }

6
src/components/svgDraw.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import {numbers} from '../objects/Interpolate.js'
import Components from '../objects/Components.js'
import KUTE from '../objects/kute.js'
import {numbers} from '../objects/interpolate.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
// const svgDraw = { property : 'draw', defaultValue, Interpolate: {numbers} }, functions = { prepareStart, prepareProperty, onStart }

4
src/components/svgMorph.js
View file

@ -1,7 +1,7 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import selector from '../util/selector.js'
import defaultOptions from '../objects/defaultOptions.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
// const SVGMorph = { property : 'path', defaultValue: [], interpolators: {numbers,coords} }, functions = { prepareStart, prepareProperty, onStart, crossCheck }

6
src/components/svgTransform.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import {numbers} from '../objects/Interpolate.js'
import Components from '../objects/Components.js'
import KUTE from '../objects/kute.js'
import {numbers} from '../objects/interpolate.js'
import Components from '../objects/components.js'
// const svgTransform = { property : 'svgTransform', subProperties, defaultValue, Interpolate: {numbers}, functions }

6
src/components/textProperties.js
View file

@ -1,9 +1,9 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getStyleForProperty from '../process/getStyleForProperty.js'
import trueDimension from '../util/trueDimension.js'
import {units} from '../objects/Interpolate.js'
import {units} from '../objects/interpolate.js'
// const opacity = { category : 'textProperties', defaultValues: [0,0,0,0], interpolators: {numbers} }, functions = { prepareStart, prepareProperty, onStart:{} }

8
src/components/textWrite.js
View file

@ -1,8 +1,8 @@
import KUTE from '../objects/KUTE.js'
import TC from '../interface/TC.js'
import {numbers} from '../objects/Interpolate.js'
import KUTE from '../objects/kute.js'
import TC from '../interface/tc.js'
import {numbers} from '../objects/interpolate.js'
import defaultOptions from '../objects/defaultOptions.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
// Component Util
// utility for multi-child targets

4
src/components/transformFunctions.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import Components from '../objects/components.js'
import getInlineStyle from '../process/getInlineStyle.js'
// const transformFunctions = { property : 'transform', subProperties, defaultValues, Interpolate: {translate,rotate,skew,scale}, functions } // same to svg transform, attr

6
src/components/transformMatrix.js
View file

@ -1,7 +1,7 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultValues from '../objects/defaultValues.js'
import Components from '../objects/Components.js'
import {numbers,arrays} from '../objects/Interpolate.js'
import Components from '../objects/components.js'
import {numbers,arrays} from '../objects/interpolate.js'
// const transformMatrix = { property : 'transform', defaultValue: {}, interpolators: {} }, functions = { prepareStart, prepareProperty, onStart, crossCheck }

6
src/core/Render.js
View file

@ -1,8 +1,8 @@
import KUTE from '../objects/KUTE.js'
import Tweens from '../objects/Tweens.js'
import KUTE from '../objects/kute.js'
import Tweens from '../objects/tweens.js'
import globalObject from '../objects/globalObject.js'
import Interpolate from '../objects/Interpolate.js'
import Interpolate from '../objects/interpolate.js'
import onStart from '../objects/onStart.js'
const Time = {}

2
src/core/add.js
View file

@ -1,2 +1,2 @@
import Tweens from '../objects/Tweens.js'
import Tweens from '../objects/tweens.js'
export default (tw) => Tweens.push(tw)

2
src/core/getAll.js
View file

@ -1,2 +1,2 @@
import Tweens from '../objects/Tweens.js'
import Tweens from '../objects/tweens.js'
export default () => Tweens

2
src/core/internals.js
View file

@ -2,7 +2,7 @@ import add from './add.js'
import remove from './remove.js'
import getAll from './getAll.js'
import removeAll from './removeAll.js'
import {stop} from './Render.js'
import {stop} from './render.js'
import linkInterpolation from './linkInterpolation.js'
export default {

2
src/core/linkInterpolation.js
View file

@ -1,4 +1,4 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import linkProperty from '../objects/linkProperty.js'
import supportedProperties from '../objects/supportedProperties.js'

2
src/core/remove.js
View file

@ -1,4 +1,4 @@
import Tweens from '../objects/Tweens.js'
import Tweens from '../objects/tweens.js'
export default (tw) => {
let i = Tweens.indexOf(tw)
i !== -1 && Tweens.splice(i, 1)

2
src/core/removeAll.js
View file

@ -1,2 +1,2 @@
import Tweens from '../objects/Tweens.js'
import Tweens from '../objects/tweens.js'
export default () => { Tweens.length = 0 }

2
src/easing/easing-base.js
View file

@ -1,4 +1,4 @@
import Util from '../objects/Util.js'
import Util from '../objects/util.js'
// Robert Penner's Easing Functions
export function linear (t) { return t; }

2
src/easing/easing-bezier.js
View file

@ -1,4 +1,4 @@
import Util from '../objects/Util.js'
import Util from '../objects/util.js'
import CubicBezier from 'cubic-bezier-easing'
const Easing = {

12
src/index-base.js
View file

@ -1,10 +1,10 @@
import {version as Version} from './../package.json'
import Render from './core/Render.js'
import Interpolate from './objects/Interpolate.js'
import Objects from './objects/ObjectsBase.js'
import Util from './objects/Util.js'
import Render from './core/render.js'
import Interpolate from './objects/interpolate.js'
import Objects from './objects/objectsBase.js'
import Util from './objects/util.js'
import Easing from './easing/easing-base.js'
import Internals from './core/Internals.js'
import Internals from './core/internals.js'
import Selector from './util/selector.js'
import Animation from './animation/animationBase.js'
@ -15,7 +15,7 @@ import TweenBase from './tween/tweenBase.js'
import fromTo from './interface/fromTo.js'
import {baseTransformOps} from './components/transformFunctions.js'
import {baseBoxModelOps} from './components/boxModel.js'
import {baseBoxModelOps} from './components/boxModelBase.js'
import {baseOpacityOps} from './components/opacityProperty.js'
// import {baseCrossBrowserMoveOps} from './components/crossBrowserMove.js'

14
src/index-extra.js
View file

@ -1,11 +1,11 @@
import {version as Version} from './../package.json'
import Render from './core/Render.js'
import Interpolate from './objects/Interpolate.js'
import Objects from './objects/Objects.js'
import Util from './objects/Util.js'
import Components from './objects/Components.js'
import Internals from './core/Internals.js'
import Process from './process/Process.js'
import Render from './core/render.js'
import Interpolate from './objects/interpolate.js'
import Objects from './objects/objects.js'
import Util from './objects/util.js'
import Components from './objects/components.js'
import Internals from './core/internals.js'
import Process from './process/process.js'
import CubicBezier from 'cubic-bezier-easing'
import Easing from './easing/easing-bezier.js'
import Selector from './util/selector.js'

16
src/index.js
View file

@ -1,11 +1,11 @@
import {version as Version} from './../package.json'
import Render from './core/Render.js'
import Interpolate from './objects/Interpolate.js'
import Objects from './objects/Objects.js'
import Util from './objects/Util.js'
import Components from './objects/Components.js'
import Internals from './core/Internals.js'
import Process from './process/Process.js'
import Render from './core/render.js'
import Interpolate from './objects/interpolate.js'
import Objects from './objects/objects.js'
import Util from './objects/util.js'
import Components from './objects/components.js'
import Internals from './core/internals.js'
import Process from './process/process.js'
import CubicBezier from 'cubic-bezier-easing'
import Easing from './easing/easing-bezier.js'
import Selector from './util/selector.js'
@ -23,7 +23,7 @@ import allFromTo from './interface/allFromTo.js'
import Animation from './animation/animation.js'
// components
import {essentialBoxModelOps} from './components/boxModel.js'
import {essentialBoxModelOps} from './components/boxModelEssential.js'
import {colorsOps} from './components/colorProperties.js'
import {attrOps} from './components/htmlAttributes.js'
import {opacityOps} from './components/opacityProperty.js'

2
src/interface/TC.js
View file

@ -1,3 +1,3 @@
import TweenConstructor from '../objects/TweenConstructor.js'
import TweenConstructor from '../objects/tweenConstructor.js'
export default TweenConstructor.Tween

2
src/interface/fromTo.js
View file

@ -1,5 +1,5 @@
import selector from '../util/selector.js'
import TC from './TC.js'
import TC from './tc.js'
export default function fromTo(element, startObject, endObject, optionsObj) {
optionsObj = optionsObj || {}

2
src/interface/to.js
View file

@ -1,5 +1,5 @@
import selector from '../util/selector.js'
import TC from './TC.js'
import TC from './tc.js'
export default function to(element, endObject, optionsObj) {
optionsObj = optionsObj || {}

6
src/tween/tween.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import TweenConstructor from '../objects/TweenConstructor.js'
import KUTE from '../objects/kute.js'
import TweenConstructor from '../objects/tweenConstructor.js'
import TweenBase from './tweenBase.js'
import add from '../core/add.js'
@ -9,7 +9,7 @@ import defaultOptions from '../objects/defaultOptions.js'
import crossCheck from '../objects/crossCheck.js'
import prepareObject from '../process/prepareObject.js'
import getStartValues from '../process/getStartValues.js'
import {Tick,Ticker} from '../core/Render.js'
import {Tick,Ticker} from '../core/render.js'
defaultOptions.repeat = 0
defaultOptions.repeatDelay = 0

8
src/tween/tweenBase.js
View file

@ -1,11 +1,11 @@
import KUTE from '../objects/KUTE.js'
import TweenConstructor from '../objects/TweenConstructor.js'
import KUTE from '../objects/kute.js'
import TweenConstructor from '../objects/tweenConstructor.js'
import onStart from '../objects/onStart.js'
import onComplete from '../objects/onComplete.js'
import defaultOptions from '../objects/defaultOptions.js'
import Util from '../objects/Util.js'
import Util from '../objects/util.js'
import {Tick,Ticker,stop} from '../core/Render.js'
import {Tick,Ticker,stop} from '../core/render.js'
import add from '../core/add.js'
import remove from '../core/remove.js'

4
src/tween/tweenCollection.js
View file

@ -1,6 +1,6 @@
import KUTE from '../objects/KUTE.js'
import KUTE from '../objects/kute.js'
import defaultOptions from '../objects/defaultOptions.js'
import TC from '../interface/TC.js'
import TC from '../interface/tc.js'
// KUTE.js Tween Collection
// ========================

2
src/tween/tweenExtra.js
View file

@ -1,4 +1,4 @@
import TweenConstructor from '../objects/TweenConstructor.js'
import TweenConstructor from '../objects/tweenConstructor.js'
import Tween from './tween.js'
// to do

4
src/util/progressBar.js
View file

@ -1,5 +1,5 @@
import KUTE from '../objects/KUTE.js'
import TweenConstructor from '../objects/TweenConstructor.js'
import KUTE from '../objects/kute.js'
import TweenConstructor from '../objects/tweenConstructor.js'
import selector from './selector.js'
export default class ProgressBar {