@jbpark/ui-kit 2.3.2 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ko.md +0 -1
- package/README.md +0 -1
- package/dist/Menu.d.mts +62 -2
- package/dist/Menu.d.mts.map +1 -0
- package/dist/Menu.mjs +66 -5
- package/dist/Menu.mjs.map +1 -0
- package/dist/Reveals.d.mts +43 -2
- package/dist/Reveals.d.mts.map +1 -0
- package/dist/Reveals.mjs +28 -3
- package/dist/Reveals.mjs.map +1 -0
- package/dist/Typography.d.mts +40 -2
- package/dist/Typography.d.mts.map +1 -0
- package/dist/Typography.mjs +20 -3
- package/dist/Typography.mjs.map +1 -0
- package/dist/{chunk-BWyCjowX.mjs → _virtual/_rolldown/runtime.mjs} +4 -4
- package/dist/components/atoms/Button/index.d.mts +36 -0
- package/dist/components/atoms/Button/index.d.mts.map +1 -0
- package/dist/components/atoms/Button/index.mjs +56 -0
- package/dist/components/atoms/Button/index.mjs.map +1 -0
- package/dist/components/atoms/Checkbox/Group/index.d.mts +21 -0
- package/dist/components/atoms/Checkbox/Group/index.d.mts.map +1 -0
- package/dist/components/atoms/Checkbox/Group/index.mjs +41 -0
- package/dist/components/atoms/Checkbox/Group/index.mjs.map +1 -0
- package/dist/components/atoms/Checkbox/index.d.mts +45 -0
- package/dist/components/atoms/Checkbox/index.d.mts.map +1 -0
- package/dist/components/atoms/Checkbox/index.mjs +70 -0
- package/dist/components/atoms/Checkbox/index.mjs.map +1 -0
- package/dist/components/atoms/ColorPicker/index.d.mts +18 -0
- package/dist/components/atoms/ColorPicker/index.d.mts.map +1 -0
- package/dist/components/atoms/ColorPicker/index.mjs +39 -0
- package/dist/components/atoms/ColorPicker/index.mjs.map +1 -0
- package/dist/components/atoms/FloatButton/BackTop/index.d.mts +12 -0
- package/dist/components/atoms/FloatButton/BackTop/index.d.mts.map +1 -0
- package/dist/components/atoms/FloatButton/BackTop/index.mjs +27 -0
- package/dist/components/atoms/FloatButton/BackTop/index.mjs.map +1 -0
- package/dist/components/atoms/FloatButton/index.d.mts +22 -0
- package/dist/components/atoms/FloatButton/index.d.mts.map +1 -0
- package/dist/components/atoms/FloatButton/index.mjs +19 -0
- package/dist/components/atoms/FloatButton/index.mjs.map +1 -0
- package/dist/components/atoms/Input/Search/index.d.mts +15 -0
- package/dist/components/atoms/Input/Search/index.d.mts.map +1 -0
- package/dist/components/atoms/Input/Search/index.mjs +57 -0
- package/dist/components/atoms/Input/Search/index.mjs.map +1 -0
- package/dist/components/atoms/Input/TextArea/index.d.mts +1 -0
- package/dist/components/atoms/Input/TextArea/index.mjs +18 -0
- package/dist/components/atoms/Input/TextArea/index.mjs.map +1 -0
- package/dist/components/atoms/Input/index.d.mts +31 -0
- package/dist/components/atoms/Input/index.d.mts.map +1 -0
- package/dist/components/atoms/Input/index.mjs +17 -0
- package/dist/components/atoms/Input/index.mjs.map +1 -0
- package/dist/components/atoms/Popover/index.d.mts +19 -0
- package/dist/components/atoms/Popover/index.d.mts.map +1 -0
- package/dist/components/atoms/Popover/index.mjs +229 -0
- package/dist/components/atoms/Popover/index.mjs.map +1 -0
- package/dist/components/atoms/Progress/index.d.mts +20 -0
- package/dist/components/atoms/Progress/index.d.mts.map +1 -0
- package/dist/components/atoms/Progress/index.mjs +25 -0
- package/dist/components/atoms/Progress/index.mjs.map +1 -0
- package/dist/components/atoms/Radio/Group/index.d.mts +21 -0
- package/dist/components/atoms/Radio/Group/index.d.mts.map +1 -0
- package/dist/components/atoms/Radio/Group/index.mjs +41 -0
- package/dist/components/atoms/Radio/Group/index.mjs.map +1 -0
- package/dist/components/atoms/Radio/index.d.mts +47 -0
- package/dist/components/atoms/Radio/index.d.mts.map +1 -0
- package/dist/components/atoms/Radio/index.mjs +77 -0
- package/dist/components/atoms/Radio/index.mjs.map +1 -0
- package/dist/components/atoms/Select/index.d.mts +31 -0
- package/dist/components/atoms/Select/index.d.mts.map +1 -0
- package/dist/components/atoms/Select/index.mjs +31 -0
- package/dist/components/atoms/Select/index.mjs.map +1 -0
- package/dist/components/atoms/Skeleton/Button/index.d.mts +2 -0
- package/dist/components/atoms/Skeleton/Button/index.mjs +15 -0
- package/dist/components/atoms/Skeleton/Button/index.mjs.map +1 -0
- package/dist/components/atoms/Skeleton/Node/index.d.mts +2 -0
- package/dist/components/atoms/Skeleton/Node/index.mjs +16 -0
- package/dist/components/atoms/Skeleton/Node/index.mjs.map +1 -0
- package/dist/components/atoms/Skeleton/index.d.mts +51 -0
- package/dist/components/atoms/Skeleton/index.d.mts.map +1 -0
- package/dist/components/atoms/Skeleton/index.mjs +46 -0
- package/dist/components/atoms/Skeleton/index.mjs.map +1 -0
- package/dist/components/atoms/Spin/index.d.mts +14 -0
- package/dist/components/atoms/Spin/index.d.mts.map +1 -0
- package/dist/components/atoms/Spin/index.mjs +17 -0
- package/dist/components/atoms/Spin/index.mjs.map +1 -0
- package/dist/components/atoms/Switch/index.d.mts +24 -0
- package/dist/components/atoms/Switch/index.d.mts.map +1 -0
- package/dist/components/atoms/Switch/index.mjs +32 -0
- package/dist/components/atoms/Switch/index.mjs.map +1 -0
- package/dist/components/atoms/Typography/Link/index.d.mts +12 -0
- package/dist/components/atoms/Typography/Link/index.d.mts.map +1 -0
- package/dist/components/atoms/Typography/Link/index.mjs +15 -0
- package/dist/components/atoms/Typography/Link/index.mjs.map +1 -0
- package/dist/components/atoms/Typography/Paragraph/index.d.mts +12 -0
- package/dist/components/atoms/Typography/Paragraph/index.d.mts.map +1 -0
- package/dist/components/atoms/Typography/Paragraph/index.mjs +15 -0
- package/dist/components/atoms/Typography/Paragraph/index.mjs.map +1 -0
- package/dist/components/atoms/Typography/Text/index.d.mts +17 -0
- package/dist/components/atoms/Typography/Text/index.d.mts.map +1 -0
- package/dist/components/atoms/Typography/Text/index.mjs +15 -0
- package/dist/components/atoms/Typography/Text/index.mjs.map +1 -0
- package/dist/components/atoms/Typography/Title/index.d.mts +15 -0
- package/dist/components/atoms/Typography/Title/index.d.mts.map +1 -0
- package/dist/components/atoms/Typography/Title/index.mjs +24 -0
- package/dist/components/atoms/Typography/Title/index.mjs.map +1 -0
- package/dist/components/atoms/index.d.mts +13 -0
- package/dist/components/atoms/index.mjs +15 -0
- package/dist/components/molecules/Card/index.d.mts +22 -0
- package/dist/components/molecules/Card/index.d.mts.map +1 -0
- package/dist/components/molecules/Card/index.mjs +21 -0
- package/dist/components/molecules/Card/index.mjs.map +1 -0
- package/dist/components/molecules/Collapse/index.d.mts +36 -0
- package/dist/components/molecules/Collapse/index.d.mts.map +1 -0
- package/dist/components/molecules/Collapse/index.mjs +53 -0
- package/dist/components/molecules/Collapse/index.mjs.map +1 -0
- package/dist/components/molecules/Dropdown/index.d.mts +23 -0
- package/dist/components/molecules/Dropdown/index.d.mts.map +1 -0
- package/dist/components/molecules/Dropdown/index.mjs +66 -0
- package/dist/components/molecules/Dropdown/index.mjs.map +1 -0
- package/dist/components/molecules/Marquees/Item/index.d.mts +17 -0
- package/dist/components/molecules/Marquees/Item/index.d.mts.map +1 -0
- package/dist/components/molecules/Marquees/Item/index.mjs +103 -0
- package/dist/components/molecules/Marquees/Item/index.mjs.map +1 -0
- package/dist/components/molecules/Marquees/index.d.mts +31 -0
- package/dist/components/molecules/Marquees/index.d.mts.map +1 -0
- package/dist/components/molecules/Marquees/index.mjs +63 -0
- package/dist/components/molecules/Marquees/index.mjs.map +1 -0
- package/dist/components/molecules/Menu/Item/Label/index.mjs +18 -0
- package/dist/components/molecules/Menu/Item/Label/index.mjs.map +1 -0
- package/dist/components/molecules/Menu/Item/index.mjs +122 -0
- package/dist/components/molecules/Menu/Item/index.mjs.map +1 -0
- package/dist/{index-BcxCfsJl.d.mts → components/molecules/Reveals/Item/index.d.mts} +4 -41
- package/dist/components/molecules/Reveals/Item/index.d.mts.map +1 -0
- package/dist/{Reveals-Cqo3i2hh.mjs → components/molecules/Reveals/Item/index.mjs} +5 -27
- package/dist/components/molecules/Reveals/Item/index.mjs.map +1 -0
- package/dist/components/molecules/Space/index.d.mts +34 -0
- package/dist/components/molecules/Space/index.d.mts.map +1 -0
- package/dist/components/molecules/Space/index.mjs +41 -0
- package/dist/components/molecules/Space/index.mjs.map +1 -0
- package/dist/components/molecules/index.d.mts +7 -0
- package/dist/components/molecules/index.mjs +9 -0
- package/dist/components/organisms/Drawer/index.d.mts +54 -0
- package/dist/components/organisms/Drawer/index.d.mts.map +1 -0
- package/dist/components/organisms/Drawer/index.mjs +72 -0
- package/dist/components/organisms/Drawer/index.mjs.map +1 -0
- package/dist/components/organisms/List/Item/index.mjs +15 -0
- package/dist/components/organisms/List/Item/index.mjs.map +1 -0
- package/dist/components/organisms/List/index.d.mts +52 -0
- package/dist/components/organisms/List/index.d.mts.map +1 -0
- package/dist/components/organisms/List/index.mjs +77 -0
- package/dist/components/organisms/List/index.mjs.map +1 -0
- package/dist/components/organisms/Modal/index.d.mts +66 -0
- package/dist/components/organisms/Modal/index.d.mts.map +1 -0
- package/dist/components/organisms/Modal/index.mjs +197 -0
- package/dist/components/organisms/Modal/index.mjs.map +1 -0
- package/dist/components/organisms/Swiper/Slide/index.mjs +17 -0
- package/dist/components/organisms/Swiper/Slide/index.mjs.map +1 -0
- package/dist/components/organisms/Swiper/index.d.mts +42 -0
- package/dist/components/organisms/Swiper/index.d.mts.map +1 -0
- package/dist/components/organisms/Swiper/index.mjs +58 -0
- package/dist/components/organisms/Swiper/index.mjs.map +1 -0
- package/dist/components/organisms/index.d.mts +4 -0
- package/dist/components/organisms/index.mjs +6 -0
- package/dist/components/templates/Layout/Content/index.d.mts +1 -0
- package/dist/components/templates/Layout/Content/index.mjs +15 -0
- package/dist/components/templates/Layout/Content/index.mjs.map +1 -0
- package/dist/components/templates/Layout/Footer/index.d.mts +1 -0
- package/dist/components/templates/Layout/Footer/index.mjs +15 -0
- package/dist/components/templates/Layout/Footer/index.mjs.map +1 -0
- package/dist/components/templates/Layout/Header/index.d.mts +7 -0
- package/dist/components/templates/Layout/Header/index.d.mts.map +1 -0
- package/dist/components/templates/Layout/Header/index.mjs +15 -0
- package/dist/components/templates/Layout/Header/index.mjs.map +1 -0
- package/dist/components/templates/Layout/Sider/index.d.mts +1 -0
- package/dist/components/templates/Layout/Sider/index.mjs +15 -0
- package/dist/components/templates/Layout/Sider/index.mjs.map +1 -0
- package/dist/components/templates/Layout/index.d.mts +38 -0
- package/dist/components/templates/Layout/index.d.mts.map +1 -0
- package/dist/components/templates/Layout/index.mjs +23 -0
- package/dist/components/templates/Layout/index.mjs.map +1 -0
- package/dist/components/templates/index.d.mts +1 -0
- package/dist/components/templates/index.mjs +3 -0
- package/dist/core/accordion.d.mts +32 -0
- package/dist/core/accordion.d.mts.map +1 -0
- package/dist/core/accordion.mjs +59 -0
- package/dist/core/accordion.mjs.map +1 -0
- package/dist/core/button.d.mts +26 -0
- package/dist/core/button.d.mts.map +1 -0
- package/dist/core/button.mjs +55 -0
- package/dist/core/button.mjs.map +1 -0
- package/dist/core/checkbox.d.mts +15 -0
- package/dist/core/checkbox.d.mts.map +1 -0
- package/dist/core/checkbox.mjs +34 -0
- package/dist/core/checkbox.mjs.map +1 -0
- package/dist/core/dialog.d.mts +68 -0
- package/dist/core/dialog.d.mts.map +1 -0
- package/dist/core/dialog.mjs +124 -0
- package/dist/core/dialog.mjs.map +1 -0
- package/dist/core/drawer.d.mts +60 -0
- package/dist/core/drawer.d.mts.map +1 -0
- package/dist/core/drawer.mjs +120 -0
- package/dist/core/drawer.mjs.map +1 -0
- package/dist/core/field.d.mts +68 -0
- package/dist/core/field.d.mts.map +1 -0
- package/dist/core/field.mjs +145 -0
- package/dist/core/field.mjs.map +1 -0
- package/dist/core/input.d.mts +15 -0
- package/dist/core/input.d.mts.map +1 -0
- package/dist/core/input.mjs +27 -0
- package/dist/core/input.mjs.map +1 -0
- package/dist/core/label.d.mts +15 -0
- package/dist/core/label.d.mts.map +1 -0
- package/dist/core/label.mjs +24 -0
- package/dist/core/label.mjs.map +1 -0
- package/dist/core/popover.d.mts +38 -0
- package/dist/core/popover.d.mts.map +1 -0
- package/dist/core/popover.mjs +78 -0
- package/dist/core/popover.mjs.map +1 -0
- package/dist/core/progress.d.mts +22 -0
- package/dist/core/progress.d.mts.map +1 -0
- package/dist/core/progress.mjs +29 -0
- package/dist/core/progress.mjs.map +1 -0
- package/dist/core/radio-group.d.mts +19 -0
- package/dist/core/radio-group.d.mts.map +1 -0
- package/dist/core/radio-group.mjs +43 -0
- package/dist/core/radio-group.mjs.map +1 -0
- package/dist/core/select.d.mts +56 -0
- package/dist/core/select.d.mts.map +1 -0
- package/dist/core/select.mjs +144 -0
- package/dist/core/select.mjs.map +1 -0
- package/dist/core/separator.d.mts +17 -0
- package/dist/core/separator.d.mts.map +1 -0
- package/dist/core/separator.mjs +25 -0
- package/dist/core/separator.mjs.map +1 -0
- package/dist/core/skeleton.d.mts +13 -0
- package/dist/core/skeleton.d.mts.map +1 -0
- package/dist/core/skeleton.mjs +17 -0
- package/dist/core/skeleton.mjs.map +1 -0
- package/dist/core/switch.d.mts +22 -0
- package/dist/core/switch.d.mts.map +1 -0
- package/dist/core/switch.mjs +39 -0
- package/dist/core/switch.mjs.map +1 -0
- package/dist/core/textarea.d.mts +14 -0
- package/dist/core/textarea.d.mts.map +1 -0
- package/dist/core/textarea.mjs +25 -0
- package/dist/core/textarea.mjs.map +1 -0
- package/dist/core.d.mts +17 -2
- package/dist/core.mjs +17 -5
- package/dist/enums.d.mts +2 -1
- package/dist/enums.d.mts.map +1 -0
- package/dist/enums.mjs +2 -1
- package/dist/enums.mjs.map +1 -0
- package/dist/index.d.mts +29 -714
- package/dist/index.mjs +31 -5
- package/dist/node_modules/gsap/CSSPlugin.mjs +920 -0
- package/dist/node_modules/gsap/CSSPlugin.mjs.map +1 -0
- package/dist/node_modules/gsap/gsap-core.mjs +2723 -0
- package/dist/node_modules/gsap/gsap-core.mjs.map +1 -0
- package/dist/node_modules/gsap/index.mjs +9 -0
- package/dist/node_modules/gsap/index.mjs.map +1 -0
- package/dist/{output.css → style.css} +3 -196
- package/dist/style.css.map +1 -0
- package/dist/style.mjs +1 -0
- package/dist/utils.d.mts +2 -1
- package/dist/utils.d.mts.map +1 -0
- package/dist/utils.mjs +16 -2
- package/dist/utils.mjs.map +1 -0
- package/package.json +10 -11
- package/dist/Typography-Dznhj8uL.mjs +0 -71
- package/dist/index-BC23qXS8.d.mts +0 -391
- package/dist/index-tclrN3ts.d.mts +0 -61
- package/dist/index-vBhS7Nno.d.mts +0 -75
- package/dist/src-BzCZ9O6j.css +0 -211
- package/dist/src-CS2dhz2p.mjs +0 -6160
- package/dist/utils-1s_37TSX.mjs +0 -16
|
@@ -0,0 +1,920 @@
|
|
|
1
|
+
import { GSCache, PropTween, _checkPlugin, _colorExp, _colorStringFilter, _config, _forEachName, _getCache, _getProperty, _getSetter, _isString, _isUndefined, _missingPlugin, _numExp, _numWithUnitExp, _parseRelative, _plugins, _relExp, _renderComplexString, _replaceRandom, _round, _sortPropTweensByPriority, _ticker, getUnit, gsap } from "./gsap-core.mjs";
|
|
2
|
+
|
|
3
|
+
//#region ../../node_modules/gsap/CSSPlugin.js
|
|
4
|
+
/*!
|
|
5
|
+
* CSSPlugin 3.14.2
|
|
6
|
+
* https://gsap.com
|
|
7
|
+
*
|
|
8
|
+
* Copyright 2008-2025, GreenSock. All rights reserved.
|
|
9
|
+
* Subject to the terms at https://gsap.com/standard-license
|
|
10
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
11
|
+
*/
|
|
12
|
+
var _win, _doc, _docElement, _pluginInitted, _tempDiv, _recentSetterPlugin, _reverting, _windowExists = function _windowExists() {
|
|
13
|
+
return typeof window !== "undefined";
|
|
14
|
+
}, _transformProps = {}, _RAD2DEG = 180 / Math.PI, _DEG2RAD = Math.PI / 180, _atan2 = Math.atan2, _bigNum = 1e8, _capsExp = /([A-Z])/g, _horizontalExp = /(left|right|width|margin|padding|x)/i, _complexExp = /[\s,\(]\S/, _propertyAliases = {
|
|
15
|
+
autoAlpha: "opacity,visibility",
|
|
16
|
+
scale: "scaleX,scaleY",
|
|
17
|
+
alpha: "opacity"
|
|
18
|
+
}, _renderCSSProp = function _renderCSSProp(ratio, data) {
|
|
19
|
+
return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 1e4) / 1e4 + data.u, data);
|
|
20
|
+
}, _renderPropWithEnd = function _renderPropWithEnd(ratio, data) {
|
|
21
|
+
return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 1e4) / 1e4 + data.u, data);
|
|
22
|
+
}, _renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) {
|
|
23
|
+
return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 1e4) / 1e4 + data.u : data.b, data);
|
|
24
|
+
}, _renderCSSPropWithBeginningAndEnd = function _renderCSSPropWithBeginningAndEnd(ratio, data) {
|
|
25
|
+
return data.set(data.t, data.p, ratio === 1 ? data.e : ratio ? Math.round((data.s + data.c * ratio) * 1e4) / 1e4 + data.u : data.b, data);
|
|
26
|
+
}, _renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
|
|
27
|
+
var value = data.s + data.c * ratio;
|
|
28
|
+
data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data);
|
|
29
|
+
}, _renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) {
|
|
30
|
+
return data.set(data.t, data.p, ratio ? data.e : data.b, data);
|
|
31
|
+
}, _renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) {
|
|
32
|
+
return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data);
|
|
33
|
+
}, _setterCSSStyle = function _setterCSSStyle(target, property, value) {
|
|
34
|
+
return target.style[property] = value;
|
|
35
|
+
}, _setterCSSProp = function _setterCSSProp(target, property, value) {
|
|
36
|
+
return target.style.setProperty(property, value);
|
|
37
|
+
}, _setterTransform = function _setterTransform(target, property, value) {
|
|
38
|
+
return target._gsap[property] = value;
|
|
39
|
+
}, _setterScale = function _setterScale(target, property, value) {
|
|
40
|
+
return target._gsap.scaleX = target._gsap.scaleY = value;
|
|
41
|
+
}, _setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) {
|
|
42
|
+
var cache = target._gsap;
|
|
43
|
+
cache.scaleX = cache.scaleY = value;
|
|
44
|
+
cache.renderTransform(ratio, cache);
|
|
45
|
+
}, _setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) {
|
|
46
|
+
var cache = target._gsap;
|
|
47
|
+
cache[property] = value;
|
|
48
|
+
cache.renderTransform(ratio, cache);
|
|
49
|
+
}, _transformProp = "transform", _transformOriginProp = _transformProp + "Origin", _saveStyle = function _saveStyle(property, isNotCSS) {
|
|
50
|
+
var _this = this;
|
|
51
|
+
var target = this.target, style = target.style, cache = target._gsap;
|
|
52
|
+
if (property in _transformProps && style) {
|
|
53
|
+
this.tfm = this.tfm || {};
|
|
54
|
+
if (property !== "transform") {
|
|
55
|
+
property = _propertyAliases[property] || property;
|
|
56
|
+
~property.indexOf(",") ? property.split(",").forEach(function(a) {
|
|
57
|
+
return _this.tfm[a] = _get(target, a);
|
|
58
|
+
}) : this.tfm[property] = cache.x ? cache[property] : _get(target, property);
|
|
59
|
+
property === _transformOriginProp && (this.tfm.zOrigin = cache.zOrigin);
|
|
60
|
+
} else return _propertyAliases.transform.split(",").forEach(function(p) {
|
|
61
|
+
return _saveStyle.call(_this, p, isNotCSS);
|
|
62
|
+
});
|
|
63
|
+
if (this.props.indexOf(_transformProp) >= 0) return;
|
|
64
|
+
if (cache.svg) {
|
|
65
|
+
this.svgo = target.getAttribute("data-svg-origin");
|
|
66
|
+
this.props.push(_transformOriginProp, isNotCSS, "");
|
|
67
|
+
}
|
|
68
|
+
property = _transformProp;
|
|
69
|
+
}
|
|
70
|
+
(style || isNotCSS) && this.props.push(property, isNotCSS, style[property]);
|
|
71
|
+
}, _removeIndependentTransforms = function _removeIndependentTransforms(style) {
|
|
72
|
+
if (style.translate) {
|
|
73
|
+
style.removeProperty("translate");
|
|
74
|
+
style.removeProperty("scale");
|
|
75
|
+
style.removeProperty("rotate");
|
|
76
|
+
}
|
|
77
|
+
}, _revertStyle = function _revertStyle() {
|
|
78
|
+
var props = this.props, target = this.target, style = target.style, cache = target._gsap, i, p;
|
|
79
|
+
for (i = 0; i < props.length; i += 3) if (!props[i + 1]) props[i + 2] ? style[props[i]] = props[i + 2] : style.removeProperty(props[i].substr(0, 2) === "--" ? props[i] : props[i].replace(_capsExp, "-$1").toLowerCase());
|
|
80
|
+
else if (props[i + 1] === 2) target[props[i]](props[i + 2]);
|
|
81
|
+
else target[props[i]] = props[i + 2];
|
|
82
|
+
if (this.tfm) {
|
|
83
|
+
for (p in this.tfm) cache[p] = this.tfm[p];
|
|
84
|
+
if (cache.svg) {
|
|
85
|
+
cache.renderTransform();
|
|
86
|
+
target.setAttribute("data-svg-origin", this.svgo || "");
|
|
87
|
+
}
|
|
88
|
+
i = _reverting();
|
|
89
|
+
if ((!i || !i.isStart) && !style[_transformProp]) {
|
|
90
|
+
_removeIndependentTransforms(style);
|
|
91
|
+
if (cache.zOrigin && style[_transformOriginProp]) {
|
|
92
|
+
style[_transformOriginProp] += " " + cache.zOrigin + "px";
|
|
93
|
+
cache.zOrigin = 0;
|
|
94
|
+
cache.renderTransform();
|
|
95
|
+
}
|
|
96
|
+
cache.uncache = 1;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}, _getStyleSaver = function _getStyleSaver(target, properties) {
|
|
100
|
+
var saver = {
|
|
101
|
+
target,
|
|
102
|
+
props: [],
|
|
103
|
+
revert: _revertStyle,
|
|
104
|
+
save: _saveStyle
|
|
105
|
+
};
|
|
106
|
+
target._gsap || gsap.core.getCache(target);
|
|
107
|
+
properties && target.style && target.nodeType && properties.split(",").forEach(function(p) {
|
|
108
|
+
return saver.save(p);
|
|
109
|
+
});
|
|
110
|
+
return saver;
|
|
111
|
+
}, _supports3D, _createElement = function _createElement(type, ns) {
|
|
112
|
+
var e = _doc.createElementNS ? _doc.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : _doc.createElement(type);
|
|
113
|
+
return e && e.style ? e : _doc.createElement(type);
|
|
114
|
+
}, _getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) {
|
|
115
|
+
var cs = getComputedStyle(target);
|
|
116
|
+
return cs[property] || cs.getPropertyValue(property.replace(_capsExp, "-$1").toLowerCase()) || cs.getPropertyValue(property) || !skipPrefixFallback && _getComputedProperty(target, _checkPropPrefix(property) || property, 1) || "";
|
|
117
|
+
}, _prefixes = "O,Moz,ms,Ms,Webkit".split(","), _checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) {
|
|
118
|
+
var s = (element || _tempDiv).style, i = 5;
|
|
119
|
+
if (property in s && !preferPrefix) return property;
|
|
120
|
+
property = property.charAt(0).toUpperCase() + property.substr(1);
|
|
121
|
+
while (i-- && !(_prefixes[i] + property in s));
|
|
122
|
+
return i < 0 ? null : (i === 3 ? "ms" : i >= 0 ? _prefixes[i] : "") + property;
|
|
123
|
+
}, _initCore = function _initCore() {
|
|
124
|
+
if (_windowExists() && window.document) {
|
|
125
|
+
_win = window;
|
|
126
|
+
_doc = _win.document;
|
|
127
|
+
_docElement = _doc.documentElement;
|
|
128
|
+
_tempDiv = _createElement("div") || { style: {} };
|
|
129
|
+
_createElement("div");
|
|
130
|
+
_transformProp = _checkPropPrefix(_transformProp);
|
|
131
|
+
_transformOriginProp = _transformProp + "Origin";
|
|
132
|
+
_tempDiv.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0";
|
|
133
|
+
_supports3D = !!_checkPropPrefix("perspective");
|
|
134
|
+
_reverting = gsap.core.reverting;
|
|
135
|
+
_pluginInitted = 1;
|
|
136
|
+
}
|
|
137
|
+
}, _getReparentedCloneBBox = function _getReparentedCloneBBox(target) {
|
|
138
|
+
var owner = target.ownerSVGElement, svg = _createElement("svg", owner && owner.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), clone = target.cloneNode(true), bbox;
|
|
139
|
+
clone.style.display = "block";
|
|
140
|
+
svg.appendChild(clone);
|
|
141
|
+
_docElement.appendChild(svg);
|
|
142
|
+
try {
|
|
143
|
+
bbox = clone.getBBox();
|
|
144
|
+
} catch (e) {}
|
|
145
|
+
svg.removeChild(clone);
|
|
146
|
+
_docElement.removeChild(svg);
|
|
147
|
+
return bbox;
|
|
148
|
+
}, _getAttributeFallbacks = function _getAttributeFallbacks(target, attributesArray) {
|
|
149
|
+
var i = attributesArray.length;
|
|
150
|
+
while (i--) if (target.hasAttribute(attributesArray[i])) return target.getAttribute(attributesArray[i]);
|
|
151
|
+
}, _getBBox = function _getBBox(target) {
|
|
152
|
+
var bounds, cloned;
|
|
153
|
+
try {
|
|
154
|
+
bounds = target.getBBox();
|
|
155
|
+
} catch (error) {
|
|
156
|
+
bounds = _getReparentedCloneBBox(target);
|
|
157
|
+
cloned = 1;
|
|
158
|
+
}
|
|
159
|
+
bounds && (bounds.width || bounds.height) || cloned || (bounds = _getReparentedCloneBBox(target));
|
|
160
|
+
return bounds && !bounds.width && !bounds.x && !bounds.y ? {
|
|
161
|
+
x: +_getAttributeFallbacks(target, [
|
|
162
|
+
"x",
|
|
163
|
+
"cx",
|
|
164
|
+
"x1"
|
|
165
|
+
]) || 0,
|
|
166
|
+
y: +_getAttributeFallbacks(target, [
|
|
167
|
+
"y",
|
|
168
|
+
"cy",
|
|
169
|
+
"y1"
|
|
170
|
+
]) || 0,
|
|
171
|
+
width: 0,
|
|
172
|
+
height: 0
|
|
173
|
+
} : bounds;
|
|
174
|
+
}, _isSVG = function _isSVG(e) {
|
|
175
|
+
return !!(e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));
|
|
176
|
+
}, _removeProperty = function _removeProperty(target, property) {
|
|
177
|
+
if (property) {
|
|
178
|
+
var style = target.style, first2Chars;
|
|
179
|
+
if (property in _transformProps && property !== _transformOriginProp) property = _transformProp;
|
|
180
|
+
if (style.removeProperty) {
|
|
181
|
+
first2Chars = property.substr(0, 2);
|
|
182
|
+
if (first2Chars === "ms" || property.substr(0, 6) === "webkit") property = "-" + property;
|
|
183
|
+
style.removeProperty(first2Chars === "--" ? property : property.replace(_capsExp, "-$1").toLowerCase());
|
|
184
|
+
} else style.removeAttribute(property);
|
|
185
|
+
}
|
|
186
|
+
}, _addNonTweeningPT = function _addNonTweeningPT(plugin, target, property, beginning, end, onlySetAtEnd) {
|
|
187
|
+
var pt = new PropTween(plugin._pt, target, property, 0, 1, onlySetAtEnd ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue);
|
|
188
|
+
plugin._pt = pt;
|
|
189
|
+
pt.b = beginning;
|
|
190
|
+
pt.e = end;
|
|
191
|
+
plugin._props.push(property);
|
|
192
|
+
return pt;
|
|
193
|
+
}, _nonConvertibleUnits = {
|
|
194
|
+
deg: 1,
|
|
195
|
+
rad: 1,
|
|
196
|
+
turn: 1
|
|
197
|
+
}, _nonStandardLayouts = {
|
|
198
|
+
grid: 1,
|
|
199
|
+
flex: 1
|
|
200
|
+
}, _convertToUnit = function _convertToUnit(target, property, value, unit) {
|
|
201
|
+
var curValue = parseFloat(value) || 0, curUnit = (value + "").trim().substr((curValue + "").length) || "px", style = _tempDiv.style, horizontal = _horizontalExp.test(property), isRootSVG = target.tagName.toLowerCase() === "svg", measureProperty = (isRootSVG ? "client" : "offset") + (horizontal ? "Width" : "Height"), amount = 100, toPixels = unit === "px", toPercent = unit === "%", px, parent, cache, isSVG;
|
|
202
|
+
if (unit === curUnit || !curValue || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) return curValue;
|
|
203
|
+
curUnit !== "px" && !toPixels && (curValue = _convertToUnit(target, property, value, "px"));
|
|
204
|
+
isSVG = target.getCTM && _isSVG(target);
|
|
205
|
+
if ((toPercent || curUnit === "%") && (_transformProps[property] || ~property.indexOf("adius"))) {
|
|
206
|
+
px = isSVG ? target.getBBox()[horizontal ? "width" : "height"] : target[measureProperty];
|
|
207
|
+
return _round(toPercent ? curValue / px * amount : curValue / 100 * px);
|
|
208
|
+
}
|
|
209
|
+
style[horizontal ? "width" : "height"] = amount + (toPixels ? curUnit : unit);
|
|
210
|
+
parent = unit !== "rem" && ~property.indexOf("adius") || unit === "em" && target.appendChild && !isRootSVG ? target : target.parentNode;
|
|
211
|
+
if (isSVG) parent = (target.ownerSVGElement || {}).parentNode;
|
|
212
|
+
if (!parent || parent === _doc || !parent.appendChild) parent = _doc.body;
|
|
213
|
+
cache = parent._gsap;
|
|
214
|
+
if (cache && toPercent && cache.width && horizontal && cache.time === _ticker.time && !cache.uncache) return _round(curValue / cache.width * amount);
|
|
215
|
+
else {
|
|
216
|
+
if (toPercent && (property === "height" || property === "width")) {
|
|
217
|
+
var v = target.style[property];
|
|
218
|
+
target.style[property] = amount + unit;
|
|
219
|
+
px = target[measureProperty];
|
|
220
|
+
v ? target.style[property] = v : _removeProperty(target, property);
|
|
221
|
+
} else {
|
|
222
|
+
(toPercent || curUnit === "%") && !_nonStandardLayouts[_getComputedProperty(parent, "display")] && (style.position = _getComputedProperty(target, "position"));
|
|
223
|
+
parent === target && (style.position = "static");
|
|
224
|
+
parent.appendChild(_tempDiv);
|
|
225
|
+
px = _tempDiv[measureProperty];
|
|
226
|
+
parent.removeChild(_tempDiv);
|
|
227
|
+
style.position = "absolute";
|
|
228
|
+
}
|
|
229
|
+
if (horizontal && toPercent) {
|
|
230
|
+
cache = _getCache(parent);
|
|
231
|
+
cache.time = _ticker.time;
|
|
232
|
+
cache.width = parent[measureProperty];
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
return _round(toPixels ? px * curValue / amount : px && curValue ? amount / px * curValue : 0);
|
|
236
|
+
}, _get = function _get(target, property, unit, uncache) {
|
|
237
|
+
var value;
|
|
238
|
+
_pluginInitted || _initCore();
|
|
239
|
+
if (property in _propertyAliases && property !== "transform") {
|
|
240
|
+
property = _propertyAliases[property];
|
|
241
|
+
if (~property.indexOf(",")) property = property.split(",")[0];
|
|
242
|
+
}
|
|
243
|
+
if (_transformProps[property] && property !== "transform") {
|
|
244
|
+
value = _parseTransform(target, uncache);
|
|
245
|
+
value = property !== "transformOrigin" ? value[property] : value.svg ? value.origin : _firstTwoOnly(_getComputedProperty(target, _transformOriginProp)) + " " + value.zOrigin + "px";
|
|
246
|
+
} else {
|
|
247
|
+
value = target.style[property];
|
|
248
|
+
if (!value || value === "auto" || uncache || ~(value + "").indexOf("calc(")) value = _specialProps[property] && _specialProps[property](target, property, unit) || _getComputedProperty(target, property) || _getProperty(target, property) || (property === "opacity" ? 1 : 0);
|
|
249
|
+
}
|
|
250
|
+
return unit && !~(value + "").trim().indexOf(" ") ? _convertToUnit(target, property, value, unit) + unit : value;
|
|
251
|
+
}, _tweenComplexCSSString = function _tweenComplexCSSString(target, prop, start, end) {
|
|
252
|
+
if (!start || start === "none") {
|
|
253
|
+
var p = _checkPropPrefix(prop, target, 1), s = p && _getComputedProperty(target, p, 1);
|
|
254
|
+
if (s && s !== start) {
|
|
255
|
+
prop = p;
|
|
256
|
+
start = s;
|
|
257
|
+
} else if (prop === "borderColor") start = _getComputedProperty(target, "borderTopColor");
|
|
258
|
+
}
|
|
259
|
+
var pt = new PropTween(this._pt, target.style, prop, 0, 1, _renderComplexString), index = 0, matchIndex = 0, a, result, startValues, startNum, color, startValue, endValue, endNum, chunk, endUnit, startUnit, endValues;
|
|
260
|
+
pt.b = start;
|
|
261
|
+
pt.e = end;
|
|
262
|
+
start += "";
|
|
263
|
+
end += "";
|
|
264
|
+
if (end.substring(0, 6) === "var(--") end = _getComputedProperty(target, end.substring(4, end.indexOf(")")));
|
|
265
|
+
if (end === "auto") {
|
|
266
|
+
startValue = target.style[prop];
|
|
267
|
+
target.style[prop] = end;
|
|
268
|
+
end = _getComputedProperty(target, prop) || end;
|
|
269
|
+
startValue ? target.style[prop] = startValue : _removeProperty(target, prop);
|
|
270
|
+
}
|
|
271
|
+
a = [start, end];
|
|
272
|
+
_colorStringFilter(a);
|
|
273
|
+
start = a[0];
|
|
274
|
+
end = a[1];
|
|
275
|
+
startValues = start.match(_numWithUnitExp) || [];
|
|
276
|
+
endValues = end.match(_numWithUnitExp) || [];
|
|
277
|
+
if (endValues.length) {
|
|
278
|
+
while (result = _numWithUnitExp.exec(end)) {
|
|
279
|
+
endValue = result[0];
|
|
280
|
+
chunk = end.substring(index, result.index);
|
|
281
|
+
if (color) color = (color + 1) % 5;
|
|
282
|
+
else if (chunk.substr(-5) === "rgba(" || chunk.substr(-5) === "hsla(") color = 1;
|
|
283
|
+
if (endValue !== (startValue = startValues[matchIndex++] || "")) {
|
|
284
|
+
startNum = parseFloat(startValue) || 0;
|
|
285
|
+
startUnit = startValue.substr((startNum + "").length);
|
|
286
|
+
endValue.charAt(1) === "=" && (endValue = _parseRelative(startNum, endValue) + startUnit);
|
|
287
|
+
endNum = parseFloat(endValue);
|
|
288
|
+
endUnit = endValue.substr((endNum + "").length);
|
|
289
|
+
index = _numWithUnitExp.lastIndex - endUnit.length;
|
|
290
|
+
if (!endUnit) {
|
|
291
|
+
endUnit = endUnit || _config.units[prop] || startUnit;
|
|
292
|
+
if (index === end.length) {
|
|
293
|
+
end += endUnit;
|
|
294
|
+
pt.e += endUnit;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
if (startUnit !== endUnit) startNum = _convertToUnit(target, prop, startValue, endUnit) || 0;
|
|
298
|
+
pt._pt = {
|
|
299
|
+
_next: pt._pt,
|
|
300
|
+
p: chunk || matchIndex === 1 ? chunk : ",",
|
|
301
|
+
s: startNum,
|
|
302
|
+
c: endNum - startNum,
|
|
303
|
+
m: color && color < 4 || prop === "zIndex" ? Math.round : 0
|
|
304
|
+
};
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
pt.c = index < end.length ? end.substring(index, end.length) : "";
|
|
308
|
+
} else pt.r = prop === "display" && end === "none" ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue;
|
|
309
|
+
_relExp.test(end) && (pt.e = 0);
|
|
310
|
+
this._pt = pt;
|
|
311
|
+
return pt;
|
|
312
|
+
}, _keywordToPercent = {
|
|
313
|
+
top: "0%",
|
|
314
|
+
bottom: "100%",
|
|
315
|
+
left: "0%",
|
|
316
|
+
right: "100%",
|
|
317
|
+
center: "50%"
|
|
318
|
+
}, _convertKeywordsToPercentages = function _convertKeywordsToPercentages(value) {
|
|
319
|
+
var split = value.split(" "), x = split[0], y = split[1] || "50%";
|
|
320
|
+
if (x === "top" || x === "bottom" || y === "left" || y === "right") {
|
|
321
|
+
value = x;
|
|
322
|
+
x = y;
|
|
323
|
+
y = value;
|
|
324
|
+
}
|
|
325
|
+
split[0] = _keywordToPercent[x] || x;
|
|
326
|
+
split[1] = _keywordToPercent[y] || y;
|
|
327
|
+
return split.join(" ");
|
|
328
|
+
}, _renderClearProps = function _renderClearProps(ratio, data) {
|
|
329
|
+
if (data.tween && data.tween._time === data.tween._dur) {
|
|
330
|
+
var target = data.t, style = target.style, props = data.u, cache = target._gsap, prop, clearTransforms, i;
|
|
331
|
+
if (props === "all" || props === true) {
|
|
332
|
+
style.cssText = "";
|
|
333
|
+
clearTransforms = 1;
|
|
334
|
+
} else {
|
|
335
|
+
props = props.split(",");
|
|
336
|
+
i = props.length;
|
|
337
|
+
while (--i > -1) {
|
|
338
|
+
prop = props[i];
|
|
339
|
+
if (_transformProps[prop]) {
|
|
340
|
+
clearTransforms = 1;
|
|
341
|
+
prop = prop === "transformOrigin" ? _transformOriginProp : _transformProp;
|
|
342
|
+
}
|
|
343
|
+
_removeProperty(target, prop);
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
if (clearTransforms) {
|
|
347
|
+
_removeProperty(target, _transformProp);
|
|
348
|
+
if (cache) {
|
|
349
|
+
cache.svg && target.removeAttribute("transform");
|
|
350
|
+
style.scale = style.rotate = style.translate = "none";
|
|
351
|
+
_parseTransform(target, 1);
|
|
352
|
+
cache.uncache = 1;
|
|
353
|
+
_removeIndependentTransforms(style);
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
}
|
|
357
|
+
}, _specialProps = { clearProps: function clearProps(plugin, target, property, endValue, tween) {
|
|
358
|
+
if (tween.data !== "isFromStart") {
|
|
359
|
+
var pt = plugin._pt = new PropTween(plugin._pt, target, property, 0, 0, _renderClearProps);
|
|
360
|
+
pt.u = endValue;
|
|
361
|
+
pt.pr = -10;
|
|
362
|
+
pt.tween = tween;
|
|
363
|
+
plugin._props.push(property);
|
|
364
|
+
return 1;
|
|
365
|
+
}
|
|
366
|
+
} }, _identity2DMatrix = [
|
|
367
|
+
1,
|
|
368
|
+
0,
|
|
369
|
+
0,
|
|
370
|
+
1,
|
|
371
|
+
0,
|
|
372
|
+
0
|
|
373
|
+
], _rotationalProperties = {}, _isNullTransform = function _isNullTransform(value) {
|
|
374
|
+
return value === "matrix(1, 0, 0, 1, 0, 0)" || value === "none" || !value;
|
|
375
|
+
}, _getComputedTransformMatrixAsArray = function _getComputedTransformMatrixAsArray(target) {
|
|
376
|
+
var matrixString = _getComputedProperty(target, _transformProp);
|
|
377
|
+
return _isNullTransform(matrixString) ? _identity2DMatrix : matrixString.substr(7).match(_numExp).map(_round);
|
|
378
|
+
}, _getMatrix = function _getMatrix(target, force2D) {
|
|
379
|
+
var cache = target._gsap || _getCache(target), style = target.style, matrix = _getComputedTransformMatrixAsArray(target), parent, nextSibling, temp, addedToDOM;
|
|
380
|
+
if (cache.svg && target.getAttribute("transform")) {
|
|
381
|
+
temp = target.transform.baseVal.consolidate().matrix;
|
|
382
|
+
matrix = [
|
|
383
|
+
temp.a,
|
|
384
|
+
temp.b,
|
|
385
|
+
temp.c,
|
|
386
|
+
temp.d,
|
|
387
|
+
temp.e,
|
|
388
|
+
temp.f
|
|
389
|
+
];
|
|
390
|
+
return matrix.join(",") === "1,0,0,1,0,0" ? _identity2DMatrix : matrix;
|
|
391
|
+
} else if (matrix === _identity2DMatrix && !target.offsetParent && target !== _docElement && !cache.svg) {
|
|
392
|
+
temp = style.display;
|
|
393
|
+
style.display = "block";
|
|
394
|
+
parent = target.parentNode;
|
|
395
|
+
if (!parent || !target.offsetParent && !target.getBoundingClientRect().width) {
|
|
396
|
+
addedToDOM = 1;
|
|
397
|
+
nextSibling = target.nextElementSibling;
|
|
398
|
+
_docElement.appendChild(target);
|
|
399
|
+
}
|
|
400
|
+
matrix = _getComputedTransformMatrixAsArray(target);
|
|
401
|
+
temp ? style.display = temp : _removeProperty(target, "display");
|
|
402
|
+
if (addedToDOM) nextSibling ? parent.insertBefore(target, nextSibling) : parent ? parent.appendChild(target) : _docElement.removeChild(target);
|
|
403
|
+
}
|
|
404
|
+
return force2D && matrix.length > 6 ? [
|
|
405
|
+
matrix[0],
|
|
406
|
+
matrix[1],
|
|
407
|
+
matrix[4],
|
|
408
|
+
matrix[5],
|
|
409
|
+
matrix[12],
|
|
410
|
+
matrix[13]
|
|
411
|
+
] : matrix;
|
|
412
|
+
}, _applySVGOrigin = function _applySVGOrigin(target, origin, originIsAbsolute, smooth, matrixArray, pluginToAddPropTweensTo) {
|
|
413
|
+
var cache = target._gsap, matrix = matrixArray || _getMatrix(target, true), xOriginOld = cache.xOrigin || 0, yOriginOld = cache.yOrigin || 0, xOffsetOld = cache.xOffset || 0, yOffsetOld = cache.yOffset || 0, a = matrix[0], b = matrix[1], c = matrix[2], d = matrix[3], tx = matrix[4], ty = matrix[5], originSplit = origin.split(" "), xOrigin = parseFloat(originSplit[0]) || 0, yOrigin = parseFloat(originSplit[1]) || 0, bounds, determinant, x, y;
|
|
414
|
+
if (!originIsAbsolute) {
|
|
415
|
+
bounds = _getBBox(target);
|
|
416
|
+
xOrigin = bounds.x + (~originSplit[0].indexOf("%") ? xOrigin / 100 * bounds.width : xOrigin);
|
|
417
|
+
yOrigin = bounds.y + (~(originSplit[1] || originSplit[0]).indexOf("%") ? yOrigin / 100 * bounds.height : yOrigin);
|
|
418
|
+
} else if (matrix !== _identity2DMatrix && (determinant = a * d - b * c)) {
|
|
419
|
+
x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant;
|
|
420
|
+
y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant;
|
|
421
|
+
xOrigin = x;
|
|
422
|
+
yOrigin = y;
|
|
423
|
+
}
|
|
424
|
+
if (smooth || smooth !== false && cache.smooth) {
|
|
425
|
+
tx = xOrigin - xOriginOld;
|
|
426
|
+
ty = yOrigin - yOriginOld;
|
|
427
|
+
cache.xOffset = xOffsetOld + (tx * a + ty * c) - tx;
|
|
428
|
+
cache.yOffset = yOffsetOld + (tx * b + ty * d) - ty;
|
|
429
|
+
} else cache.xOffset = cache.yOffset = 0;
|
|
430
|
+
cache.xOrigin = xOrigin;
|
|
431
|
+
cache.yOrigin = yOrigin;
|
|
432
|
+
cache.smooth = !!smooth;
|
|
433
|
+
cache.origin = origin;
|
|
434
|
+
cache.originIsAbsolute = !!originIsAbsolute;
|
|
435
|
+
target.style[_transformOriginProp] = "0px 0px";
|
|
436
|
+
if (pluginToAddPropTweensTo) {
|
|
437
|
+
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOrigin", xOriginOld, xOrigin);
|
|
438
|
+
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOrigin", yOriginOld, yOrigin);
|
|
439
|
+
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOffset", xOffsetOld, cache.xOffset);
|
|
440
|
+
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOffset", yOffsetOld, cache.yOffset);
|
|
441
|
+
}
|
|
442
|
+
target.setAttribute("data-svg-origin", xOrigin + " " + yOrigin);
|
|
443
|
+
}, _parseTransform = function _parseTransform(target, uncache) {
|
|
444
|
+
var cache = target._gsap || new GSCache(target);
|
|
445
|
+
if ("x" in cache && !uncache && !cache.uncache) return cache;
|
|
446
|
+
var style = target.style, invertedScaleX = cache.scaleX < 0, px = "px", deg = "deg", cs = getComputedStyle(target), origin = _getComputedProperty(target, _transformOriginProp) || "0", x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0, y, z, scaleX = scaleY = 1, scaleY, rotation, rotationX, rotationY, skewX, skewY, perspective, xOrigin, yOrigin, matrix, angle, cos, sin, a, b, c, d, a12, a22, t1, t2, t3, a13, a23, a33, a42, a43, a32;
|
|
447
|
+
cache.svg = !!(target.getCTM && _isSVG(target));
|
|
448
|
+
if (cs.translate) {
|
|
449
|
+
if (cs.translate !== "none" || cs.scale !== "none" || cs.rotate !== "none") style[_transformProp] = (cs.translate !== "none" ? "translate3d(" + (cs.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (cs.rotate !== "none" ? "rotate(" + cs.rotate + ") " : "") + (cs.scale !== "none" ? "scale(" + cs.scale.split(" ").join(",") + ") " : "") + (cs[_transformProp] !== "none" ? cs[_transformProp] : "");
|
|
450
|
+
style.scale = style.rotate = style.translate = "none";
|
|
451
|
+
}
|
|
452
|
+
matrix = _getMatrix(target, cache.svg);
|
|
453
|
+
if (cache.svg) {
|
|
454
|
+
if (cache.uncache) {
|
|
455
|
+
t2 = target.getBBox();
|
|
456
|
+
origin = cache.xOrigin - t2.x + "px " + (cache.yOrigin - t2.y) + "px";
|
|
457
|
+
t1 = "";
|
|
458
|
+
} else t1 = !uncache && target.getAttribute("data-svg-origin");
|
|
459
|
+
_applySVGOrigin(target, t1 || origin, !!t1 || cache.originIsAbsolute, cache.smooth !== false, matrix);
|
|
460
|
+
}
|
|
461
|
+
xOrigin = cache.xOrigin || 0;
|
|
462
|
+
yOrigin = cache.yOrigin || 0;
|
|
463
|
+
if (matrix !== _identity2DMatrix) {
|
|
464
|
+
a = matrix[0];
|
|
465
|
+
b = matrix[1];
|
|
466
|
+
c = matrix[2];
|
|
467
|
+
d = matrix[3];
|
|
468
|
+
x = a12 = matrix[4];
|
|
469
|
+
y = a22 = matrix[5];
|
|
470
|
+
if (matrix.length === 6) {
|
|
471
|
+
scaleX = Math.sqrt(a * a + b * b);
|
|
472
|
+
scaleY = Math.sqrt(d * d + c * c);
|
|
473
|
+
rotation = a || b ? _atan2(b, a) * _RAD2DEG : 0;
|
|
474
|
+
skewX = c || d ? _atan2(c, d) * _RAD2DEG + rotation : 0;
|
|
475
|
+
skewX && (scaleY *= Math.abs(Math.cos(skewX * _DEG2RAD)));
|
|
476
|
+
if (cache.svg) {
|
|
477
|
+
x -= xOrigin - (xOrigin * a + yOrigin * c);
|
|
478
|
+
y -= yOrigin - (xOrigin * b + yOrigin * d);
|
|
479
|
+
}
|
|
480
|
+
} else {
|
|
481
|
+
a32 = matrix[6];
|
|
482
|
+
a42 = matrix[7];
|
|
483
|
+
a13 = matrix[8];
|
|
484
|
+
a23 = matrix[9];
|
|
485
|
+
a33 = matrix[10];
|
|
486
|
+
a43 = matrix[11];
|
|
487
|
+
x = matrix[12];
|
|
488
|
+
y = matrix[13];
|
|
489
|
+
z = matrix[14];
|
|
490
|
+
angle = _atan2(a32, a33);
|
|
491
|
+
rotationX = angle * _RAD2DEG;
|
|
492
|
+
if (angle) {
|
|
493
|
+
cos = Math.cos(-angle);
|
|
494
|
+
sin = Math.sin(-angle);
|
|
495
|
+
t1 = a12 * cos + a13 * sin;
|
|
496
|
+
t2 = a22 * cos + a23 * sin;
|
|
497
|
+
t3 = a32 * cos + a33 * sin;
|
|
498
|
+
a13 = a12 * -sin + a13 * cos;
|
|
499
|
+
a23 = a22 * -sin + a23 * cos;
|
|
500
|
+
a33 = a32 * -sin + a33 * cos;
|
|
501
|
+
a43 = a42 * -sin + a43 * cos;
|
|
502
|
+
a12 = t1;
|
|
503
|
+
a22 = t2;
|
|
504
|
+
a32 = t3;
|
|
505
|
+
}
|
|
506
|
+
angle = _atan2(-c, a33);
|
|
507
|
+
rotationY = angle * _RAD2DEG;
|
|
508
|
+
if (angle) {
|
|
509
|
+
cos = Math.cos(-angle);
|
|
510
|
+
sin = Math.sin(-angle);
|
|
511
|
+
t1 = a * cos - a13 * sin;
|
|
512
|
+
t2 = b * cos - a23 * sin;
|
|
513
|
+
t3 = c * cos - a33 * sin;
|
|
514
|
+
a43 = d * sin + a43 * cos;
|
|
515
|
+
a = t1;
|
|
516
|
+
b = t2;
|
|
517
|
+
c = t3;
|
|
518
|
+
}
|
|
519
|
+
angle = _atan2(b, a);
|
|
520
|
+
rotation = angle * _RAD2DEG;
|
|
521
|
+
if (angle) {
|
|
522
|
+
cos = Math.cos(angle);
|
|
523
|
+
sin = Math.sin(angle);
|
|
524
|
+
t1 = a * cos + b * sin;
|
|
525
|
+
t2 = a12 * cos + a22 * sin;
|
|
526
|
+
b = b * cos - a * sin;
|
|
527
|
+
a22 = a22 * cos - a12 * sin;
|
|
528
|
+
a = t1;
|
|
529
|
+
a12 = t2;
|
|
530
|
+
}
|
|
531
|
+
if (rotationX && Math.abs(rotationX) + Math.abs(rotation) > 359.9) {
|
|
532
|
+
rotationX = rotation = 0;
|
|
533
|
+
rotationY = 180 - rotationY;
|
|
534
|
+
}
|
|
535
|
+
scaleX = _round(Math.sqrt(a * a + b * b + c * c));
|
|
536
|
+
scaleY = _round(Math.sqrt(a22 * a22 + a32 * a32));
|
|
537
|
+
angle = _atan2(a12, a22);
|
|
538
|
+
skewX = Math.abs(angle) > 2e-4 ? angle * _RAD2DEG : 0;
|
|
539
|
+
perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0;
|
|
540
|
+
}
|
|
541
|
+
if (cache.svg) {
|
|
542
|
+
t1 = target.getAttribute("transform");
|
|
543
|
+
cache.forceCSS = target.setAttribute("transform", "") || !_isNullTransform(_getComputedProperty(target, _transformProp));
|
|
544
|
+
t1 && target.setAttribute("transform", t1);
|
|
545
|
+
}
|
|
546
|
+
}
|
|
547
|
+
if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) if (invertedScaleX) {
|
|
548
|
+
scaleX *= -1;
|
|
549
|
+
skewX += rotation <= 0 ? 180 : -180;
|
|
550
|
+
rotation += rotation <= 0 ? 180 : -180;
|
|
551
|
+
} else {
|
|
552
|
+
scaleY *= -1;
|
|
553
|
+
skewX += skewX <= 0 ? 180 : -180;
|
|
554
|
+
}
|
|
555
|
+
uncache = uncache || cache.uncache;
|
|
556
|
+
cache.x = x - ((cache.xPercent = x && (!uncache && cache.xPercent || (Math.round(target.offsetWidth / 2) === Math.round(-x) ? -50 : 0))) ? target.offsetWidth * cache.xPercent / 100 : 0) + px;
|
|
557
|
+
cache.y = y - ((cache.yPercent = y && (!uncache && cache.yPercent || (Math.round(target.offsetHeight / 2) === Math.round(-y) ? -50 : 0))) ? target.offsetHeight * cache.yPercent / 100 : 0) + px;
|
|
558
|
+
cache.z = z + px;
|
|
559
|
+
cache.scaleX = _round(scaleX);
|
|
560
|
+
cache.scaleY = _round(scaleY);
|
|
561
|
+
cache.rotation = _round(rotation) + deg;
|
|
562
|
+
cache.rotationX = _round(rotationX) + deg;
|
|
563
|
+
cache.rotationY = _round(rotationY) + deg;
|
|
564
|
+
cache.skewX = skewX + deg;
|
|
565
|
+
cache.skewY = skewY + deg;
|
|
566
|
+
cache.transformPerspective = perspective + px;
|
|
567
|
+
if (cache.zOrigin = parseFloat(origin.split(" ")[2]) || !uncache && cache.zOrigin || 0) style[_transformOriginProp] = _firstTwoOnly(origin);
|
|
568
|
+
cache.xOffset = cache.yOffset = 0;
|
|
569
|
+
cache.force3D = _config.force3D;
|
|
570
|
+
cache.renderTransform = cache.svg ? _renderSVGTransforms : _supports3D ? _renderCSSTransforms : _renderNon3DTransforms;
|
|
571
|
+
cache.uncache = 0;
|
|
572
|
+
return cache;
|
|
573
|
+
}, _firstTwoOnly = function _firstTwoOnly(value) {
|
|
574
|
+
return (value = value.split(" "))[0] + " " + value[1];
|
|
575
|
+
}, _addPxTranslate = function _addPxTranslate(target, start, value) {
|
|
576
|
+
var unit = getUnit(start);
|
|
577
|
+
return _round(parseFloat(start) + parseFloat(_convertToUnit(target, "x", value + "px", unit))) + unit;
|
|
578
|
+
}, _renderNon3DTransforms = function _renderNon3DTransforms(ratio, cache) {
|
|
579
|
+
cache.z = "0px";
|
|
580
|
+
cache.rotationY = cache.rotationX = "0deg";
|
|
581
|
+
cache.force3D = 0;
|
|
582
|
+
_renderCSSTransforms(ratio, cache);
|
|
583
|
+
}, _zeroDeg = "0deg", _zeroPx = "0px", _endParenthesis = ") ", _renderCSSTransforms = function _renderCSSTransforms(ratio, cache) {
|
|
584
|
+
var _ref = cache || this, xPercent = _ref.xPercent, yPercent = _ref.yPercent, x = _ref.x, y = _ref.y, z = _ref.z, rotation = _ref.rotation, rotationY = _ref.rotationY, rotationX = _ref.rotationX, skewX = _ref.skewX, skewY = _ref.skewY, scaleX = _ref.scaleX, scaleY = _ref.scaleY, transformPerspective = _ref.transformPerspective, force3D = _ref.force3D, target = _ref.target, zOrigin = _ref.zOrigin, transforms = "", use3D = force3D === "auto" && ratio && ratio !== 1 || force3D === true;
|
|
585
|
+
if (zOrigin && (rotationX !== _zeroDeg || rotationY !== _zeroDeg)) {
|
|
586
|
+
var angle = parseFloat(rotationY) * _DEG2RAD, a13 = Math.sin(angle), a33 = Math.cos(angle), cos;
|
|
587
|
+
angle = parseFloat(rotationX) * _DEG2RAD;
|
|
588
|
+
cos = Math.cos(angle);
|
|
589
|
+
x = _addPxTranslate(target, x, a13 * cos * -zOrigin);
|
|
590
|
+
y = _addPxTranslate(target, y, -Math.sin(angle) * -zOrigin);
|
|
591
|
+
z = _addPxTranslate(target, z, a33 * cos * -zOrigin + zOrigin);
|
|
592
|
+
}
|
|
593
|
+
if (transformPerspective !== _zeroPx) transforms += "perspective(" + transformPerspective + _endParenthesis;
|
|
594
|
+
if (xPercent || yPercent) transforms += "translate(" + xPercent + "%, " + yPercent + "%) ";
|
|
595
|
+
if (use3D || x !== _zeroPx || y !== _zeroPx || z !== _zeroPx) transforms += z !== _zeroPx || use3D ? "translate3d(" + x + ", " + y + ", " + z + ") " : "translate(" + x + ", " + y + _endParenthesis;
|
|
596
|
+
if (rotation !== _zeroDeg) transforms += "rotate(" + rotation + _endParenthesis;
|
|
597
|
+
if (rotationY !== _zeroDeg) transforms += "rotateY(" + rotationY + _endParenthesis;
|
|
598
|
+
if (rotationX !== _zeroDeg) transforms += "rotateX(" + rotationX + _endParenthesis;
|
|
599
|
+
if (skewX !== _zeroDeg || skewY !== _zeroDeg) transforms += "skew(" + skewX + ", " + skewY + _endParenthesis;
|
|
600
|
+
if (scaleX !== 1 || scaleY !== 1) transforms += "scale(" + scaleX + ", " + scaleY + _endParenthesis;
|
|
601
|
+
target.style[_transformProp] = transforms || "translate(0, 0)";
|
|
602
|
+
}, _renderSVGTransforms = function _renderSVGTransforms(ratio, cache) {
|
|
603
|
+
var _ref2 = cache || this, xPercent = _ref2.xPercent, yPercent = _ref2.yPercent, x = _ref2.x, y = _ref2.y, rotation = _ref2.rotation, skewX = _ref2.skewX, skewY = _ref2.skewY, scaleX = _ref2.scaleX, scaleY = _ref2.scaleY, target = _ref2.target, xOrigin = _ref2.xOrigin, yOrigin = _ref2.yOrigin, xOffset = _ref2.xOffset, yOffset = _ref2.yOffset, forceCSS = _ref2.forceCSS, tx = parseFloat(x), ty = parseFloat(y), a11, a21, a12, a22, temp;
|
|
604
|
+
rotation = parseFloat(rotation);
|
|
605
|
+
skewX = parseFloat(skewX);
|
|
606
|
+
skewY = parseFloat(skewY);
|
|
607
|
+
if (skewY) {
|
|
608
|
+
skewY = parseFloat(skewY);
|
|
609
|
+
skewX += skewY;
|
|
610
|
+
rotation += skewY;
|
|
611
|
+
}
|
|
612
|
+
if (rotation || skewX) {
|
|
613
|
+
rotation *= _DEG2RAD;
|
|
614
|
+
skewX *= _DEG2RAD;
|
|
615
|
+
a11 = Math.cos(rotation) * scaleX;
|
|
616
|
+
a21 = Math.sin(rotation) * scaleX;
|
|
617
|
+
a12 = Math.sin(rotation - skewX) * -scaleY;
|
|
618
|
+
a22 = Math.cos(rotation - skewX) * scaleY;
|
|
619
|
+
if (skewX) {
|
|
620
|
+
skewY *= _DEG2RAD;
|
|
621
|
+
temp = Math.tan(skewX - skewY);
|
|
622
|
+
temp = Math.sqrt(1 + temp * temp);
|
|
623
|
+
a12 *= temp;
|
|
624
|
+
a22 *= temp;
|
|
625
|
+
if (skewY) {
|
|
626
|
+
temp = Math.tan(skewY);
|
|
627
|
+
temp = Math.sqrt(1 + temp * temp);
|
|
628
|
+
a11 *= temp;
|
|
629
|
+
a21 *= temp;
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
a11 = _round(a11);
|
|
633
|
+
a21 = _round(a21);
|
|
634
|
+
a12 = _round(a12);
|
|
635
|
+
a22 = _round(a22);
|
|
636
|
+
} else {
|
|
637
|
+
a11 = scaleX;
|
|
638
|
+
a22 = scaleY;
|
|
639
|
+
a21 = a12 = 0;
|
|
640
|
+
}
|
|
641
|
+
if (tx && !~(x + "").indexOf("px") || ty && !~(y + "").indexOf("px")) {
|
|
642
|
+
tx = _convertToUnit(target, "x", x, "px");
|
|
643
|
+
ty = _convertToUnit(target, "y", y, "px");
|
|
644
|
+
}
|
|
645
|
+
if (xOrigin || yOrigin || xOffset || yOffset) {
|
|
646
|
+
tx = _round(tx + xOrigin - (xOrigin * a11 + yOrigin * a12) + xOffset);
|
|
647
|
+
ty = _round(ty + yOrigin - (xOrigin * a21 + yOrigin * a22) + yOffset);
|
|
648
|
+
}
|
|
649
|
+
if (xPercent || yPercent) {
|
|
650
|
+
temp = target.getBBox();
|
|
651
|
+
tx = _round(tx + xPercent / 100 * temp.width);
|
|
652
|
+
ty = _round(ty + yPercent / 100 * temp.height);
|
|
653
|
+
}
|
|
654
|
+
temp = "matrix(" + a11 + "," + a21 + "," + a12 + "," + a22 + "," + tx + "," + ty + ")";
|
|
655
|
+
target.setAttribute("transform", temp);
|
|
656
|
+
forceCSS && (target.style[_transformProp] = temp);
|
|
657
|
+
}, _addRotationalPropTween = function _addRotationalPropTween(plugin, target, property, startNum, endValue) {
|
|
658
|
+
var cap = 360, isString = _isString(endValue), change = parseFloat(endValue) * (isString && ~endValue.indexOf("rad") ? _RAD2DEG : 1) - startNum, finalValue = startNum + change + "deg", direction, pt;
|
|
659
|
+
if (isString) {
|
|
660
|
+
direction = endValue.split("_")[1];
|
|
661
|
+
if (direction === "short") {
|
|
662
|
+
change %= cap;
|
|
663
|
+
if (change !== change % (cap / 2)) change += change < 0 ? cap : -cap;
|
|
664
|
+
}
|
|
665
|
+
if (direction === "cw" && change < 0) change = (change + cap * _bigNum) % cap - ~~(change / cap) * cap;
|
|
666
|
+
else if (direction === "ccw" && change > 0) change = (change - cap * _bigNum) % cap - ~~(change / cap) * cap;
|
|
667
|
+
}
|
|
668
|
+
plugin._pt = pt = new PropTween(plugin._pt, target, property, startNum, change, _renderPropWithEnd);
|
|
669
|
+
pt.e = finalValue;
|
|
670
|
+
pt.u = "deg";
|
|
671
|
+
plugin._props.push(property);
|
|
672
|
+
return pt;
|
|
673
|
+
}, _assign = function _assign(target, source) {
|
|
674
|
+
for (var p in source) target[p] = source[p];
|
|
675
|
+
return target;
|
|
676
|
+
}, _addRawTransformPTs = function _addRawTransformPTs(plugin, transforms, target) {
|
|
677
|
+
var startCache = _assign({}, target._gsap), exclude = "perspective,force3D,transformOrigin,svgOrigin", style = target.style, endCache, p, startValue, endValue, startNum, endNum, startUnit, endUnit;
|
|
678
|
+
if (startCache.svg) {
|
|
679
|
+
startValue = target.getAttribute("transform");
|
|
680
|
+
target.setAttribute("transform", "");
|
|
681
|
+
style[_transformProp] = transforms;
|
|
682
|
+
endCache = _parseTransform(target, 1);
|
|
683
|
+
_removeProperty(target, _transformProp);
|
|
684
|
+
target.setAttribute("transform", startValue);
|
|
685
|
+
} else {
|
|
686
|
+
startValue = getComputedStyle(target)[_transformProp];
|
|
687
|
+
style[_transformProp] = transforms;
|
|
688
|
+
endCache = _parseTransform(target, 1);
|
|
689
|
+
style[_transformProp] = startValue;
|
|
690
|
+
}
|
|
691
|
+
for (p in _transformProps) {
|
|
692
|
+
startValue = startCache[p];
|
|
693
|
+
endValue = endCache[p];
|
|
694
|
+
if (startValue !== endValue && exclude.indexOf(p) < 0) {
|
|
695
|
+
startUnit = getUnit(startValue);
|
|
696
|
+
endUnit = getUnit(endValue);
|
|
697
|
+
startNum = startUnit !== endUnit ? _convertToUnit(target, p, startValue, endUnit) : parseFloat(startValue);
|
|
698
|
+
endNum = parseFloat(endValue);
|
|
699
|
+
plugin._pt = new PropTween(plugin._pt, endCache, p, startNum, endNum - startNum, _renderCSSProp);
|
|
700
|
+
plugin._pt.u = endUnit || 0;
|
|
701
|
+
plugin._props.push(p);
|
|
702
|
+
}
|
|
703
|
+
}
|
|
704
|
+
_assign(endCache, startCache);
|
|
705
|
+
};
|
|
706
|
+
_forEachName("padding,margin,Width,Radius", function(name, index) {
|
|
707
|
+
var t = "Top", r = "Right", b = "Bottom", l = "Left", props = (index < 3 ? [
|
|
708
|
+
t,
|
|
709
|
+
r,
|
|
710
|
+
b,
|
|
711
|
+
l
|
|
712
|
+
] : [
|
|
713
|
+
t + l,
|
|
714
|
+
t + r,
|
|
715
|
+
b + r,
|
|
716
|
+
b + l
|
|
717
|
+
]).map(function(side) {
|
|
718
|
+
return index < 2 ? name + side : "border" + side + name;
|
|
719
|
+
});
|
|
720
|
+
_specialProps[index > 1 ? "border" + name : name] = function(plugin, target, property, endValue, tween) {
|
|
721
|
+
var a, vars;
|
|
722
|
+
if (arguments.length < 4) {
|
|
723
|
+
a = props.map(function(prop) {
|
|
724
|
+
return _get(plugin, prop, property);
|
|
725
|
+
});
|
|
726
|
+
vars = a.join(" ");
|
|
727
|
+
return vars.split(a[0]).length === 5 ? a[0] : vars;
|
|
728
|
+
}
|
|
729
|
+
a = (endValue + "").split(" ");
|
|
730
|
+
vars = {};
|
|
731
|
+
props.forEach(function(prop, i) {
|
|
732
|
+
return vars[prop] = a[i] = a[i] || a[(i - 1) / 2 | 0];
|
|
733
|
+
});
|
|
734
|
+
plugin.init(target, vars, tween);
|
|
735
|
+
};
|
|
736
|
+
});
|
|
737
|
+
var CSSPlugin = {
|
|
738
|
+
name: "css",
|
|
739
|
+
register: _initCore,
|
|
740
|
+
targetTest: function targetTest(target) {
|
|
741
|
+
return target.style && target.nodeType;
|
|
742
|
+
},
|
|
743
|
+
init: function init(target, vars, tween, index, targets) {
|
|
744
|
+
var props = this._props, style = target.style, startAt = tween.vars.startAt, startValue, endValue, endNum, startNum, type, specialProp, p, startUnit, endUnit, relative, isTransformRelated, transformPropTween, cache, smooth, hasPriority, inlineProps, finalTransformValue;
|
|
745
|
+
_pluginInitted || _initCore();
|
|
746
|
+
this.styles = this.styles || _getStyleSaver(target);
|
|
747
|
+
inlineProps = this.styles.props;
|
|
748
|
+
this.tween = tween;
|
|
749
|
+
for (p in vars) {
|
|
750
|
+
if (p === "autoRound") continue;
|
|
751
|
+
endValue = vars[p];
|
|
752
|
+
if (_plugins[p] && _checkPlugin(p, vars, tween, index, target, targets)) continue;
|
|
753
|
+
type = typeof endValue;
|
|
754
|
+
specialProp = _specialProps[p];
|
|
755
|
+
if (type === "function") {
|
|
756
|
+
endValue = endValue.call(tween, index, target, targets);
|
|
757
|
+
type = typeof endValue;
|
|
758
|
+
}
|
|
759
|
+
if (type === "string" && ~endValue.indexOf("random(")) endValue = _replaceRandom(endValue);
|
|
760
|
+
if (specialProp) specialProp(this, target, p, endValue, tween) && (hasPriority = 1);
|
|
761
|
+
else if (p.substr(0, 2) === "--") {
|
|
762
|
+
startValue = (getComputedStyle(target).getPropertyValue(p) + "").trim();
|
|
763
|
+
endValue += "";
|
|
764
|
+
_colorExp.lastIndex = 0;
|
|
765
|
+
if (!_colorExp.test(startValue)) {
|
|
766
|
+
startUnit = getUnit(startValue);
|
|
767
|
+
endUnit = getUnit(endValue);
|
|
768
|
+
endUnit ? startUnit !== endUnit && (startValue = _convertToUnit(target, p, startValue, endUnit) + endUnit) : startUnit && (endValue += startUnit);
|
|
769
|
+
}
|
|
770
|
+
this.add(style, "setProperty", startValue, endValue, index, targets, 0, 0, p);
|
|
771
|
+
props.push(p);
|
|
772
|
+
inlineProps.push(p, 0, style[p]);
|
|
773
|
+
} else if (type !== "undefined") {
|
|
774
|
+
if (startAt && p in startAt) {
|
|
775
|
+
startValue = typeof startAt[p] === "function" ? startAt[p].call(tween, index, target, targets) : startAt[p];
|
|
776
|
+
_isString(startValue) && ~startValue.indexOf("random(") && (startValue = _replaceRandom(startValue));
|
|
777
|
+
getUnit(startValue + "") || startValue === "auto" || (startValue += _config.units[p] || getUnit(_get(target, p)) || "");
|
|
778
|
+
(startValue + "").charAt(1) === "=" && (startValue = _get(target, p));
|
|
779
|
+
} else startValue = _get(target, p);
|
|
780
|
+
startNum = parseFloat(startValue);
|
|
781
|
+
relative = type === "string" && endValue.charAt(1) === "=" && endValue.substr(0, 2);
|
|
782
|
+
relative && (endValue = endValue.substr(2));
|
|
783
|
+
endNum = parseFloat(endValue);
|
|
784
|
+
if (p in _propertyAliases) {
|
|
785
|
+
if (p === "autoAlpha") {
|
|
786
|
+
if (startNum === 1 && _get(target, "visibility") === "hidden" && endNum) startNum = 0;
|
|
787
|
+
inlineProps.push("visibility", 0, style.visibility);
|
|
788
|
+
_addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum);
|
|
789
|
+
}
|
|
790
|
+
if (p !== "scale" && p !== "transform") {
|
|
791
|
+
p = _propertyAliases[p];
|
|
792
|
+
~p.indexOf(",") && (p = p.split(",")[0]);
|
|
793
|
+
}
|
|
794
|
+
}
|
|
795
|
+
isTransformRelated = p in _transformProps;
|
|
796
|
+
if (isTransformRelated) {
|
|
797
|
+
this.styles.save(p);
|
|
798
|
+
finalTransformValue = endValue;
|
|
799
|
+
if (type === "string" && endValue.substring(0, 6) === "var(--") {
|
|
800
|
+
endValue = _getComputedProperty(target, endValue.substring(4, endValue.indexOf(")")));
|
|
801
|
+
if (endValue.substring(0, 5) === "calc(") {
|
|
802
|
+
var origPerspective = target.style.perspective;
|
|
803
|
+
target.style.perspective = endValue;
|
|
804
|
+
endValue = _getComputedProperty(target, "perspective");
|
|
805
|
+
origPerspective ? target.style.perspective = origPerspective : _removeProperty(target, "perspective");
|
|
806
|
+
}
|
|
807
|
+
endNum = parseFloat(endValue);
|
|
808
|
+
}
|
|
809
|
+
if (!transformPropTween) {
|
|
810
|
+
cache = target._gsap;
|
|
811
|
+
cache.renderTransform && !vars.parseTransform || _parseTransform(target, vars.parseTransform);
|
|
812
|
+
smooth = vars.smoothOrigin !== false && cache.smooth;
|
|
813
|
+
transformPropTween = this._pt = new PropTween(this._pt, style, _transformProp, 0, 1, cache.renderTransform, cache, 0, -1);
|
|
814
|
+
transformPropTween.dep = 1;
|
|
815
|
+
}
|
|
816
|
+
if (p === "scale") {
|
|
817
|
+
this._pt = new PropTween(this._pt, cache, "scaleY", cache.scaleY, (relative ? _parseRelative(cache.scaleY, relative + endNum) : endNum) - cache.scaleY || 0, _renderCSSProp);
|
|
818
|
+
this._pt.u = 0;
|
|
819
|
+
props.push("scaleY", p);
|
|
820
|
+
p += "X";
|
|
821
|
+
} else if (p === "transformOrigin") {
|
|
822
|
+
inlineProps.push(_transformOriginProp, 0, style[_transformOriginProp]);
|
|
823
|
+
endValue = _convertKeywordsToPercentages(endValue);
|
|
824
|
+
if (cache.svg) _applySVGOrigin(target, endValue, 0, smooth, 0, this);
|
|
825
|
+
else {
|
|
826
|
+
endUnit = parseFloat(endValue.split(" ")[2]) || 0;
|
|
827
|
+
endUnit !== cache.zOrigin && _addNonTweeningPT(this, cache, "zOrigin", cache.zOrigin, endUnit);
|
|
828
|
+
_addNonTweeningPT(this, style, p, _firstTwoOnly(startValue), _firstTwoOnly(endValue));
|
|
829
|
+
}
|
|
830
|
+
continue;
|
|
831
|
+
} else if (p === "svgOrigin") {
|
|
832
|
+
_applySVGOrigin(target, endValue, 1, smooth, 0, this);
|
|
833
|
+
continue;
|
|
834
|
+
} else if (p in _rotationalProperties) {
|
|
835
|
+
_addRotationalPropTween(this, cache, p, startNum, relative ? _parseRelative(startNum, relative + endValue) : endValue);
|
|
836
|
+
continue;
|
|
837
|
+
} else if (p === "smoothOrigin") {
|
|
838
|
+
_addNonTweeningPT(this, cache, "smooth", cache.smooth, endValue);
|
|
839
|
+
continue;
|
|
840
|
+
} else if (p === "force3D") {
|
|
841
|
+
cache[p] = endValue;
|
|
842
|
+
continue;
|
|
843
|
+
} else if (p === "transform") {
|
|
844
|
+
_addRawTransformPTs(this, endValue, target);
|
|
845
|
+
continue;
|
|
846
|
+
}
|
|
847
|
+
} else if (!(p in style)) p = _checkPropPrefix(p) || p;
|
|
848
|
+
if (isTransformRelated || (endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && p in style) {
|
|
849
|
+
startUnit = (startValue + "").substr((startNum + "").length);
|
|
850
|
+
endNum || (endNum = 0);
|
|
851
|
+
endUnit = getUnit(endValue) || (p in _config.units ? _config.units[p] : startUnit);
|
|
852
|
+
startUnit !== endUnit && (startNum = _convertToUnit(target, p, startValue, endUnit));
|
|
853
|
+
this._pt = new PropTween(this._pt, isTransformRelated ? cache : style, p, startNum, (relative ? _parseRelative(startNum, relative + endNum) : endNum) - startNum, !isTransformRelated && (endUnit === "px" || p === "zIndex") && vars.autoRound !== false ? _renderRoundedCSSProp : _renderCSSProp);
|
|
854
|
+
this._pt.u = endUnit || 0;
|
|
855
|
+
if (isTransformRelated && finalTransformValue !== endValue) {
|
|
856
|
+
this._pt.b = startValue;
|
|
857
|
+
this._pt.e = finalTransformValue;
|
|
858
|
+
this._pt.r = _renderCSSPropWithBeginningAndEnd;
|
|
859
|
+
} else if (startUnit !== endUnit && endUnit !== "%") {
|
|
860
|
+
this._pt.b = startValue;
|
|
861
|
+
this._pt.r = _renderCSSPropWithBeginning;
|
|
862
|
+
}
|
|
863
|
+
} else if (!(p in style)) {
|
|
864
|
+
if (p in target) this.add(target, p, startValue || target[p], relative ? relative + endValue : endValue, index, targets);
|
|
865
|
+
else if (p !== "parseTransform") {
|
|
866
|
+
_missingPlugin(p, endValue);
|
|
867
|
+
continue;
|
|
868
|
+
}
|
|
869
|
+
} else _tweenComplexCSSString.call(this, target, p, startValue, relative ? relative + endValue : endValue);
|
|
870
|
+
isTransformRelated || (p in style ? inlineProps.push(p, 0, style[p]) : typeof target[p] === "function" ? inlineProps.push(p, 2, target[p]()) : inlineProps.push(p, 1, startValue || target[p]));
|
|
871
|
+
props.push(p);
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
hasPriority && _sortPropTweensByPriority(this);
|
|
875
|
+
},
|
|
876
|
+
render: function render(ratio, data) {
|
|
877
|
+
if (data.tween._time || !_reverting()) {
|
|
878
|
+
var pt = data._pt;
|
|
879
|
+
while (pt) {
|
|
880
|
+
pt.r(ratio, pt.d);
|
|
881
|
+
pt = pt._next;
|
|
882
|
+
}
|
|
883
|
+
} else data.styles.revert();
|
|
884
|
+
},
|
|
885
|
+
get: _get,
|
|
886
|
+
aliases: _propertyAliases,
|
|
887
|
+
getSetter: function getSetter(target, property, plugin) {
|
|
888
|
+
var p = _propertyAliases[property];
|
|
889
|
+
p && p.indexOf(",") < 0 && (property = p);
|
|
890
|
+
return property in _transformProps && property !== _transformOriginProp && (target._gsap.x || _get(target, "x")) ? plugin && _recentSetterPlugin === plugin ? property === "scale" ? _setterScale : _setterTransform : (_recentSetterPlugin = plugin || {}) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender) : target.style && !_isUndefined(target.style[property]) ? _setterCSSStyle : ~property.indexOf("-") ? _setterCSSProp : _getSetter(target, property);
|
|
891
|
+
},
|
|
892
|
+
core: {
|
|
893
|
+
_removeProperty,
|
|
894
|
+
_getMatrix
|
|
895
|
+
}
|
|
896
|
+
};
|
|
897
|
+
gsap.utils.checkPrefix = _checkPropPrefix;
|
|
898
|
+
gsap.core.getStyleSaver = _getStyleSaver;
|
|
899
|
+
(function(positionAndScale, rotation, others, aliases) {
|
|
900
|
+
var all = _forEachName(positionAndScale + "," + rotation + "," + others, function(name) {
|
|
901
|
+
_transformProps[name] = 1;
|
|
902
|
+
});
|
|
903
|
+
_forEachName(rotation, function(name) {
|
|
904
|
+
_config.units[name] = "deg";
|
|
905
|
+
_rotationalProperties[name] = 1;
|
|
906
|
+
});
|
|
907
|
+
_propertyAliases[all[13]] = positionAndScale + "," + rotation;
|
|
908
|
+
_forEachName(aliases, function(name) {
|
|
909
|
+
var split = name.split(":");
|
|
910
|
+
_propertyAliases[split[1]] = all[split[0]];
|
|
911
|
+
});
|
|
912
|
+
})("x,y,z,scale,scaleX,scaleY,xPercent,yPercent", "rotation,rotationX,rotationY,skewX,skewY", "transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", "0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY");
|
|
913
|
+
_forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function(name) {
|
|
914
|
+
_config.units[name] = "px";
|
|
915
|
+
});
|
|
916
|
+
gsap.registerPlugin(CSSPlugin);
|
|
917
|
+
|
|
918
|
+
//#endregion
|
|
919
|
+
export { CSSPlugin };
|
|
920
|
+
//# sourceMappingURL=CSSPlugin.mjs.map
|