@leafer-in/state 1.8.0 → 1.9.0

package/dist/state.esm.js

@@ -1,18 +1,16 @@
-import { decorateLeafAttr, attr, State, MathHelper, isNull, PointerEvent, Plugin, UI, dataType, Text, defineKey, getDescriptor, doBoundsType } from '@leafer-ui/core';
+import { decorateLeafAttr, attr, State, MathHelper, isObject, isNull, isUndefined, PointerEvent, Plugin, UI, dataType, Text, defineKey, getDescriptor, doBoundsType } from "@leafer-ui/core";
 
 function stateType(defaultValue, styleName) {
-    return decorateLeafAttr(defaultValue, (key) => attr({
+    return decorateLeafAttr(defaultValue, key => attr({
         set(value) {
             this.__setAttr(key, value);
-            if (this.leaferIsReady)
-                styleName ? State.setStyleName(this, styleName, value) : State.set(this, value);
-            else
-                this.__layout.stateStyleChanged = true;
+            if (this.leaferIsReady) styleName ? State.setStyleName(this, styleName, value) : State.set(this, value); else this.__layout.stateStyleChanged = true;
         }
     }));
 }
+
 function stateStyleType(defaultValue) {
-    return decorateLeafAttr(defaultValue, (key) => attr({
+    return decorateLeafAttr(defaultValue, key => attr({
         set(value) {
             this.__setAttr(key, value);
             this.__layout.stateStyleChanged = true;
@@ -21,14 +19,12 @@ function stateStyleType(defaultValue) {
 }
 
 function findParentButton(leaf, button) {
-    if (button && button !== true)
-        return button;
+    if (button && button !== true) return button;
     if (!leaf.button) {
-        let { parent } = leaf;
+        let {parent: parent} = leaf;
         for (let i = 0; i < 2; i++) {
             if (parent) {
-                if (parent.button)
-                    return parent;
+                if (parent.button) return parent;
                 parent = parent.parent;
             }
         }
@@ -37,121 +33,106 @@ function findParentButton(leaf, button) {
 }
 
 function setStyle(leaf, style) {
-    if (typeof style !== 'object')
-        style = undefined;
-    updateStyle(leaf, style, 'in');
+    if (!isObject(style)) style = undefined;
+    updateStyle(leaf, style, "in");
 }
+
 function unsetStyle(leaf, style) {
-    const { normalStyle } = leaf;
-    if (typeof style !== 'object')
-        style = undefined;
+    const {normalStyle: normalStyle} = leaf;
+    if (!isObject(style)) style = undefined;
     if (normalStyle) {
-        if (!style)
-            style = normalStyle;
-        updateStyle(leaf, style, 'out');
+        if (!style) style = normalStyle;
+        updateStyle(leaf, style, "out");
     }
 }
+
 const emprtyStyle = {};
+
 function updateStyle(leaf, style, type) {
-    const { normalStyle } = leaf;
-    if (!style)
-        style = emprtyStyle;
+    const {normalStyle: normalStyle} = leaf;
+    if (!style) style = emprtyStyle;
     if (style.scale) {
         MathHelper.assignScale(style, style.scale);
         delete style.scale;
     }
-    if (style === emprtyStyle || !State.canAnimate)
-        type = null;
+    if (style === emprtyStyle || !State.canAnimate) type = null;
     let transition = type ? getTransition(type, style, leaf) : false;
     const fromStyle = transition ? getFromStyle(leaf, style) : undefined;
     const nextStyle = State.canAnimate && getStyle(leaf);
-    if (nextStyle)
-        leaf.killAnimate('transition');
-    if (normalStyle)
-        leaf.set(normalStyle, 'temp');
+    if (nextStyle) leaf.killAnimate("transition");
+    if (normalStyle) leaf.set(normalStyle, "temp");
     const statesStyle = getStyle(leaf);
     if (statesStyle) {
-        const { animation } = statesStyle;
+        const {animation: animation} = statesStyle;
         if (animation) {
-            const animate = leaf.animate(animation, undefined, 'animation', true);
+            const animate = leaf.animate(animation, undefined, "animation", true);
             Object.assign(statesStyle, animate.endingStyle);
-            if (type !== 'in' || style.animation !== animation)
-                animate.kill();
-            else
-                transition = false;
+            if (type !== "in" || style.animation !== animation) animate.kill(); else transition = false;
             delete statesStyle.animation;
         }
         leaf.normalStyle = filterStyle(statesStyle, leaf);
-        leaf.set(statesStyle, 'temp');
-    }
-    else {
+        leaf.set(statesStyle, "temp");
+    } else {
         leaf.normalStyle = undefined;
     }
     if (transition) {
         const toStyle = filterStyle(fromStyle, leaf);
-        leaf.set(fromStyle, 'temp');
-        leaf.animate([fromStyle, toStyle], transition, 'transition', true);
+        leaf.set(fromStyle, "temp");
+        leaf.animate([ fromStyle, toStyle ], transition, "transition", true);
     }
     leaf.__layout.stateStyleChanged = false;
 }
+
 function getStyle(leaf) {
     let exist;
     const style = {}, button = findParentButton(leaf);
-    const state = button ? (leaf.state || button.state) : leaf.state;
+    const state = button ? leaf.state || button.state : leaf.state;
     const stateStyle = state && leaf.states[state];
-    if (stateStyle && State.isState(state, leaf, button))
-        exist = assign(style, stateStyle);
+    if (stateStyle && State.isState(state, leaf, button)) exist = assign(style, stateStyle);
     const selectedStyle = style.selectedStyle || leaf.selectedStyle;
-    if (selectedStyle && State.isSelected(leaf, button))
-        exist = assign(style, selectedStyle);
+    if (selectedStyle && State.isSelected(leaf, button)) exist = assign(style, selectedStyle);
     const placeholderStyle = style.placeholderStyle || leaf.placeholderStyle;
-    if (placeholderStyle && State.isPlacehold(leaf, button))
-        exist = assign(style, placeholderStyle);
+    if (placeholderStyle && State.isPlacehold(leaf, button)) exist = assign(style, placeholderStyle);
     if (State.isDisabled(leaf, button)) {
         const disabledStyle = style.disabledStyle || leaf.disabledStyle;
-        if (disabledStyle)
-            exist = assign(style, disabledStyle);
-    }
-    else {
+        if (disabledStyle) exist = assign(style, disabledStyle);
+    } else {
         const focusStyle = style.focusStyle || leaf.focusStyle;
-        if (focusStyle && State.isFocus(leaf, button))
-            exist = assign(style, focusStyle);
+        if (focusStyle && State.isFocus(leaf, button)) exist = assign(style, focusStyle);
         const hoverStyle = style.hoverStyle || leaf.hoverStyle;
-        if (hoverStyle && State.isHover(leaf, button))
-            exist = assign(style, hoverStyle);
+        if (hoverStyle && State.isHover(leaf, button)) exist = assign(style, hoverStyle);
         const pressStyle = style.pressStyle || leaf.pressStyle;
-        if (pressStyle && State.isPress(leaf, button))
-            exist = assign(style, pressStyle);
+        if (pressStyle && State.isPress(leaf, button)) exist = assign(style, pressStyle);
     }
     return exist ? style : undefined;
 }
+
 function filterStyle(style, data, addStyle, useAnimateExcludes) {
     const to = addStyle ? style : {}, forStyle = addStyle || style;
     for (let key in forStyle) {
         if (useAnimateExcludes) {
-            if (!State.animateExcludes[key])
-                to[key] = data[key];
-        }
-        else
-            to[key] = data[key];
+            if (!State.animateExcludes[key]) to[key] = data[key];
+        } else to[key] = data[key];
     }
     return to;
 }
+
 function filterAnimateStyle(style, data, addStyle) {
     return filterStyle(style, data, addStyle, true);
 }
+
 function getFromStyle(leaf, style) {
     const fromStyle = filterAnimateStyle(style, leaf), animate = leaf.animate();
-    if (animate)
-        filterAnimateStyle(fromStyle, leaf, animate.fromStyle);
+    if (animate) filterAnimateStyle(fromStyle, leaf, animate.fromStyle);
     return fromStyle;
 }
+
 function getTransition(type, style, data) {
-    let name = type === 'in' ? 'transition' : 'transitionOut';
-    if (type === 'out' && isNull(data[name]) && isNull(style[name]))
-        name = 'transition';
+    let name = type === "in" ? "transition" : "transitionOut";
+    if (type === "out" && isNull(data[name]) && isNull(style[name])) name = "transition";
     return isNull(style[name]) ? data[name] : style[name];
 }
+
 function assign(style, stateStyle) {
     Object.assign(style, stateStyle);
     return true;
@@ -159,90 +140,79 @@ function assign(style, stateStyle) {
 
 function setPointerState(leaf, stateName) {
     const style = leaf[stateName];
-    if (style)
-        setStyle(leaf, style);
-    if (leaf.button)
-        setChildrenState(leaf.children, stateName);
+    if (style) setStyle(leaf, style);
+    if (leaf.button) setChildrenState(leaf.children, stateName);
 }
+
 function setState(leaf, stateName, stateStyle) {
-    if (!stateStyle)
-        stateStyle = leaf.states[stateName];
+    if (!stateStyle) stateStyle = leaf.states[stateName];
     setStyle(leaf, stateStyle);
-    if (leaf.button)
-        setChildrenState(leaf.children, null, stateName);
+    if (leaf.button) setChildrenState(leaf.children, null, stateName);
 }
+
 function setChildrenState(children, stateType, stateName) {
-    if (!children)
-        return;
+    if (!children) return;
     let leaf, update;
     for (let i = 0, len = children.length; i < len; i++) {
         leaf = children[i];
         if (stateType) {
             update = true;
             switch (stateType) {
-                case 'hoverStyle':
-                    if (State.isHover(leaf))
-                        update = false;
-                    break;
-                case 'pressStyle':
-                    if (State.isPress(leaf))
-                        update = false;
-                    break;
-                case 'focusStyle':
-                    if (State.isFocus(leaf))
-                        update = false;
+              case "hoverStyle":
+                if (State.isHover(leaf)) update = false;
+                break;
+
+              case "pressStyle":
+                if (State.isPress(leaf)) update = false;
+                break;
+
+              case "focusStyle":
+                if (State.isFocus(leaf)) update = false;
             }
-            if (update)
-                setPointerState(leaf, stateType);
-        }
-        else if (stateName !== undefined)
-            setState(leaf, stateName);
-        if (leaf.isBranch)
-            setChildrenState(leaf.children, stateType, stateName);
+            if (update) setPointerState(leaf, stateType);
+        } else if (!isUndefined(stateName)) setState(leaf, stateName);
+        if (leaf.isBranch) setChildrenState(leaf.children, stateType, stateName);
     }
 }
 
 function unsetPointerState(leaf, stateName) {
     const style = leaf[stateName];
-    if (style)
-        unsetStyle(leaf, style);
-    if (leaf.button)
-        unsetChildrenState(leaf.children, stateName);
+    if (style) unsetStyle(leaf, style);
+    if (leaf.button) unsetChildrenState(leaf.children, stateName);
 }
+
 function unsetState(leaf, stateName, stateStyle) {
     unsetStyle(leaf, stateStyle);
-    if (leaf.button)
-        unsetChildrenState(leaf.children, null, stateName);
+    if (leaf.button) unsetChildrenState(leaf.children, null, stateName);
 }
+
 function unsetChildrenState(children, stateType, stateName) {
-    if (!children)
-        return;
+    if (!children) return;
     let leaf;
     for (let i = 0, len = children.length; i < len; i++) {
         leaf = children[i];
-        if (stateType)
-            unsetPointerState(leaf, stateType);
-        else if (stateName !== undefined)
-            unsetState(leaf, stateName);
-        if (leaf.isBranch)
-            unsetChildrenState(leaf.children, stateType, stateName);
+        if (stateType) unsetPointerState(leaf, stateType); else if (!isUndefined(stateName)) unsetState(leaf, stateName);
+        if (leaf.isBranch) unsetChildrenState(leaf.children, stateType, stateName);
     }
 }
 
 function updateEventStyle(leaf, eventType) {
     switch (eventType) {
-        case PointerEvent.ENTER:
-            setPointerState(leaf, 'hoverStyle');
-            break;
-        case PointerEvent.LEAVE:
-            unsetPointerState(leaf, 'hoverStyle');
-            break;
-        case PointerEvent.DOWN:
-            setPointerState(leaf, 'pressStyle');
-            break;
-        case PointerEvent.UP:
-            unsetPointerState(leaf, 'pressStyle');
-            break;
+      case PointerEvent.ENTER:
+        setPointerState(leaf, "hoverStyle");
+        break;
+
+      case PointerEvent.LEAVE:
+        unsetPointerState(leaf, "hoverStyle");
+        break;
+
+      case PointerEvent.DOWN:
+        setPointerState(leaf, "pressStyle");
+        break;
+
+      case PointerEvent.UP:
+        unsetPointerState(leaf, "pressStyle");
+        break;
     }
 }
 
@@ -253,32 +223,32 @@ function checkPointerState(fnName, leaf, button) {
         find = interaction[fnName](leaf);
         if (!find && button) {
             const parentButton = findParentButton(leaf, button);
-            if (parentButton)
-                find = interaction[fnName](parentButton);
+            if (parentButton) find = interaction[fnName](parentButton);
         }
     }
     return find;
 }
+
 function checkFixedState(attrName, leaf, button) {
     let find = leaf[attrName];
     if (!find && button) {
         const parentButton = findParentButton(leaf, button);
-        if (parentButton)
-            find = parentButton[attrName];
+        if (parentButton) find = parentButton[attrName];
     }
     return find;
 }
+
 function checkState(stateName, leaf, button) {
     let find = leaf.states[stateName];
     if (!find && button) {
         const parentButton = findParentButton(leaf, button);
-        if (parentButton)
-            find = parentButton.states[stateName];
+        if (parentButton) find = parentButton.states[stateName];
     }
     return !!find;
 }
 
-Plugin.add('state');
+Plugin.add("state");
+
 State.animateExcludes = {
     animation: 1,
     animationOut: 1,
@@ -295,57 +265,106 @@ State.animateExcludes = {
     disabledStyle: 1,
     placeholderStyle: 1
 };
-State.isState = function (state, leaf, button) { return checkState(state, leaf, button); };
-State.isSelected = function (leaf, button) { return checkFixedState('selected', leaf, button); };
-State.isDisabled = function (leaf, button) { return checkFixedState('disabled', leaf, button); };
-State.isFocus = function (leaf, button) { return checkPointerState('isFocus', leaf, button); };
-State.isHover = function (leaf, button) { return checkPointerState('isHover', leaf, button); };
-State.isPress = function (leaf, button) { return checkPointerState('isPress', leaf, button); };
-State.isPlacehold = function (leaf, _button) { return leaf.__.__isPlacehold; };
-State.isDrag = function (leaf, button) { return checkPointerState('isDrag', leaf, button); };
-State.setStyleName = function (leaf, stateType, value) { value ? setState(leaf, stateType, leaf[stateType]) : unsetState(leaf, stateType, leaf[stateType]); };
-State.set = function (leaf, stateName) { const style = leaf.states[stateName]; style ? setState(leaf, stateName, style) : unsetState(leaf, stateName, style); };
+
+State.isState = function(state, leaf, button) {
+    return checkState(state, leaf, button);
+};
+
+State.isSelected = function(leaf, button) {
+    return checkFixedState("selected", leaf, button);
+};
+
+State.isDisabled = function(leaf, button) {
+    return checkFixedState("disabled", leaf, button);
+};
+
+State.isFocus = function(leaf, button) {
+    return checkPointerState("isFocus", leaf, button);
+};
+
+State.isHover = function(leaf, button) {
+    return checkPointerState("isHover", leaf, button);
+};
+
+State.isPress = function(leaf, button) {
+    return checkPointerState("isPress", leaf, button);
+};
+
+State.isPlacehold = function(leaf, _button) {
+    return leaf.__.__isPlacehold;
+};
+
+State.isDrag = function(leaf, button) {
+    return checkPointerState("isDrag", leaf, button);
+};
+
+State.setStyleName = function(leaf, stateType, value) {
+    value ? setState(leaf, stateType, leaf[stateType]) : unsetState(leaf, stateType, leaf[stateType]);
+};
+
+State.set = function(leaf, stateName) {
+    const style = leaf.states[stateName];
+    style ? setState(leaf, stateName, style) : unsetState(leaf, stateName, style);
+};
+
 State.getStyle = getStyle;
+
 State.updateStyle = updateStyle;
+
 State.updateEventStyle = updateEventStyle;
+
 const ui = UI.prototype;
-UI.addAttr('selected', false, stateType, 'selectedStyle');
-UI.addAttr('disabled', false, stateType, 'disabledStyle');
-UI.addAttr('states', {}, stateStyleType);
-UI.addAttr('state', '', stateType);
-UI.addAttr('normalStyle', undefined, dataType);
-UI.addAttr('hoverStyle', undefined, stateStyleType);
-UI.addAttr('pressStyle', undefined, stateStyleType);
-UI.addAttr('focusStyle', undefined, stateStyleType);
-UI.addAttr('selectedStyle', undefined, stateStyleType);
-UI.addAttr('disabledStyle', undefined, stateStyleType);
-UI.addAttr('placeholderStyle', undefined, stateStyleType);
-UI.addAttr('button', false, dataType);
-ui.focus = function (value = true) {
+
+UI.addAttr("selected", false, stateType, "selectedStyle");
+
+UI.addAttr("disabled", false, stateType, "disabledStyle");
+
+UI.addAttr("states", {}, stateStyleType);
+
+UI.addAttr("state", "", stateType);
+
+UI.addAttr("normalStyle", undefined, dataType);
+
+UI.addAttr("hoverStyle", undefined, stateStyleType);
+
+UI.addAttr("pressStyle", undefined, stateStyleType);
+
+UI.addAttr("focusStyle", undefined, stateStyleType);
+
+UI.addAttr("selectedStyle", undefined, stateStyleType);
+
+UI.addAttr("disabledStyle", undefined, stateStyleType);
+
+UI.addAttr("placeholderStyle", undefined, stateStyleType);
+
+UI.addAttr("button", false, dataType);
+
+ui.focus = function(value = true) {
     this.waitLeafer(() => {
-        let { focusData } = this.app.interaction;
+        let {focusData: focusData} = this.app.interaction;
         if (value) {
-            if (focusData)
-                focusData.focus(false);
+            if (focusData) focusData.focus(false);
             focusData = this;
-        }
-        else
-            focusData = null;
+        } else focusData = null;
         this.app.interaction.focusData = focusData;
-        value ? setPointerState(this, 'focusStyle') : unsetPointerState(this, 'focusStyle');
+        value ? setPointerState(this, "focusStyle") : unsetPointerState(this, "focusStyle");
     });
 };
-ui.updateState = function () {
-    State.updateStyle(this, undefined, 'in');
+
+ui.updateState = function() {
+    State.updateStyle(this, undefined, "in");
 };
-const text = Text.prototype, textKey = 'text';
-defineKey(text, textKey, Object.assign(Object.assign({}, getDescriptor(text, textKey)), { set(value) {
+
+const text = Text.prototype, textKey = "text";
+
+defineKey(text, textKey, Object.assign(Object.assign({}, getDescriptor(text, textKey)), {
+    set(value) {
         const t = this, oldValue = t.text;
         if (t.__setAttr(textKey, value)) {
             doBoundsType(t);
-            if (t.placeholderStyle && t.placeholder && (oldValue === '' || value === ''))
-                t.__layout.stateStyleChanged = true;
+            if (t.placeholderStyle && t.placeholder && (oldValue === "" || value === "")) t.__layout.stateStyleChanged = true;
         }
-    } }));
+    }
+}));
 
 export { stateStyleType, stateType };

package/dist/state.esm.min.js

@@ -1,2 +1,2 @@
-import{decorateLeafAttr as t,attr as e,State as n,MathHelper as s,isNull as i,PointerEvent as o,Plugin as l,UI as a,dataType as r,Text as c,defineKey as u,getDescriptor as d,doBoundsType as f}from"@leafer-ui/core";function y(s,i){return t(s,(t=>e({set(e){this.__setAttr(t,e),this.leaferIsReady?i?n.setStyleName(this,i,e):n.set(this,e):this.__layout.stateStyleChanged=!0}})))}function S(n){return t(n,(t=>e({set(e){this.__setAttr(t,e),this.__layout.stateStyleChanged=!0}})))}function h(t,e){if(e&&!0!==e)return e;if(!t.button){let{parent:e}=t;for(let t=0;t<2;t++)if(e){if(e.button)return e;e=e.parent}}return null}function p(t,e){"object"!=typeof e&&(e=void 0),b(t,e,"in")}function m(t,e){const{normalStyle:n}=t;"object"!=typeof e&&(e=void 0),n&&(e||(e=n),b(t,e,"out"))}const v={};function b(t,e,o){const{normalStyle:l}=t;e||(e=v),e.scale&&(s.assignScale(e,e.scale),delete e.scale),e!==v&&n.canAnimate||(o=null);let a=!!o&&function(t,e,n){let s="in"===t?"transition":"transitionOut";"out"===t&&i(n[s])&&i(e[s])&&(s="transition");return i(e[s])?n[s]:e[s]}(o,e,t);const r=a?function(t,e){const n=g(e,t),s=t.animate();s&&g(n,t,s.fromStyle);return n}(t,e):void 0;n.canAnimate&&A(t)&&t.killAnimate("transition"),l&&t.set(l,"temp");const c=A(t);if(c){const{animation:n}=c;if(n){const s=t.animate(n,void 0,"animation",!0);Object.assign(c,s.endingStyle),"in"!==o||e.animation!==n?s.kill():a=!1,delete c.animation}t.normalStyle=_(c,t),t.set(c,"temp")}else t.normalStyle=void 0;if(a){const e=_(r,t);t.set(r,"temp"),t.animate([r,e],a,"transition",!0)}t.__layout.stateStyleChanged=!1}function A(t){let e;const s={},i=h(t),o=i?t.state||i.state:t.state,l=o&&t.states[o];l&&n.isState(o,t,i)&&(e=O(s,l));const a=s.selectedStyle||t.selectedStyle;a&&n.isSelected(t,i)&&(e=O(s,a));const r=s.placeholderStyle||t.placeholderStyle;if(r&&n.isPlacehold(t,i)&&(e=O(s,r)),n.isDisabled(t,i)){const n=s.disabledStyle||t.disabledStyle;n&&(e=O(s,n))}else{const o=s.focusStyle||t.focusStyle;o&&n.isFocus(t,i)&&(e=O(s,o));const l=s.hoverStyle||t.hoverStyle;l&&n.isHover(t,i)&&(e=O(s,l));const a=s.pressStyle||t.pressStyle;a&&n.isPress(t,i)&&(e=O(s,a))}return e?s:void 0}function _(t,e,s,i){const o=s?t:{},l=s||t;for(let t in l)i&&n.animateExcludes[t]||(o[t]=e[t]);return o}function g(t,e,n){return _(t,e,n,!0)}function O(t,e){return Object.assign(t,e),!0}function P(t,e){const n=t[e];n&&p(t,n),t.button&&D(t.children,e)}function k(t,e,n){n||(n=t.states[e]),p(t,n),t.button&&D(t.children,null,e)}function D(t,e,s){if(!t)return;let i,o;for(let l=0,a=t.length;l<a;l++){if(i=t[l],e){switch(o=!0,e){case"hoverStyle":n.isHover(i)&&(o=!1);break;case"pressStyle":n.isPress(i)&&(o=!1);break;case"focusStyle":n.isFocus(i)&&(o=!1)}o&&P(i,e)}else void 0!==s&&k(i,s);i.isBranch&&D(i.children,e,s)}}function E(t,e){const n=t[e];n&&m(t,n),t.button&&x(t.children,e)}function j(t,e,n){m(t,n),t.button&&x(t.children,null,e)}function x(t,e,n){if(!t)return;let s;for(let i=0,o=t.length;i<o;i++)s=t[i],e?E(s,e):void 0!==n&&j(s,n),s.isBranch&&x(s.children,e,n)}function C(t,e,n){let s;const i=e.leafer?e.leafer.interaction:null;if(i&&(s=i[t](e),!s&&n)){const o=h(e,n);o&&(s=i[t](o))}return s}function F(t,e,n){let s=e[t];if(!s&&n){const i=h(e,n);i&&(s=i[t])}return s}l.add("state"),n.animateExcludes={animation:1,animationOut:1,transition:1,transitionOut:1,states:1,state:1,placeholder:1,normalStyle:1,hoverStyle:1,pressStyle:1,focusStyle:1,selectedStyle:1,disabledStyle:1,placeholderStyle:1},n.isState=function(t,e,n){return function(t,e,n){let s=e.states[t];if(!s&&n){const i=h(e,n);i&&(s=i.states[t])}return!!s}(t,e,n)},n.isSelected=function(t,e){return F("selected",t,e)},n.isDisabled=function(t,e){return F("disabled",t,e)},n.isFocus=function(t,e){return C("isFocus",t,e)},n.isHover=function(t,e){return C("isHover",t,e)},n.isPress=function(t,e){return C("isPress",t,e)},n.isPlacehold=function(t,e){return t.__.__isPlacehold},n.isDrag=function(t,e){return C("isDrag",t,e)},n.setStyleName=function(t,e,n){n?k(t,e,t[e]):j(t,e,t[e])},n.set=function(t,e){const n=t.states[e];n?k(t,e,n):j(t,e,n)},n.getStyle=A,n.updateStyle=b,n.updateEventStyle=function(t,e){switch(e){case o.ENTER:P(t,"hoverStyle");break;case o.LEAVE:E(t,"hoverStyle");break;case o.DOWN:P(t,"pressStyle");break;case o.UP:E(t,"pressStyle")}};const H=a.prototype;a.addAttr("selected",!1,y,"selectedStyle"),a.addAttr("disabled",!1,y,"disabledStyle"),a.addAttr("states",{},S),a.addAttr("state","",y),a.addAttr("normalStyle",void 0,r),a.addAttr("hoverStyle",void 0,S),a.addAttr("pressStyle",void 0,S),a.addAttr("focusStyle",void 0,S),a.addAttr("selectedStyle",void 0,S),a.addAttr("disabledStyle",void 0,S),a.addAttr("placeholderStyle",void 0,S),a.addAttr("button",!1,r),H.focus=function(t=!0){this.waitLeafer((()=>{let{focusData:e}=this.app.interaction;t?(e&&e.focus(!1),e=this):e=null,this.app.interaction.focusData=e,t?P(this,"focusStyle"):E(this,"focusStyle")}))},H.updateState=function(){n.updateStyle(this,void 0,"in")};const N=c.prototype,w="text";u(N,w,Object.assign(Object.assign({},d(N,w)),{set(t){const e=this,n=e.text;e.__setAttr(w,t)&&(f(e),e.placeholderStyle&&e.placeholder&&(""===n||""===t)&&(e.__layout.stateStyleChanged=!0))}}));export{S as stateStyleType,y as stateType};
+import{decorateLeafAttr as t,attr as e,State as n,MathHelper as s,isObject as i,isNull as o,isUndefined as l,PointerEvent as a,Plugin as r,UI as c,dataType as u,Text as d,defineKey as f,getDescriptor as y,doBoundsType as S}from"@leafer-ui/core";function h(s,i){return t(s,t=>e({set(e){this.__setAttr(t,e),this.leaferIsReady?i?n.setStyleName(this,i,e):n.set(this,e):this.__layout.stateStyleChanged=!0}}))}function p(n){return t(n,t=>e({set(e){this.__setAttr(t,e),this.__layout.stateStyleChanged=!0}}))}function m(t,e){if(e&&!0!==e)return e;if(!t.button){let{parent:e}=t;for(let t=0;t<2;t++)if(e){if(e.button)return e;e=e.parent}}return null}function v(t,e){i(e)||(e=void 0),_(t,e,"in")}function b(t,e){const{normalStyle:n}=t;i(e)||(e=void 0),n&&(e||(e=n),_(t,e,"out"))}const A={};function _(t,e,i){const{normalStyle:l}=t;e||(e=A),e.scale&&(s.assignScale(e,e.scale),delete e.scale),e!==A&&n.canAnimate||(i=null);let a=!!i&&function(t,e,n){let s="in"===t?"transition":"transitionOut";"out"===t&&o(n[s])&&o(e[s])&&(s="transition");return o(e[s])?n[s]:e[s]}(i,e,t);const r=a?function(t,e){const n=P(e,t),s=t.animate();s&&P(n,t,s.fromStyle);return n}(t,e):void 0;n.canAnimate&&g(t)&&t.killAnimate("transition"),l&&t.set(l,"temp");const c=g(t);if(c){const{animation:n}=c;if(n){const s=t.animate(n,void 0,"animation",!0);Object.assign(c,s.endingStyle),"in"!==i||e.animation!==n?s.kill():a=!1,delete c.animation}t.normalStyle=O(c,t),t.set(c,"temp")}else t.normalStyle=void 0;if(a){const e=O(r,t);t.set(r,"temp"),t.animate([r,e],a,"transition",!0)}t.__layout.stateStyleChanged=!1}function g(t){let e;const s={},i=m(t),o=i?t.state||i.state:t.state,l=o&&t.states[o];l&&n.isState(o,t,i)&&(e=k(s,l));const a=s.selectedStyle||t.selectedStyle;a&&n.isSelected(t,i)&&(e=k(s,a));const r=s.placeholderStyle||t.placeholderStyle;if(r&&n.isPlacehold(t,i)&&(e=k(s,r)),n.isDisabled(t,i)){const n=s.disabledStyle||t.disabledStyle;n&&(e=k(s,n))}else{const o=s.focusStyle||t.focusStyle;o&&n.isFocus(t,i)&&(e=k(s,o));const l=s.hoverStyle||t.hoverStyle;l&&n.isHover(t,i)&&(e=k(s,l));const a=s.pressStyle||t.pressStyle;a&&n.isPress(t,i)&&(e=k(s,a))}return e?s:void 0}function O(t,e,s,i){const o=s?t:{},l=s||t;for(let t in l)i&&n.animateExcludes[t]||(o[t]=e[t]);return o}function P(t,e,n){return O(t,e,n,!0)}function k(t,e){return Object.assign(t,e),!0}function D(t,e){const n=t[e];n&&v(t,n),t.button&&x(t.children,e)}function E(t,e,n){n||(n=t.states[e]),v(t,n),t.button&&x(t.children,null,e)}function x(t,e,s){if(!t)return;let i,o;for(let a=0,r=t.length;a<r;a++){if(i=t[a],e){switch(o=!0,e){case"hoverStyle":n.isHover(i)&&(o=!1);break;case"pressStyle":n.isPress(i)&&(o=!1);break;case"focusStyle":n.isFocus(i)&&(o=!1)}o&&D(i,e)}else l(s)||E(i,s);i.isBranch&&x(i.children,e,s)}}function j(t,e){const n=t[e];n&&b(t,n),t.button&&F(t.children,e)}function C(t,e,n){b(t,n),t.button&&F(t.children,null,e)}function F(t,e,n){if(!t)return;let s;for(let i=0,o=t.length;i<o;i++)s=t[i],e?j(s,e):l(n)||C(s,n),s.isBranch&&F(s.children,e,n)}function H(t,e,n){let s;const i=e.leafer?e.leafer.interaction:null;if(i&&(s=i[t](e),!s&&n)){const o=m(e,n);o&&(s=i[t](o))}return s}function N(t,e,n){let s=e[t];if(!s&&n){const i=m(e,n);i&&(s=i[t])}return s}r.add("state"),n.animateExcludes={animation:1,animationOut:1,transition:1,transitionOut:1,states:1,state:1,placeholder:1,normalStyle:1,hoverStyle:1,pressStyle:1,focusStyle:1,selectedStyle:1,disabledStyle:1,placeholderStyle:1},n.isState=function(t,e,n){return function(t,e,n){let s=e.states[t];if(!s&&n){const i=m(e,n);i&&(s=i.states[t])}return!!s}(t,e,n)},n.isSelected=function(t,e){return N("selected",t,e)},n.isDisabled=function(t,e){return N("disabled",t,e)},n.isFocus=function(t,e){return H("isFocus",t,e)},n.isHover=function(t,e){return H("isHover",t,e)},n.isPress=function(t,e){return H("isPress",t,e)},n.isPlacehold=function(t,e){return t.__.__isPlacehold},n.isDrag=function(t,e){return H("isDrag",t,e)},n.setStyleName=function(t,e,n){n?E(t,e,t[e]):C(t,e,t[e])},n.set=function(t,e){const n=t.states[e];n?E(t,e,n):C(t,e,n)},n.getStyle=g,n.updateStyle=_,n.updateEventStyle=function(t,e){switch(e){case a.ENTER:D(t,"hoverStyle");break;case a.LEAVE:j(t,"hoverStyle");break;case a.DOWN:D(t,"pressStyle");break;case a.UP:j(t,"pressStyle")}};const w=c.prototype;c.addAttr("selected",!1,h,"selectedStyle"),c.addAttr("disabled",!1,h,"disabledStyle"),c.addAttr("states",{},p),c.addAttr("state","",h),c.addAttr("normalStyle",void 0,u),c.addAttr("hoverStyle",void 0,p),c.addAttr("pressStyle",void 0,p),c.addAttr("focusStyle",void 0,p),c.addAttr("selectedStyle",void 0,p),c.addAttr("disabledStyle",void 0,p),c.addAttr("placeholderStyle",void 0,p),c.addAttr("button",!1,u),w.focus=function(t=!0){this.waitLeafer(()=>{let{focusData:e}=this.app.interaction;t?(e&&e.focus(!1),e=this):e=null,this.app.interaction.focusData=e,t?D(this,"focusStyle"):j(this,"focusStyle")})},w.updateState=function(){n.updateStyle(this,void 0,"in")};const B=d.prototype,L="text";f(B,L,Object.assign(Object.assign({},y(B,L)),{set(t){const e=this,n=e.text;e.__setAttr(L,t)&&(S(e),e.placeholderStyle&&e.placeholder&&(""===n||""===t)&&(e.__layout.stateStyleChanged=!0))}}));export{p as stateStyleType,h as stateType};
 //# sourceMappingURL=state.esm.min.js.map