diff --git a/Button.html b/Button.html index 7128a369..1fd723c6 100644 --- a/Button.html +++ b/Button.html @@ -458,6 +458,10 @@

PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -3062,7 +3066,7 @@

    diff --git a/ButtonContainer.html b/ButtonContainer.html index a7b89ecc..dbc1e584 100644 --- a/ButtonContainer.html +++ b/ButtonContainer.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -1435,7 +1439,7 @@

    Extends

    diff --git a/ButtonEvents.html b/ButtonEvents.html index ad7daa59..7b1b85e7 100644 --- a/ButtonEvents.html +++ b/ButtonEvents.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2582,7 +2586,7 @@

    diff --git a/CheckBox.html b/CheckBox.html index 82577177..cb5743ac 100644 --- a/CheckBox.html +++ b/CheckBox.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2898,7 +2902,7 @@

    diff --git a/CircularProgressBar.html b/CircularProgressBar.html index 7625de14..965d4aae 100644 --- a/CircularProgressBar.html +++ b/CircularProgressBar.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -1967,7 +1971,7 @@

    diff --git a/DoubleSlider.html b/DoubleSlider.html index 2c8cb47a..91b10e57 100644 --- a/DoubleSlider.html +++ b/DoubleSlider.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -3295,7 +3299,7 @@

    diff --git a/DragObject.html b/DragObject.html index 9e70c8a2..b7b5b7cf 100644 --- a/DragObject.html +++ b/DragObject.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -1420,7 +1424,7 @@

    Extends

    diff --git a/FancyButton.html b/FancyButton.html index 688861ac..20eb43c9 100644 --- a/FancyButton.html +++ b/FancyButton.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2329,6 +2333,108 @@

    + + + + + + + + + +
    +
    +

    + + contentFittingMode + + + + + +

    +
    +
    +
    + + +
    +

    Sets the fitting mode for the button's content.

    +
    + + + +
    + + + + + + + + + + + + + + + + + + + + + +
    + + + +
    + + + +
    +
    +

    + + contentFittingMode + ContentFittingMode + + + + +

    +
    +
    +
    + +

    Returns the fitting mode for the button's content, defaulting to 'default'.

    + + + + +
    + + + + + + + + + + + + + + + + + + + +
    @@ -5702,7 +5808,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/Input.html b/Input.html index 38be77e8..45b57caf 100644 --- a/Input.html +++ b/Input.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2518,7 +2522,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/List.html b/List.html index 7781d08e..63df54a2 100644 --- a/List.html +++ b/List.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2861,7 +2865,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/MaskedFrame.html b/MaskedFrame.html index f12e20cb..e2920648 100644 --- a/MaskedFrame.html +++ b/MaskedFrame.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2098,7 +2102,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/ProgressBar.html b/ProgressBar.html index b78e9a2f..f5511ad7 100644 --- a/ProgressBar.html +++ b/ProgressBar.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2794,7 +2798,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/RadioGroup.html b/RadioGroup.html index 60c85442..e08ce29c 100644 --- a/RadioGroup.html +++ b/RadioGroup.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2143,7 +2147,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/ScrollBox.html b/ScrollBox.html index cb58937f..58093c34 100644 --- a/ScrollBox.html +++ b/ScrollBox.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -4311,7 +4315,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/Select.html b/Select.html index 3c6e7bd7..a5103157 100644 --- a/Select.html +++ b/Select.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2345,7 +2349,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/Slider.html b/Slider.html index e3d6f85f..5ca23c64 100644 --- a/Slider.html +++ b/Slider.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -3151,7 +3155,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/SliderBase.html b/SliderBase.html index 6c0cc067..d821e46c 100644 --- a/SliderBase.html +++ b/SliderBase.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2983,7 +2987,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/Switcher.html b/Switcher.html index 1e4b966b..89aa0860 100644 --- a/Switcher.html +++ b/Switcher.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -2696,7 +2700,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/Trackpad.html b/Trackpad.html index 2b1987f8..2eef3d9c 100644 --- a/Trackpad.html +++ b/Trackpad.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -1412,7 +1416,7 @@

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/index.html b/index.html index 4fb808f9..4b7d8943 100644 --- a/index.html +++ b/index.html @@ -458,6 +458,10 @@

    PixiJS UI

  • anchor
    • +
  • contentFittingMode
    • + +
  • contentFittingMode
    • +
  • defaultIconAnchor
  • defaultIconAnchor
    • @@ -1407,7 +1411,7 @@

    Known Issues

    - Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:38:14 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Wed Nov 27 2024 12:48:08 GMT+0000 (Coordinated Universal Time)
    diff --git a/storybook/4808.bab753b3.iframe.bundle.js b/storybook/4808.2fe50357.iframe.bundle.js similarity index 60% rename from storybook/4808.bab753b3.iframe.bundle.js rename to storybook/4808.2fe50357.iframe.bundle.js index 0758289d..09a6330c 100644 --- a/storybook/4808.bab753b3.iframe.bundle.js +++ b/storybook/4808.2fe50357.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[4808],{"./src/Button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>Button,E:()=>ButtonContainer});var lib=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperties(target,props){for(var i=0;i{__webpack_require__.d(__webpack_exports__,{w:()=>FancyButton});var lib=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),tweedle_es=__webpack_require__("./node_modules/tweedle.js/dist/tweedle.es.js"),Button=__webpack_require__("./src/Button.ts");function fitToView(parent,child){var padding=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,uniformScaling=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],scaleX=child.scale.x,scaleY=child.scale.y;if(!parent)throw new Error("Parent is not defined");var maxWidth=parent.width-2*padding,maxHeight=parent.height-2*padding,widthOverflow=maxWidth-Math.round(child.width),heightOverflow=maxHeight-Math.round(child.height);if(widthOverflow<0&&(scaleX=maxWidth/(child.width/scaleX)),heightOverflow<0&&(scaleY=maxHeight/(child.height/scaleY)),scaleX<=0||scaleY<=0)child.scale.set(0);else if(uniformScaling||child.scale.x===child.scale.y){var scale=Math.min(scaleX,scaleY);child.scale.set(scale,scale)}else{var ratio=child.scale.x/child.scale.y;widthOverflow1&&void 0!==arguments[1]&&arguments[1]||this.state!==newState){var currentView=this.getStateView(this.state);currentView&&(currentView.visible=!1),this.state=newState;var activeView=this.getStateView(newState);activeView&&(this.setOffset(activeView,newState,this.offset),activeView.visible=!0),this.updateAnchor(),this.playAnimations(newState)}}},{key:"createTextView",value:function createTextView(text){var _this$options;if(this._views.textView=function getTextView(text){return"string"==typeof text||"number"==typeof text?new lib.EYj({text:String(text)}):text}(text),void 0===(null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.defaultTextScale)){var _this$_views$textView2=this._views.textView.scale,x=_this$_views$textView2.x,y=_this$_views$textView2.y;this._defaultTextScale={x,y}}this.innerView.addChild(this._views.textView),this.adjustTextView(this.state)}},{key:"setOffset",value:function setOffset(view,state,offset){var _stateOffset$x,_stateOffset$y,stateOffset=offset?offset[state]:{x:0,y:0},defaultStateOffset=null==offset?void 0:offset.default;if(stateOffset)view.x+=null!==(_stateOffset$x=stateOffset.x)&&void 0!==_stateOffset$x?_stateOffset$x:0,view.y+=null!==(_stateOffset$y=stateOffset.y)&&void 0!==_stateOffset$y?_stateOffset$y:0;else if(defaultStateOffset){var _defaultStateOffset$x,_defaultStateOffset$y;view.x+=null!==(_defaultStateOffset$x=defaultStateOffset.x)&&void 0!==_defaultStateOffset$x?_defaultStateOffset$x:0,view.y+=null!==(_defaultStateOffset$y=defaultStateOffset.y)&&void 0!==_defaultStateOffset$y?_defaultStateOffset$y:0}else if(offset.x||offset.y){var _offset$x,_offset$y;view.x+=null!==(_offset$x=offset.x)&&void 0!==_offset$x?_offset$x:0,view.y+=null!==(_offset$y=offset.y)&&void 0!==_offset$y?_offset$y:0}}},{key:"getStateView",value:function getStateView(state){var _ref4,_this$_views$hoverVie,_ref5,_ref6,_this$_views$pressedV,_ref7,_this$_views$disabled,_this$_views$defaultV;if(this._views)switch(state){case"hover":return null!==(_ref4=null!==(_this$_views$hoverVie=this._views.hoverView)&&void 0!==_this$_views$hoverVie?_this$_views$hoverVie:this._views.defaultView)&&void 0!==_ref4?_ref4:void 0;case"pressed":return null!==(_ref5=null!==(_ref6=null!==(_this$_views$pressedV=this._views.pressedView)&&void 0!==_this$_views$pressedV?_this$_views$pressedV:this._views.hoverView)&&void 0!==_ref6?_ref6:this._views.defaultView)&&void 0!==_ref5?_ref5:void 0;case"disabled":return null!==(_ref7=null!==(_this$_views$disabled=this._views.disabledView)&&void 0!==_this$_views$disabled?_this$_views$disabled:this._views.defaultView)&&void 0!==_ref7?_ref7:void 0;case"default":return null!==(_this$_views$defaultV=this._views.defaultView)&&void 0!==_this$_views$defaultV?_this$_views$defaultV:void 0;default:return}}},{key:"adjustTextView",value:function adjustTextView(state){if(this.text){var _this$options2,activeView=this.getStateView(this.state),_this$_defaultTextAnc=this._defaultTextAnchor,anchorX=_this$_defaultTextAnc.x,anchorY=_this$_defaultTextAnc.y;if(activeView)null!==(_this$options2=this.options)&&void 0!==_this$options2&&_this$options2.ignoreRefitting||this._views.textView.scale.set(this._defaultTextScale.x,this._defaultTextScale.y),fitToView(activeView,this._views.textView,this.padding,!1),this._views.textView.x=activeView.x+activeView.width/2,this._views.textView.y=activeView.y+activeView.height/2;this._views.textView.anchor.set(anchorX,anchorY),this.setOffset(this._views.textView,state,this.textOffset)}}},{key:"adjustIconView",value:function adjustIconView(state){var _this$options3;if(this._views.iconView){var activeView=this.getStateView(state);if(activeView){null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.ignoreRefitting||this._views.iconView.scale.set(this._defaultIconScale.x,this._defaultIconScale.y);var _this$_defaultIconAnc=this._defaultIconAnchor,anchorX=_this$_defaultIconAnc.x,anchorY=_this$_defaultIconAnc.y;fitToView(activeView,this._views.iconView,this.padding,!1),"anchor"in this._views.iconView?this._views.iconView.anchor.set(anchorX,anchorY):this._views.iconView.pivot.set(anchorX*(this._views.iconView.width/this._views.iconView.scale.x),anchorY*(this._views.iconView.height/this._views.iconView.scale.y)),this._views.iconView.x=activeView.x+activeView.width/2,this._views.iconView.y=activeView.y+activeView.height/2,this.setOffset(this._views.iconView,state,this.iconOffset)}}}},{key:"updateAnchor",value:function updateAnchor(){var _this$anchor$x,_this$anchor$y;if(this._views){var anchorX=null!==(_this$anchor$x=this.anchor.x)&&void 0!==_this$anchor$x?_this$anchor$x:0,anchorY=null!==(_this$anchor$y=this.anchor.y)&&void 0!==_this$anchor$y?_this$anchor$y:0;if([this._views.defaultView,this._views.hoverView,this._views.pressedView,this._views.disabledView].forEach((function(view){var _anchor;view&&(null===(_anchor=view.anchor)||void 0===_anchor||_anchor.set(0),view.x=-view.width*anchorX,view.y=-view.height*anchorY)})),this._views.defaultView){var _this$_views$defaultV2=this._views.defaultView,x=_this$_views$defaultV2.x,y=_this$_views$defaultV2.y,width=_this$_views$defaultV2.width,height=_this$_views$defaultV2.height;this.hitArea=new lib.M_G(x,y,width,height)}this.adjustIconView(this.state),this.adjustTextView(this.state)}}},{key:"defaultView",get:function get(){return this._views.defaultView},set:function set(view){this.updateView("defaultView",view)}},{key:"hoverView",get:function get(){return this._views.hoverView},set:function set(view){this.updateView("hoverView",view),this._views.hoverView&&"hover"!==this.state&&(this._views.hoverView.visible=!1)}},{key:"pressedView",get:function get(){return this._views.pressedView},set:function set(view){this.updateView("pressedView",view),this._views.pressedView&&(this._views.pressedView.visible=!1)}},{key:"disabledView",get:function get(){return this._views.disabledView},set:function set(view){this.updateView("disabledView",view),this._views.disabledView&&(this._views.disabledView.visible=!1)}},{key:"updateView",value:function updateView(viewType,view){var _this$options4;void 0!==view&&(this.removeView(viewType),null!==view&&(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSliceSprite&&("string"==typeof view?this._views[viewType]=new lib.QL7({texture:lib.gPd.from(view),leftWidth:this.options.nineSliceSprite[0],topHeight:this.options.nineSliceSprite[1],rightWidth:this.options.nineSliceSprite[2],bottomHeight:this.options.nineSliceSprite[3]}):view instanceof lib.gPd?this._views[viewType]=new lib.QL7({texture:view,leftWidth:this.options.nineSliceSprite[0],topHeight:this.options.nineSliceSprite[1],rightWidth:this.options.nineSliceSprite[2],bottomHeight:this.options.nineSliceSprite[3]}):console.warn("NineSliceSprite can not be used with views set as Container.")),this._views[viewType]||(this._views[viewType]=(0,helpers_view.K)(view)),this.setOffset(this._views[viewType],this.state,this.offset),this._views[viewType].parent||this.innerView.addChild(this._views[viewType]),this.updateAnchor(),this._views.iconView&&this.innerView.addChild(this._views.iconView),this._views.textView&&this.innerView.addChild(this._views.textView),this.setState(this.state,!0)))}},{key:"removeView",value:function removeView(viewType){this._views[viewType]&&(this.innerView.removeChild(this._views[viewType]),this._views[viewType]=null)}},{key:"textView",get:function get(){return this._views.textView},set:function set(textView){void 0!==textView&&(this.removeView("textView"),null!==textView&&this.createTextView(textView))}},{key:"iconView",get:function get(){return this._views.iconView},set:function set(view){var _this$options5;if(void 0!==view&&(this.removeView("iconView"),null!==view)){if(this._views.iconView=(0,helpers_view.K)(view),void 0===(null===(_this$options5=this.options)||void 0===_this$options5?void 0:_this$options5.defaultIconScale)){var _this$_views$iconView=this._views.iconView.scale,x=_this$_views$iconView.x,y=_this$_views$iconView.y;this._defaultIconScale={x,y}}this._views.iconView.parent||this.innerView.addChild(this._views.iconView),this.setState(this.state,!0)}}},{key:"playAnimations",value:function playAnimations(state){var _this$animations$stat;if(this.animations){if("default"===state&&!this.originalInnerViewState){var _this$animations;this.originalInnerViewState={x:this.innerView.x,y:this.innerView.y,width:this.innerView.width,height:this.innerView.height,scale:{x:this.innerView.scale.x,y:this.innerView.scale.y}};var _defaultStateAnimatio,_defaultStateAnimatio2,_defaultStateAnimatio3,_defaultStateAnimatio4,_defaultStateAnimatio5,_defaultStateAnimatio6,defaultStateAnimation=null===(_this$animations=this.animations)||void 0===_this$animations?void 0:_this$animations.default;if(defaultStateAnimation)return this.innerView.x=null!==(_defaultStateAnimatio=defaultStateAnimation.props.x)&&void 0!==_defaultStateAnimatio?_defaultStateAnimatio:this.originalInnerViewState.x,this.innerView.y=null!==(_defaultStateAnimatio2=defaultStateAnimation.props.y)&&void 0!==_defaultStateAnimatio2?_defaultStateAnimatio2:this.originalInnerViewState.y,this.innerView.width=null!==(_defaultStateAnimatio3=defaultStateAnimation.props.width)&&void 0!==_defaultStateAnimatio3?_defaultStateAnimatio3:this.originalInnerViewState.width,this.innerView.height=null!==(_defaultStateAnimatio4=defaultStateAnimation.props.height)&&void 0!==_defaultStateAnimatio4?_defaultStateAnimatio4:this.originalInnerViewState.height,this.innerView.scale.x=null!==(_defaultStateAnimatio5=defaultStateAnimation.props.scale.x)&&void 0!==_defaultStateAnimatio5?_defaultStateAnimatio5:this.originalInnerViewState.scale.x,void(this.innerView.scale.y=null!==(_defaultStateAnimatio6=defaultStateAnimation.props.scale.y)&&void 0!==_defaultStateAnimatio6?_defaultStateAnimatio6:this.originalInnerViewState.scale.y)}var stateAnimation=null!==(_this$animations$stat=this.animations[state])&&void 0!==_this$animations$stat?_this$animations$stat:this.animations.default;if(stateAnimation){var data=stateAnimation;return this.defaultDuration=data.duration,void new tweedle_es.K(this.innerView).to(data.props,data.duration).start()}new tweedle_es.K(this.innerView).to(this.originalInnerViewState,this.defaultDuration).start()}}},{key:"initStateControl",value:function initStateControl(){var _this2=this;this.onDown.connect((function(){_this2.setState("pressed")})),this.onUp.connect((function(){lib.FrL.any?_this2.setState("default"):_this2.setState("hover")})),this.onUpOut.connect((function(){_this2.setState("default")})),this.onOut.connect((function(){_this2.button.isDown||_this2.setState("default")})),this.onPress.connect((function(){lib.FrL.any?_this2.setState("default"):_this2.setState("hover")})),this.onHover.connect((function(){_this2.button.isDown||(lib.FrL.any?_this2.setState("default"):_this2.setState("hover"))}))}},{key:"padding",get:function get(){return this._padding},set:function set(padding){this._padding=padding,this.adjustTextView(this.state),this.adjustIconView(this.state)}},{key:"offset",get:function get(){return this._offset},set:function set(offset){this._offset=offset,this.updateAnchor()}},{key:"textOffset",get:function get(){return this._textOffset},set:function set(textOffset){this._textOffset=textOffset,this.adjustTextView(this.state)}},{key:"defaultTextScale",get:function get(){return this.defaultTextScale},set:function set(scale){var _scale$x,_scale$y;if(void 0!==scale){this.options.defaultTextScale=scale;var isNumber="number"==typeof scale;this._defaultTextScale.x=isNumber?scale:null!==(_scale$x=scale.x)&&void 0!==_scale$x?_scale$x:1,this._defaultTextScale.y=isNumber?scale:null!==(_scale$y=scale.y)&&void 0!==_scale$y?_scale$y:1,this.adjustTextView(this.state)}}},{key:"defaultIconScale",get:function get(){return this.defaultIconScale},set:function set(scale){var _scale$x2,_scale$y2;if(void 0!==scale){this.options.defaultIconScale=scale;var isNumber="number"==typeof scale;this._defaultIconScale.x=isNumber?scale:null!==(_scale$x2=scale.x)&&void 0!==_scale$x2?_scale$x2:1,this._defaultIconScale.y=isNumber?scale:null!==(_scale$y2=scale.y)&&void 0!==_scale$y2?_scale$y2:1,this.adjustIconView(this.state)}}},{key:"defaultTextAnchor",get:function get(){return this.defaultTextAnchor},set:function set(anchor){var _anchor$x,_anchor$y;if(void 0!==anchor){this.options.defaultTextAnchor=anchor;var isNumber="number"==typeof anchor;this._defaultTextAnchor.x=isNumber?anchor:null!==(_anchor$x=anchor.x)&&void 0!==_anchor$x?_anchor$x:1,this._defaultTextAnchor.y=isNumber?anchor:null!==(_anchor$y=anchor.y)&&void 0!==_anchor$y?_anchor$y:1,this.adjustTextView(this.state)}}},{key:"defaultIconAnchor",get:function get(){return this.defaultIconAnchor},set:function set(anchor){var _anchor$x2,_anchor$y2;if(void 0!==anchor){this.options.defaultIconAnchor=anchor;var isNumber="number"==typeof anchor;this._defaultIconAnchor.x=isNumber?anchor:null!==(_anchor$x2=anchor.x)&&void 0!==_anchor$x2?_anchor$x2:1,this._defaultIconAnchor.y=isNumber?anchor:null!==(_anchor$y2=anchor.y)&&void 0!==_anchor$y2?_anchor$y2:1,this.adjustIconView(this.state)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"width",this)},set:function set(width){var _this$options6;null!==(_this$options6=this.options)&&void 0!==_this$options6&&_this$options6.nineSliceSprite?(this._views.defaultView&&(this._views.defaultView.width=width),this._views.hoverView&&(this._views.hoverView.width=width),this._views.pressedView&&(this._views.pressedView.width=width),this._views.disabledView&&(this._views.disabledView.width=width),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_set(_getPrototypeOf(FancyButton.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"height",this)},set:function set(height){var _this$options7;null!==(_this$options7=this.options)&&void 0!==_this$options7&&_this$options7.nineSliceSprite?(this._views.defaultView&&(this._views.defaultView.height=height),this._views.hoverView&&(this._views.hoverView.height=height),this._views.pressedView&&(this._views.pressedView.height=height),this._views.disabledView&&(this._views.disabledView.height=height),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_set(_getPrototypeOf(FancyButton.prototype),"height",height,this,!0)}},{key:"setSize",value:function setSize(value,height){var _this$options8;null!==(_this$options8=this.options)&&void 0!==_this$options8&&_this$options8.nineSliceSprite?(this._views.defaultView&&this._views.defaultView.setSize(value,height),this._views.hoverView&&this._views.hoverView.setSize(value,height),this._views.pressedView&&this._views.pressedView.setSize(value,height),this._views.disabledView&&this._views.disabledView.setSize(value,height),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_get(_getPrototypeOf(FancyButton.prototype),"setSize",this).call(this,value,height)}}]),FancyButton}(Button.E)}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[4808],{"./src/Button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>Button,E:()=>ButtonContainer});var lib=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperties(target,props){for(var i=0;i{__webpack_require__.d(__webpack_exports__,{w:()=>FancyButton});var lib=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),tweedle_es=__webpack_require__("./node_modules/tweedle.js/dist/tweedle.es.js"),Button=__webpack_require__("./src/Button.ts");function fitToView(parent,child){var padding=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,uniformScaling=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],scaleX=child.scale.x,scaleY=child.scale.y;if(!parent)throw new Error("Parent is not defined");var maxWidth=parent.width-2*padding,maxHeight=parent.height-2*padding,widthOverflow=maxWidth-Math.round(child.width),heightOverflow=maxHeight-Math.round(child.height);if(widthOverflow<0&&(scaleX=maxWidth/(child.width/scaleX)),heightOverflow<0&&(scaleY=maxHeight/(child.height/scaleY)),scaleX<=0||scaleY<=0)child.scale.set(0);else if(uniformScaling||child.scale.x===child.scale.y){var scale=Math.min(scaleX,scaleY);child.scale.set(scale,scale)}else{var ratio=child.scale.x/child.scale.y;widthOverflow1&&void 0!==arguments[1]&&arguments[1]||this.state!==newState){var currentView=this.getStateView(this.state);currentView&&(currentView.visible=!1),this.state=newState;var activeView=this.getStateView(newState);activeView&&(this.setOffset(activeView,newState,this.offset),activeView.visible=!0),this.updateAnchor(),this.playAnimations(newState)}}},{key:"createTextView",value:function createTextView(text){var _this$options;if(this._views.textView=function getTextView(text){return"string"==typeof text||"number"==typeof text?new lib.EYj({text:String(text)}):text}(text),void 0===(null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.defaultTextScale)){var _this$_views$textView2=this._views.textView.scale,x=_this$_views$textView2.x,y=_this$_views$textView2.y;this._defaultTextScale={x,y}}this.innerView.addChild(this._views.textView),this.adjustTextView(this.state)}},{key:"setOffset",value:function setOffset(view,state,offset){var _stateOffset$x,_stateOffset$y,stateOffset=offset?offset[state]:{x:0,y:0},defaultStateOffset=null==offset?void 0:offset.default;if(stateOffset)view.x+=null!==(_stateOffset$x=stateOffset.x)&&void 0!==_stateOffset$x?_stateOffset$x:0,view.y+=null!==(_stateOffset$y=stateOffset.y)&&void 0!==_stateOffset$y?_stateOffset$y:0;else if(defaultStateOffset){var _defaultStateOffset$x,_defaultStateOffset$y;view.x+=null!==(_defaultStateOffset$x=defaultStateOffset.x)&&void 0!==_defaultStateOffset$x?_defaultStateOffset$x:0,view.y+=null!==(_defaultStateOffset$y=defaultStateOffset.y)&&void 0!==_defaultStateOffset$y?_defaultStateOffset$y:0}else if(offset.x||offset.y){var _offset$x,_offset$y;view.x+=null!==(_offset$x=offset.x)&&void 0!==_offset$x?_offset$x:0,view.y+=null!==(_offset$y=offset.y)&&void 0!==_offset$y?_offset$y:0}}},{key:"getStateView",value:function getStateView(state){var _ref4,_this$_views$hoverVie,_ref5,_ref6,_this$_views$pressedV,_ref7,_this$_views$disabled,_this$_views$defaultV;if(this._views)switch(state){case"hover":return null!==(_ref4=null!==(_this$_views$hoverVie=this._views.hoverView)&&void 0!==_this$_views$hoverVie?_this$_views$hoverVie:this._views.defaultView)&&void 0!==_ref4?_ref4:void 0;case"pressed":return null!==(_ref5=null!==(_ref6=null!==(_this$_views$pressedV=this._views.pressedView)&&void 0!==_this$_views$pressedV?_this$_views$pressedV:this._views.hoverView)&&void 0!==_ref6?_ref6:this._views.defaultView)&&void 0!==_ref5?_ref5:void 0;case"disabled":return null!==(_ref7=null!==(_this$_views$disabled=this._views.disabledView)&&void 0!==_this$_views$disabled?_this$_views$disabled:this._views.defaultView)&&void 0!==_ref7?_ref7:void 0;case"default":return null!==(_this$_views$defaultV=this._views.defaultView)&&void 0!==_this$_views$defaultV?_this$_views$defaultV:void 0;default:return}}},{key:"adjustTextView",value:function adjustTextView(state){if(this.text){var activeView=this.getStateView(this.state),_this$_defaultTextAnc=this._defaultTextAnchor,anchorX=_this$_defaultTextAnc.x,anchorY=_this$_defaultTextAnc.y;if(activeView){if(this.options.ignoreRefitting||this._views.textView.scale.set(this._defaultTextScale.x,this._defaultTextScale.y),"default"===this.contentFittingMode&&fitToView(activeView,this._views.textView,this.padding,!1),"fill"===this.contentFittingMode){this._views.textView.scale.set(1);var availableWidth=activeView.width-2*this.padding,availableHeight=activeView.height-2*this.padding,targetScaleX=availableWidth/this._views.textView.width,targetScaleY=availableHeight/this._views.textView.height,scale=Math.min(targetScaleX,targetScaleY);this._views.textView.scale.set(scale*this._defaultTextScale.x,scale*this._defaultTextScale.y)}this._views.textView.x=activeView.x+activeView.width/2,this._views.textView.y=activeView.y+activeView.height/2}this._views.textView.anchor.set(anchorX,anchorY),this.setOffset(this._views.textView,state,this.textOffset)}}},{key:"adjustIconView",value:function adjustIconView(state){if(this._views.iconView){var activeView=this.getStateView(state);if(activeView){if(this.options.ignoreRefitting||this._views.iconView.scale.set(this._defaultIconScale.x,this._defaultIconScale.y),"default"===this.contentFittingMode&&fitToView(activeView,this._views.iconView,this.padding,!1),"fill"===this.contentFittingMode){this._views.iconView.scale.set(1);var availableWidth=activeView.width-2*this.padding,availableHeight=activeView.height-2*this.padding,targetScaleX=availableWidth/this._views.iconView.width,targetScaleY=availableHeight/this._views.iconView.height,scale=Math.min(targetScaleX,targetScaleY);this._views.iconView.scale.set(scale*this._defaultIconScale.x,scale*this._defaultIconScale.y)}var _this$_defaultIconAnc=this._defaultIconAnchor,anchorX=_this$_defaultIconAnc.x,anchorY=_this$_defaultIconAnc.y;"anchor"in this._views.iconView?this._views.iconView.anchor.set(anchorX,anchorY):this._views.iconView.pivot.set(anchorX*(this._views.iconView.width/this._views.iconView.scale.x),anchorY*(this._views.iconView.height/this._views.iconView.scale.y)),this._views.iconView.x=activeView.x+activeView.width/2,this._views.iconView.y=activeView.y+activeView.height/2,this.setOffset(this._views.iconView,state,this.iconOffset)}}}},{key:"updateAnchor",value:function updateAnchor(){var _this$anchor$x,_this$anchor$y;if(this._views){var anchorX=null!==(_this$anchor$x=this.anchor.x)&&void 0!==_this$anchor$x?_this$anchor$x:0,anchorY=null!==(_this$anchor$y=this.anchor.y)&&void 0!==_this$anchor$y?_this$anchor$y:0;if([this._views.defaultView,this._views.hoverView,this._views.pressedView,this._views.disabledView].forEach((function(view){var _anchor;view&&(null===(_anchor=view.anchor)||void 0===_anchor||_anchor.set(0),view.x=-view.width*anchorX,view.y=-view.height*anchorY)})),this._views.defaultView){var _this$_views$defaultV2=this._views.defaultView,x=_this$_views$defaultV2.x,y=_this$_views$defaultV2.y,width=_this$_views$defaultV2.width,height=_this$_views$defaultV2.height;this.hitArea=new lib.M_G(x,y,width,height)}this.adjustIconView(this.state),this.adjustTextView(this.state)}}},{key:"contentFittingMode",get:function get(){var _this$options$content;return null!==(_this$options$content=this.options.contentFittingMode)&&void 0!==_this$options$content?_this$options$content:"default"},set:function set(mode){this.options.contentFittingMode=mode}},{key:"defaultView",get:function get(){return this._views.defaultView},set:function set(view){this.updateView("defaultView",view)}},{key:"hoverView",get:function get(){return this._views.hoverView},set:function set(view){this.updateView("hoverView",view),this._views.hoverView&&"hover"!==this.state&&(this._views.hoverView.visible=!1)}},{key:"pressedView",get:function get(){return this._views.pressedView},set:function set(view){this.updateView("pressedView",view),this._views.pressedView&&(this._views.pressedView.visible=!1)}},{key:"disabledView",get:function get(){return this._views.disabledView},set:function set(view){this.updateView("disabledView",view),this._views.disabledView&&(this._views.disabledView.visible=!1)}},{key:"updateView",value:function updateView(viewType,view){var _this$options2;void 0!==view&&(this.removeView(viewType),null!==view&&(null!==(_this$options2=this.options)&&void 0!==_this$options2&&_this$options2.nineSliceSprite&&("string"==typeof view?this._views[viewType]=new lib.QL7({texture:lib.gPd.from(view),leftWidth:this.options.nineSliceSprite[0],topHeight:this.options.nineSliceSprite[1],rightWidth:this.options.nineSliceSprite[2],bottomHeight:this.options.nineSliceSprite[3]}):view instanceof lib.gPd?this._views[viewType]=new lib.QL7({texture:view,leftWidth:this.options.nineSliceSprite[0],topHeight:this.options.nineSliceSprite[1],rightWidth:this.options.nineSliceSprite[2],bottomHeight:this.options.nineSliceSprite[3]}):console.warn("NineSliceSprite can not be used with views set as Container.")),this._views[viewType]||(this._views[viewType]=(0,helpers_view.K)(view)),this.setOffset(this._views[viewType],this.state,this.offset),this._views[viewType].parent||this.innerView.addChild(this._views[viewType]),this.updateAnchor(),this._views.iconView&&this.innerView.addChild(this._views.iconView),this._views.textView&&this.innerView.addChild(this._views.textView),this.setState(this.state,!0)))}},{key:"removeView",value:function removeView(viewType){this._views[viewType]&&(this.innerView.removeChild(this._views[viewType]),this._views[viewType]=null)}},{key:"textView",get:function get(){return this._views.textView},set:function set(textView){void 0!==textView&&(this.removeView("textView"),null!==textView&&this.createTextView(textView))}},{key:"iconView",get:function get(){return this._views.iconView},set:function set(view){var _this$options3;if(void 0!==view&&(this.removeView("iconView"),null!==view)){if(this._views.iconView=(0,helpers_view.K)(view),void 0===(null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.defaultIconScale)){var _this$_views$iconView=this._views.iconView.scale,x=_this$_views$iconView.x,y=_this$_views$iconView.y;this._defaultIconScale={x,y}}this._views.iconView.parent||this.innerView.addChild(this._views.iconView),this.setState(this.state,!0)}}},{key:"playAnimations",value:function playAnimations(state){var _this$animations$stat;if(this.animations){if("default"===state&&!this.originalInnerViewState){var _this$animations;this.originalInnerViewState={x:this.innerView.x,y:this.innerView.y,width:this.innerView.width,height:this.innerView.height,scale:{x:this.innerView.scale.x,y:this.innerView.scale.y}};var _defaultStateAnimatio,_defaultStateAnimatio2,_defaultStateAnimatio3,_defaultStateAnimatio4,_defaultStateAnimatio5,_defaultStateAnimatio6,defaultStateAnimation=null===(_this$animations=this.animations)||void 0===_this$animations?void 0:_this$animations.default;if(defaultStateAnimation)return this.innerView.x=null!==(_defaultStateAnimatio=defaultStateAnimation.props.x)&&void 0!==_defaultStateAnimatio?_defaultStateAnimatio:this.originalInnerViewState.x,this.innerView.y=null!==(_defaultStateAnimatio2=defaultStateAnimation.props.y)&&void 0!==_defaultStateAnimatio2?_defaultStateAnimatio2:this.originalInnerViewState.y,this.innerView.width=null!==(_defaultStateAnimatio3=defaultStateAnimation.props.width)&&void 0!==_defaultStateAnimatio3?_defaultStateAnimatio3:this.originalInnerViewState.width,this.innerView.height=null!==(_defaultStateAnimatio4=defaultStateAnimation.props.height)&&void 0!==_defaultStateAnimatio4?_defaultStateAnimatio4:this.originalInnerViewState.height,this.innerView.scale.x=null!==(_defaultStateAnimatio5=defaultStateAnimation.props.scale.x)&&void 0!==_defaultStateAnimatio5?_defaultStateAnimatio5:this.originalInnerViewState.scale.x,void(this.innerView.scale.y=null!==(_defaultStateAnimatio6=defaultStateAnimation.props.scale.y)&&void 0!==_defaultStateAnimatio6?_defaultStateAnimatio6:this.originalInnerViewState.scale.y)}var stateAnimation=null!==(_this$animations$stat=this.animations[state])&&void 0!==_this$animations$stat?_this$animations$stat:this.animations.default;if(stateAnimation){var data=stateAnimation;return this.defaultDuration=data.duration,void new tweedle_es.K(this.innerView).to(data.props,data.duration).start()}new tweedle_es.K(this.innerView).to(this.originalInnerViewState,this.defaultDuration).start()}}},{key:"initStateControl",value:function initStateControl(){var _this2=this;this.onDown.connect((function(){_this2.setState("pressed")})),this.onUp.connect((function(){lib.FrL.any?_this2.setState("default"):_this2.setState("hover")})),this.onUpOut.connect((function(){_this2.setState("default")})),this.onOut.connect((function(){_this2.button.isDown||_this2.setState("default")})),this.onPress.connect((function(){lib.FrL.any?_this2.setState("default"):_this2.setState("hover")})),this.onHover.connect((function(){_this2.button.isDown||(lib.FrL.any?_this2.setState("default"):_this2.setState("hover"))}))}},{key:"padding",get:function get(){return this._padding},set:function set(padding){this._padding=padding,this.adjustTextView(this.state),this.adjustIconView(this.state)}},{key:"offset",get:function get(){return this._offset},set:function set(offset){this._offset=offset,this.updateAnchor()}},{key:"textOffset",get:function get(){return this._textOffset},set:function set(textOffset){this._textOffset=textOffset,this.adjustTextView(this.state)}},{key:"defaultTextScale",get:function get(){return this.defaultTextScale},set:function set(scale){var _scale$x,_scale$y;if(void 0!==scale){this.options.defaultTextScale=scale;var isNumber="number"==typeof scale;this._defaultTextScale.x=isNumber?scale:null!==(_scale$x=scale.x)&&void 0!==_scale$x?_scale$x:1,this._defaultTextScale.y=isNumber?scale:null!==(_scale$y=scale.y)&&void 0!==_scale$y?_scale$y:1,this.adjustTextView(this.state)}}},{key:"defaultIconScale",get:function get(){return this.defaultIconScale},set:function set(scale){var _scale$x2,_scale$y2;if(void 0!==scale){this.options.defaultIconScale=scale;var isNumber="number"==typeof scale;this._defaultIconScale.x=isNumber?scale:null!==(_scale$x2=scale.x)&&void 0!==_scale$x2?_scale$x2:1,this._defaultIconScale.y=isNumber?scale:null!==(_scale$y2=scale.y)&&void 0!==_scale$y2?_scale$y2:1,this.adjustIconView(this.state)}}},{key:"defaultTextAnchor",get:function get(){return this.defaultTextAnchor},set:function set(anchor){var _anchor$x,_anchor$y;if(void 0!==anchor){this.options.defaultTextAnchor=anchor;var isNumber="number"==typeof anchor;this._defaultTextAnchor.x=isNumber?anchor:null!==(_anchor$x=anchor.x)&&void 0!==_anchor$x?_anchor$x:1,this._defaultTextAnchor.y=isNumber?anchor:null!==(_anchor$y=anchor.y)&&void 0!==_anchor$y?_anchor$y:1,this.adjustTextView(this.state)}}},{key:"defaultIconAnchor",get:function get(){return this.defaultIconAnchor},set:function set(anchor){var _anchor$x2,_anchor$y2;if(void 0!==anchor){this.options.defaultIconAnchor=anchor;var isNumber="number"==typeof anchor;this._defaultIconAnchor.x=isNumber?anchor:null!==(_anchor$x2=anchor.x)&&void 0!==_anchor$x2?_anchor$x2:1,this._defaultIconAnchor.y=isNumber?anchor:null!==(_anchor$y2=anchor.y)&&void 0!==_anchor$y2?_anchor$y2:1,this.adjustIconView(this.state)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"width",this)},set:function set(width){var _this$options4;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSliceSprite?(this._views.defaultView&&(this._views.defaultView.width=width),this._views.hoverView&&(this._views.hoverView.width=width),this._views.pressedView&&(this._views.pressedView.width=width),this._views.disabledView&&(this._views.disabledView.width=width),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_set(_getPrototypeOf(FancyButton.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"height",this)},set:function set(height){var _this$options5;null!==(_this$options5=this.options)&&void 0!==_this$options5&&_this$options5.nineSliceSprite?(this._views.defaultView&&(this._views.defaultView.height=height),this._views.hoverView&&(this._views.hoverView.height=height),this._views.pressedView&&(this._views.pressedView.height=height),this._views.disabledView&&(this._views.disabledView.height=height),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_set(_getPrototypeOf(FancyButton.prototype),"height",height,this,!0)}},{key:"setSize",value:function setSize(value,height){var _this$options6;null!==(_this$options6=this.options)&&void 0!==_this$options6&&_this$options6.nineSliceSprite?(this._views.defaultView&&this._views.defaultView.setSize(value,height),this._views.hoverView&&this._views.hoverView.setSize(value,height),this._views.pressedView&&this._views.pressedView.setSize(value,height),this._views.disabledView&&this._views.disabledView.setSize(value,height),this.adjustTextView(this.state),this.adjustIconView(this.state),this.updateAnchor()):_get(_getPrototypeOf(FancyButton.prototype),"setSize",this).call(this,value,height)}}]),FancyButton}(Button.E)}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonNineSliceSprite-stories.d8c019ea.iframe.bundle.js b/storybook/fancyButton-FancyButtonNineSliceSprite-stories.0ec2810e.iframe.bundle.js similarity index 73% rename from storybook/fancyButton-FancyButtonNineSliceSprite-stories.d8c019ea.iframe.bundle.js rename to storybook/fancyButton-FancyButtonNineSliceSprite-stories.0ec2810e.iframe.bundle.js index f47b104d..9a056b54 100644 --- a/storybook/fancyButton-FancyButtonNineSliceSprite-stories.d8c019ea.iframe.bundle.js +++ b/storybook/fancyButton-FancyButtonNineSliceSprite-stories.0ec2810e.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[6511],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XI:()=>action});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS_=__webpack_require__("storybook/internal/preview-errors"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a},generateId=()=>"object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2);function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new external_STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS_.ImplicitActionsDuringRendering({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id=generateId(),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler.implicit=options.implicit,handler}},"./src/stories/fancyButton/FancyButtonNineSliceSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseNineSliceSprite:()=>UseNineSliceSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),_pixi_storybook_renderer__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/storybook-renderer/dist/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts");const args={text:"Click me!",textColor:"#FFFFFF",padding:11,width:300,height:137,defaultTextScale:.99,defaultIconScale:.2,defaultTextAnchorX:.5,defaultTextAnchorY:.5,defaultIconAnchorX:.5,defaultIconAnchorY:.5,anchorX:.5,anchorY:.5,animationDuration:100,disabled:!1,onPress:(0,__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs").XI)("button was pressed! (tap or click!)")},UseNineSliceSprite=({text,textColor,disabled,onPress,padding,anchorX,anchorY,animationDuration,width,height,defaultTextScale,defaultIconScale,defaultTextAnchorX,defaultTextAnchorY,defaultIconAnchorX,defaultIconAnchorY},context)=>new _pixi_storybook_renderer__WEBPACK_IMPORTED_MODULE_1__.M({context,init:view=>{const assets=["button.png","button_hover.png","button_pressed.png","button_disabled.png","avatar-01.png","avatar_mask.png"];(0,_utils_loader__WEBPACK_IMPORTED_MODULE_3__.u)(assets).then((()=>{const button=new _FancyButton__WEBPACK_IMPORTED_MODULE_4__.w({defaultView:"button.png",hoverView:"button_hover.png",pressedView:"button_pressed.png",disabledView:"button_disabled.png",nineSliceSprite:[150,66,150,66],text:new pixi_js__WEBPACK_IMPORTED_MODULE_0__.EYj({text,style:{..._utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__.a,fill:textColor||_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__.a.fill}}),padding,textOffset:{x:30,y:-5},iconOffset:{x:-100,y:-7},defaultTextScale,defaultIconScale,defaultTextAnchor:{x:defaultTextAnchorX,y:defaultTextAnchorY},defaultIconAnchor:{x:defaultIconAnchorX,y:defaultIconAnchorY},animations:{hover:{props:{scale:{x:1.03,y:1.03},y:0},duration:animationDuration},pressed:{props:{scale:{x:.9,y:.9},y:10},duration:animationDuration}}});button.iconView=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_6__.j({target:"avatar-01.png",mask:"avatar_mask.png",borderWidth:10,borderColor:16777215}),button.anchor.set(anchorX,anchorY),disabled&&(button.enabled=!1);const sizes=[{w:width,h:height},{w:300,h:300},{w:600,h:137},{w:600,h:300}];button.width=sizes[0].w,button.height=sizes[0].h;let currentSizeID=0;button.onPress.connect((()=>{currentSizeID++,currentSizeID>=sizes.length&&(currentSizeID=0);const size=sizes[currentSizeID];button.width=size.w,button.height=size.h})),button.onPress.connect(onPress),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.l)(view),view.addChild(button)}))},resize:_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.l}),__WEBPACK_DEFAULT_EXPORT__={title:"Components/FancyButton/Use NineSliceSprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.U)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.p)(args)},__namedExportsOrder=["UseNineSliceSprite"]},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>defaultTextStyle});var defaultTextStyle={fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:{color:0,alpha:.5,distance:0,blur:3,angle:0}}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[6511],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XI:()=>action});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS_=__webpack_require__("storybook/internal/preview-errors"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js"),ADDON_ID="storybook/actions",EVENT_ID=`${ADDON_ID}/action-event`,config={depth:10,clearOnStoryChange:!0,limit:50},findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},serializeArg=a=>{if("object"==typeof(e=a)&&e&&findProto(e,(proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)))&&"function"==typeof e.persist){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=viewDescriptor?.value;return"object"==typeof view&&"Window"===view?.constructor.name&&Object.defineProperty(e,"view",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}var e;return a},generateId=()=>"object"==typeof crypto&&"function"==typeof crypto.getRandomValues?(0,v4.A)():Date.now().toString(36)+Math.random().toString(36).substring(2);function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=("__STORYBOOK_PREVIEW__"in external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find((render=>"playing"===render.phase||"rendering"===render.phase));if(storyRenderer){let deprecated=!window?.FEATURES?.disallowImplicitActionsInRenderV8,error=new external_STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS_.ImplicitActionsDuringRendering({phase:storyRenderer.phase,name,deprecated});if(!deprecated)throw error;console.warn(error)}}let channel=external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel(),id=generateId(),serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit)};return handler.isAction=!0,handler.implicit=options.implicit,handler}},"./src/stories/fancyButton/FancyButtonNineSliceSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseNineSliceSprite:()=>UseNineSliceSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs"),_pixi_storybook_renderer__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/storybook-renderer/dist/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts");const args={text:"Click me!",textColor:"#FFFFFF",padding:11,width:300,height:137,defaultTextScale:.99,defaultIconScale:.2,defaultTextAnchorX:.5,defaultTextAnchorY:.5,defaultIconAnchorX:.5,defaultIconAnchorY:.5,anchorX:.5,anchorY:.5,animationDuration:100,disabled:!1,contentFittingMode:["default","fill","none"],onPress:(0,__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs").XI)("button was pressed! (tap or click!)")},UseNineSliceSprite=({text,textColor,disabled,onPress,padding,anchorX,anchorY,animationDuration,width,height,defaultTextScale,defaultIconScale,defaultTextAnchorX,defaultTextAnchorY,defaultIconAnchorX,defaultIconAnchorY,contentFittingMode},context)=>new _pixi_storybook_renderer__WEBPACK_IMPORTED_MODULE_1__.M({context,init:view=>{const assets=["button.png","button_hover.png","button_pressed.png","button_disabled.png","avatar-01.png","avatar_mask.png"];(0,_utils_loader__WEBPACK_IMPORTED_MODULE_3__.u)(assets).then((()=>{const button=new _FancyButton__WEBPACK_IMPORTED_MODULE_4__.w({defaultView:"button.png",hoverView:"button_hover.png",pressedView:"button_pressed.png",disabledView:"button_disabled.png",nineSliceSprite:[150,66,150,66],text:new pixi_js__WEBPACK_IMPORTED_MODULE_0__.EYj({text,style:{..._utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__.a,fill:textColor||_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__.a.fill}}),padding,textOffset:{x:30,y:-5},iconOffset:{x:-100,y:-7},defaultTextScale,defaultIconScale,defaultTextAnchor:{x:defaultTextAnchorX,y:defaultTextAnchorY},defaultIconAnchor:{x:defaultIconAnchorX,y:defaultIconAnchorY},animations:{hover:{props:{scale:{x:1.03,y:1.03},y:0},duration:animationDuration},pressed:{props:{scale:{x:.9,y:.9},y:10},duration:animationDuration}},contentFittingMode});button.iconView=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_6__.j({target:"avatar-01.png",mask:"avatar_mask.png",borderWidth:10,borderColor:16777215}),button.anchor.set(anchorX,anchorY),disabled&&(button.enabled=!1);const sizes=[{w:width,h:height},{w:300,h:300},{w:600,h:137},{w:600,h:300}];button.width=sizes[0].w,button.height=sizes[0].h;let currentSizeID=0;button.onPress.connect((()=>{currentSizeID++,currentSizeID>=sizes.length&&(currentSizeID=0);const size=sizes[currentSizeID];button.width=size.w,button.height=size.h})),button.onPress.connect(onPress),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.l)(view),view.addChild(button)}))},resize:_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.l}),__WEBPACK_DEFAULT_EXPORT__={title:"Components/FancyButton/Use NineSliceSprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.U)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.p)(args)},__namedExportsOrder=["UseNineSliceSprite"]},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>defaultTextStyle});var defaultTextStyle={fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:{color:0,alpha:.5,distance:0,blur:3,angle:0}}}}]); \ No newline at end of file diff --git a/storybook/iframe.html b/storybook/iframe.html index 786de2c8..b94b0520 100644 --- a/storybook/iframe.html +++ b/storybook/iframe.html @@ -504,7 +504,7 @@ window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};