diff --git a/AlignController.html b/AlignController.html index 37491e1..7c08c16 100644 --- a/AlignController.html +++ b/AlignController.html @@ -800,7 +800,7 @@

diff --git a/ContentController.html b/ContentController.html index 096d544..f3cba02 100644 --- a/ContentController.html +++ b/ContentController.html @@ -1565,7 +1565,7 @@

diff --git a/Layout.html b/Layout.html index e4bdab1..f899ea0 100644 --- a/Layout.html +++ b/Layout.html @@ -2115,7 +2115,7 @@

diff --git a/LayoutSystem.html b/LayoutSystem.html index 5291557..e4d268a 100644 --- a/LayoutSystem.html +++ b/LayoutSystem.html @@ -2580,7 +2580,7 @@

diff --git a/SizeController.html b/SizeController.html index 8cbad05..772c0a4 100644 --- a/SizeController.html +++ b/SizeController.html @@ -1521,7 +1521,7 @@

diff --git a/StyleController.html b/StyleController.html index ecbf49e..1359376 100644 --- a/StyleController.html +++ b/StyleController.html @@ -1742,7 +1742,7 @@

diff --git a/index.html b/index.html index 616ddfd..cd5ee0a 100644 --- a/index.html +++ b/index.html @@ -501,7 +501,7 @@

License

diff --git a/storybook/711.c83ea1c0.iframe.bundle.js b/storybook/711.14c94f09.iframe.bundle.js similarity index 72% rename from storybook/711.c83ea1c0.iframe.bundle.js rename to storybook/711.14c94f09.iframe.bundle.js index b2ce294..5fd99d0 100644 --- a/storybook/711.c83ea1c0.iframe.bundle.js +++ b/storybook/711.14c94f09.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_layout=self.webpackChunk_pixi_layout||[]).push([[711],{"./src/Layout.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Layout});var lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),constants=__webpack_require__("./src/utils/constants.ts"),core_lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs");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 _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);imaxChildHeight&&(maxChildHeight=child.height+childMarginTop+childMarginBottom);var availableWidth=parentWidth-paddingRight;"block"===childDisplay&&child.width0}}]),StyleController}(),sprite_lib=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),graphics_lib=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),mesh_extras_lib=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs");function SizeController_typeof(o){return SizeController_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},SizeController_typeof(o)}function SizeController_defineProperties(target,props){for(var i=0;ithis.parentWidth&&(this.innerText.style.wordWrap=!0,this.innerText.style.wordWrapWidth=availableSpaceHor),finalWidth=this.innerText.width+paddingLeft+paddingRight;break;case"background":finalWidth=background.width;break;case"contentSize":var childrenWidth=0;this.layout.content.resize(this.parentWidth,this.parentHeight);var firstChild=this.layout.content.firstChild;firstChild&&firstChild.layout?childrenWidth+=firstChild.width+firstChild.layout.style.marginLeft+firstChild.layout.style.marginRight:firstChild instanceof lib.W2&&firstChild.width&&(childrenWidth+=firstChild.width),this.layout.content.children.forEach((function(child){if(child!==firstChild)if(child.layout&&"block"!==child.layout.style.display){if(child.layout.style.position)return;childrenWidth+=child.width+child.layout.style.marginLeft}else child instanceof lib.W2&&child.width&&(childrenWidth+=child.width)})),finalWidth=childrenWidth+paddingLeft+paddingRight;break;case"parentSize":finalWidth=this.parentWidth;break;default:finalWidth=getNumber(width,this.parentWidth)}switch(heightModificator){case"innerText":finalHeight=(null===(_this$innerText=this.innerText)||void 0===_this$innerText?void 0:_this$innerText.height)+paddingBottom+paddingTop;break;case"background":finalHeight=background.height;break;case"parentSize":finalHeight=this.parentHeight;break;case"contentSize":var childrenHeight=0;this.layout.content.resize(this.parentWidth,this.parentHeight);var _this$innerText2,_firstChild=this.layout.content.firstChild;if(_firstChild instanceof lib.W2&&_firstChild.height?childrenHeight+=_firstChild.height:_firstChild&&_firstChild.layout&&(_firstChild.layout.style.position||(childrenHeight+=_firstChild.height)),this.layout.content.children.forEach((function(child){child!==_firstChild&&(child.layout&&child.layout.style.position||(child.layout&&"block"===child.layout.style.display?childrenHeight+=child.height:child.height>childrenHeight&&(childrenHeight=child.height)))})),isItJustAText(this.layout))finalHeight=null===(_this$innerText2=this.innerText)||void 0===_this$innerText2?void 0:_this$innerText2.height;finalHeight=childrenHeight+paddingTop+paddingBottom;break;default:finalHeight=getNumber(height,this.parentHeight)}if(background instanceof mesh_extras_lib.ZT){var bg=this.layout.style.background;bg.height=finalHeight,bg.width=finalWidth}finalWidth<0&&(finalWidth=0),finalHeight<0&&(finalHeight=0),this._width=finalWidth,this._height=finalHeight,this.layout.container.scale.set(scaleX,scaleY),("flex"===aspectRatio||maxWidth||maxHeight||minWidth||minHeight)&&this.fitToSize(this.parentWidth,this.parentHeight),this.fitInnerText(finalWidth,finalHeight),0!==this._width&&0!==this._height?(this.updateBG(),this.updateMask(),this.layout.align.resize(this.parentWidth,this.parentHeight)):this.layout.container.visible=!1}},{key:"updateBG",value:function updateBG(){var background=this.layout.style.background;if(background instanceof lib.W2)background instanceof sprite_lib.j&&background.anchor.set(0),this.bg=background,this.layout.container.addChildAt(this.bg,0);else{var color="transparent"!==background&&getColor(background),borderRadius=this.layout.style.borderRadius,width=this.width,height=this.height;if(color&&width&&height){this.bg||(this.bg=new graphics_lib.TC,this.layout.container.addChildAt(this.bg,0));var x=0,y=0,_this$layout$style2=this.layout.style,anchorX=_this$layout$style2.anchorX,anchorY=_this$layout$style2.anchorY;void 0!==anchorX&&(x-=width*anchorX),void 0!==anchorY&&(y-=height*anchorY),this.bg instanceof graphics_lib.TC&&this.bg.clear().beginFill(color.hex,color.opacity).drawRoundedRect(x,y,width,height,borderRadius)}else this.bg&&(this.layout.container.removeChild(this.bg),delete this.bg)}}},{key:"updateMask",value:function updateMask(){var _this$layout$style3=this.layout.style,overflow=_this$layout$style3.overflow,borderRadius=_this$layout$style3.borderRadius,width=this.width,height=this.height;if("hidden"===overflow&&width&&height){this.overflowMask||(this.overflowMask=new graphics_lib.TC,this.layout.container.addChild(this.overflowMask));var x=0,y=0,_this$layout$style4=this.layout.style,anchorX=_this$layout$style4.anchorX,anchorY=_this$layout$style4.anchorY;void 0!==anchorX&&(x-=width*anchorX),void 0!==anchorY&&(y-=height*anchorY),this.overflowMask.clear().beginFill(16777215).drawRoundedRect(x,y,width,height,borderRadius).endFill(),this.layout.container.mask=this.overflowMask}else this.layout.container.mask=null,delete this.overflowMask}},{key:"fitInnerText",value:function fitInnerText(width,height){if(isItJustAText(this.layout)){var _this$layout$style5=this.layout.style,paddingLeft=_this$layout$style5.paddingLeft,paddingRight=_this$layout$style5.paddingRight,paddingTop=_this$layout$style5.paddingTop,paddingBottom=_this$layout$style5.paddingBottom;if(this.innerText.style.wordWrap){var _this$layout$containe5,_this$layout$containe6,scale=null!==(_this$layout$containe5=null===(_this$layout$containe6=this.layout.container)||void 0===_this$layout$containe6?void 0:_this$layout$containe6.scale.x)&&void 0!==_this$layout$containe5?_this$layout$containe5:1;this.innerText.style.wordWrapWidth=(width-paddingLeft-paddingRight)*scale}else{this.innerText.scale.set(1);var textWidth=this.innerText.width+paddingLeft+paddingRight,textHeight=this.innerText.height+paddingTop+paddingBottom,horScale=width/(textWidth+paddingLeft+paddingRight),vertScale=height/(textHeight+paddingBottom+paddingTop);(textWidth>width||textHeight>height)&&this.innerText.scale.set(Math.min(horScale,vertScale))}}}},{key:"getAutoSizeModificator",value:function getAutoSizeModificator(size){var _this$layout$style6=this.layout.style,background=_this$layout$style6.background,display=_this$layout$style6.display;return"auto"!==size?"static":"block"===display?"parentSize":background instanceof lib.W2&&background.width&&background.height?"background":isItJustAText(this.layout)&&this.layout.style.wordWrap?"innerText":"auto"===size?"contentSize":"static"}},{key:"innerText",get:function get(){return isItJustAText(this.layout)?this.layout.content.firstChild:null}},{key:"width",get:function get(){return this._width},set:function set(width){this._width=getNumber(width,this.parentWidth),this.layout.align.resize(this.parentWidth,this.parentHeight)}},{key:"height",get:function get(){return this._height},set:function set(height){this._height=getNumber(height,this.parentHeight),this.layout.align.resize(this.parentWidth,this.parentHeight)}},{key:"fitToSize",value:function fitToSize(parentWidth,parentHeight){var _this$layout$style7=this.layout.style,maxWidth=_this$layout$style7.maxWidth,maxHeight=_this$layout$style7.maxHeight,minWidth=_this$layout$style7.minWidth,minHeight=_this$layout$style7.minHeight,aspectRatio=_this$layout$style7.aspectRatio,_this$layout$style8=this.layout.style,marginLeft=_this$layout$style8.marginLeft,marginRight=_this$layout$style8.marginRight,marginBottom=_this$layout$style8.marginBottom,marginTop=_this$layout$style8.marginTop,currentScaleX=this.layout.container.scale.x,currentScaleY=this.layout.container.scale.y,layoutWidth=this.layout.width+marginLeft+marginRight,layoutHeight=this.layout.height+marginTop+marginBottom,maxWidthVal=getNumber(maxWidth,parentWidth),maxHeightVal=getNumber(maxHeight,parentHeight),minWidthVal=getNumber(minWidth,parentWidth),minHeightVal=getNumber(minHeight,parentHeight);if("flex"!==aspectRatio){var minFitScaleX=minWidthVal/layoutWidth,minFitScaleY=minHeightVal/layoutHeight,finalScaleX=currentScaleX,finalScaleY=currentScaleY;layoutWidth*currentScaleX>maxWidthVal&&(finalScaleX=maxWidthVal/layoutWidth),layoutHeight*currentScaleY>maxHeightVal&&(finalScaleY=maxHeightVal/layoutHeight);var finalScaleToFit=Math.min(finalScaleX,finalScaleY);if(minWidth||minHeight){var finalMinScaleToFit=finalScaleToFit;layoutWidth*finalScaleToFitmaxWidthVal&&(this.width=maxWidthVal),maxHeightVal&&this.height>maxHeightVal&&(this.height=maxHeightVal),minWidthVal&&this.widtharr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}(this.children.entries());try{for(_iterator.s();!(_step=_iterator.n()).done;){var _step$value=ContentController_slicedToArray(_step.value,2),key=_step$value[0];if(_step$value[1]===childInstance)return key}}catch(err){_iterator.e(err)}finally{_iterator.f()}}}]),ContentController}();function Layout_typeof(o){return Layout_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},Layout_typeof(o)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return function _possibleConstructorReturn(self,call){if(call&&("object"===Layout_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}(this,result)}}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function Layout_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function Layout_objectSpread(e){for(var r=1;r{function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rargTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},count:{control:{type:"range"}},type:{control:{type:"radio"}},date:{control:{type:"date"}},switch:{control:{type:"boolean"}}},argTypes=function argTypes(args){var exportArgTypes={};for(var key in args)if("number"==typeof args[key]){var min=0,number=args[key];(key.includes("font")||key.includes("amount"))&&(min=1),exportArgTypes[key]=number>=0?number>=100?{control:{type:"range",min,max:1e3,step:10}}:number>10?{control:{type:"range",min,max:100,step:1}}:number<=1?{control:{type:"range",min,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:number<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:number<-10?{control:{type:"range",min:-100,max:100,step:10}}:number>=-1?{control:{type:"range",min:-1,max:0,step:.1}}:{control:{type:"range",min:-10,max:10,step:1}}}else switch(getArgType(key)&&(exportArgTypes[key]=getArgType(key)),_typeof(args[key])){case"object":exportArgTypes[key]={},exportArgTypes[key]=_objectSpread({},controls.select),Array.isArray(args[key])?exportArgTypes[key].options=args[key]:exportArgTypes[key].options=Object.keys(args).map((function(key){return args[key]}));break;case"boolean":exportArgTypes[key]=controls.switch}return exportArgTypes};function getArgType(type){for(var control in controls)if(type.toLowerCase().indexOf(control)>-1)return controls[control]}var getDefaultArgs=function getDefaultArgs(args){var exportArgs={};for(var key in args)if("object"===_typeof(args[key]))Array.isArray(args[key])&&(exportArgs[key]=args[key][0]);else exportArgs[key]=args[key];return exportArgs}},"./src/utils/constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D4:()=>CSS_COLOR_NAMES,Hp:()=>ALIGN,Vr:()=>POSITION,oX:()=>VERTICAL_ALIGN,qk:()=>OVERFLOW,rZ:()=>LOREM_TEXT});var CSS_COLOR_NAMES={white:16777215,red:16711680,green:32768,blue:255,gray:8421504,yellow:16776960,gold:16766720,aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,blanchedalmond:16772045,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,goldenrod:14329120,greenyellow:11403055,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,whitesmoke:16119285,yellowgreen:10145074,black:0},LOREM_TEXT="Lorem ipsum dolor, sit amet consectetur adipisicing elit. \n\nAb praesentium velit minima unde beatae. Illo earum, rem iure unde nemo, \n\nexercitationem nesciunt et voluptas nisi adipisci, provident cupiditate veritatis magnam?",OVERFLOW=["visible","hidden"],POSITION=["center","left","right","top","bottom","leftTop","rightTop","leftBottom","rightBottom","topLeft","topRight","bottomLeft","bottomRight","centerTop","centerBottom","centerLeft","centerRight","topCenter","bottomCenter","leftCenter","rightCenter"],ALIGN=["center","left","right","justify"],VERTICAL_ALIGN=["middle","top","bottom"]}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_layout=self.webpackChunk_pixi_layout||[]).push([[711],{"./src/Layout.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Layout});var lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),constants=__webpack_require__("./src/utils/constants.ts"),core_lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs");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 _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);imaxChildHeight&&(maxChildHeight=child.height+childMarginTop+childMarginBottom);var availableWidth=parentWidth-paddingRight;"block"===childDisplay&&child.width0}}]),StyleController}(),sprite_lib=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),graphics_lib=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),mesh_extras_lib=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs");function SizeController_typeof(o){return SizeController_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},SizeController_typeof(o)}function SizeController_defineProperties(target,props){for(var i=0;ithis.parentWidth&&(this.innerText.style.wordWrap=!0,this.innerText.style.wordWrapWidth=availableSpaceHor),finalWidth=this.innerText.width+paddingLeft+paddingRight;break;case"background":finalWidth=background.width;break;case"contentSize":var childrenWidth=0;this.layout.content.resize(this.parentWidth,this.parentHeight);var firstChild=this.layout.content.firstChild;firstChild&&firstChild.layout?childrenWidth+=firstChild.width+firstChild.layout.style.marginLeft+firstChild.layout.style.marginRight:firstChild instanceof lib.W2&&firstChild.width&&(childrenWidth+=firstChild.width),this.layout.content.children.forEach((function(child){if(child!==firstChild)if(child.layout&&"block"!==child.layout.style.display){if(child.layout.style.position)return;childrenWidth+=child.width+child.layout.style.marginLeft}else child instanceof lib.W2&&child.width&&(childrenWidth+=child.width)})),finalWidth=childrenWidth+paddingLeft+paddingRight;break;case"parentSize":finalWidth=this.parentWidth;break;default:finalWidth=getNumber(width,this.parentWidth)}switch(heightModificator){case"innerText":finalHeight=(null===(_this$innerText=this.innerText)||void 0===_this$innerText?void 0:_this$innerText.height)+paddingBottom+paddingTop;break;case"background":finalHeight=background.height;break;case"parentSize":finalHeight=this.parentHeight;break;case"contentSize":var childrenHeight=0;this.layout.content.resize(this.parentWidth,this.parentHeight);var _this$innerText2,_firstChild=this.layout.content.firstChild;if(_firstChild instanceof lib.W2&&_firstChild.height?childrenHeight+=_firstChild.height:_firstChild&&_firstChild.layout&&(_firstChild.layout.style.position||(childrenHeight+=_firstChild.height)),this.layout.content.children.forEach((function(child){child!==_firstChild&&(child.layout&&child.layout.style.position||(child.layout&&"block"===child.layout.style.display?childrenHeight+=child.height:child.height>childrenHeight&&(childrenHeight=child.height)))})),isItJustAText(this.layout))finalHeight=null===(_this$innerText2=this.innerText)||void 0===_this$innerText2?void 0:_this$innerText2.height;finalHeight=childrenHeight+paddingTop+paddingBottom;break;default:finalHeight=getNumber(height,this.parentHeight)}if(background instanceof mesh_extras_lib.ZT){var bg=this.layout.style.background;bg.height=finalHeight,bg.width=finalWidth}finalWidth<0&&(finalWidth=0),finalHeight<0&&(finalHeight=0),this._width=finalWidth,this._height=finalHeight,this.layout.container.scale.set(scaleX,scaleY),("flex"===aspectRatio||maxWidth||maxHeight||minWidth||minHeight)&&this.fitToSize(this.parentWidth,this.parentHeight),this.fitInnerText(finalWidth,finalHeight),0!==this._width&&0!==this._height?(this.updateBG(),this.updateMask(),this.layout.align.resize(this.parentWidth,this.parentHeight)):this.layout.container.visible=!1}},{key:"updateBG",value:function updateBG(){var background=this.layout.style.background;if(background instanceof lib.W2)background instanceof sprite_lib.j&&background.anchor.set(0),this.bg=background,this.layout.container.addChildAt(this.bg,0);else{var color="transparent"!==background&&getColor(background),borderRadius=this.layout.style.borderRadius,width=this.width,height=this.height;if(color&&width&&height){this.bg||(this.bg=new graphics_lib.TC,this.layout.container.addChildAt(this.bg,0));var x=0,y=0,_this$layout$style2=this.layout.style,anchorX=_this$layout$style2.anchorX,anchorY=_this$layout$style2.anchorY;void 0!==anchorX&&(x-=width*anchorX),void 0!==anchorY&&(y-=height*anchorY),this.bg instanceof graphics_lib.TC&&this.bg.clear().beginFill(color.hex,color.opacity).drawRoundedRect(x,y,width,height,borderRadius)}else this.bg&&(this.layout.container.removeChild(this.bg),delete this.bg)}}},{key:"updateMask",value:function updateMask(){var _this$layout$style3=this.layout.style,overflow=_this$layout$style3.overflow,borderRadius=_this$layout$style3.borderRadius,width=this.width,height=this.height;if("hidden"===overflow&&width&&height){this.overflowMask||(this.overflowMask=new graphics_lib.TC,this.layout.container.addChild(this.overflowMask));var x=0,y=0,_this$layout$style4=this.layout.style,anchorX=_this$layout$style4.anchorX,anchorY=_this$layout$style4.anchorY;void 0!==anchorX&&(x-=width*anchorX),void 0!==anchorY&&(y-=height*anchorY),this.overflowMask.clear().beginFill(16777215).drawRoundedRect(x,y,width,height,borderRadius).endFill(),this.layout.container.mask=this.overflowMask}else this.layout.container.mask=null,delete this.overflowMask}},{key:"fitInnerText",value:function fitInnerText(width,height){if(isItJustAText(this.layout)){var _this$layout$style5=this.layout.style,paddingLeft=_this$layout$style5.paddingLeft,paddingRight=_this$layout$style5.paddingRight,paddingTop=_this$layout$style5.paddingTop,paddingBottom=_this$layout$style5.paddingBottom;if(this.innerText.style.wordWrap){var _this$layout$containe5,_this$layout$containe6,scale=null!==(_this$layout$containe5=null===(_this$layout$containe6=this.layout.container)||void 0===_this$layout$containe6?void 0:_this$layout$containe6.scale.x)&&void 0!==_this$layout$containe5?_this$layout$containe5:1;this.innerText.style.wordWrapWidth=(width-paddingLeft-paddingRight)*scale}else{this.innerText.scale.set(1);var textWidth=this.innerText.width+paddingLeft+paddingRight,textHeight=this.innerText.height+paddingTop+paddingBottom,horScale=width/(textWidth+paddingLeft+paddingRight),vertScale=height/(textHeight+paddingBottom+paddingTop);(textWidth>width||textHeight>height)&&this.innerText.scale.set(Math.min(horScale,vertScale))}}}},{key:"getAutoSizeModificator",value:function getAutoSizeModificator(size){var _this$layout$style6=this.layout.style,background=_this$layout$style6.background,display=_this$layout$style6.display;return"auto"!==size?"static":"block"===display?"parentSize":background instanceof lib.W2&&background.width&&background.height?"background":isItJustAText(this.layout)&&this.layout.style.wordWrap?"innerText":"auto"===size?"contentSize":"static"}},{key:"innerText",get:function get(){return isItJustAText(this.layout)?this.layout.content.firstChild:null}},{key:"width",get:function get(){return this._width},set:function set(width){this._width=getNumber(width,this.parentWidth),this.layout.align.resize(this.parentWidth,this.parentHeight)}},{key:"height",get:function get(){return this._height},set:function set(height){this._height=getNumber(height,this.parentHeight),this.layout.align.resize(this.parentWidth,this.parentHeight)}},{key:"fitToSize",value:function fitToSize(parentWidth,parentHeight){var _this$layout$style7=this.layout.style,maxWidth=_this$layout$style7.maxWidth,maxHeight=_this$layout$style7.maxHeight,minWidth=_this$layout$style7.minWidth,minHeight=_this$layout$style7.minHeight,aspectRatio=_this$layout$style7.aspectRatio,_this$layout$style8=this.layout.style,marginLeft=_this$layout$style8.marginLeft,marginRight=_this$layout$style8.marginRight,marginBottom=_this$layout$style8.marginBottom,marginTop=_this$layout$style8.marginTop,currentScaleX=this.layout.container.scale.x,currentScaleY=this.layout.container.scale.y,layoutWidth=this.layout.width+marginLeft+marginRight,layoutHeight=this.layout.height+marginTop+marginBottom,maxWidthVal=getNumber(maxWidth,parentWidth),maxHeightVal=getNumber(maxHeight,parentHeight),minWidthVal=getNumber(minWidth,parentWidth),minHeightVal=getNumber(minHeight,parentHeight);if("flex"!==aspectRatio){var minFitScaleX=minWidthVal/layoutWidth,minFitScaleY=minHeightVal/layoutHeight,finalScaleX=currentScaleX,finalScaleY=currentScaleY;layoutWidth*currentScaleX>maxWidthVal&&(finalScaleX=maxWidthVal/layoutWidth),layoutHeight*currentScaleY>maxHeightVal&&(finalScaleY=maxHeightVal/layoutHeight);var finalScaleToFit=Math.min(finalScaleX,finalScaleY);if(minWidth||minHeight){var finalMinScaleToFit=finalScaleToFit;layoutWidth*finalScaleToFitmaxWidthVal&&(this.width=maxWidthVal),maxHeightVal&&this.height>maxHeightVal&&(this.height=maxHeightVal),minWidthVal&&this.widtharr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}(this.children.entries());try{for(_iterator.s();!(_step=_iterator.n()).done;){var _step$value=ContentController_slicedToArray(_step.value,2),key=_step$value[0];if(_step$value[1]===childInstance)return key}}catch(err){_iterator.e(err)}finally{_iterator.f()}}}]),ContentController}();function Layout_typeof(o){return Layout_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},Layout_typeof(o)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return function _possibleConstructorReturn(self,call){if(call&&("object"===Layout_typeof(call)||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}(this,result)}}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function Layout_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function Layout_objectSpread(e){for(var r=1;r{function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;rargTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},count:{control:{type:"range"}},type:{control:{type:"radio"}},date:{control:{type:"date"}},switch:{control:{type:"boolean"}}},argTypes=function argTypes(args){var exportArgTypes={};for(var key in args)if("number"==typeof args[key]){var min=0,number=args[key];(key.includes("font")||key.includes("amount"))&&(min=1),exportArgTypes[key]=number>=0?number>=100?{control:{type:"range",min,max:1e3,step:10}}:number>10?{control:{type:"range",min,max:100,step:1}}:number<=1?{control:{type:"range",min,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:number<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:number<-10?{control:{type:"range",min:-100,max:100,step:10}}:number>=-1?{control:{type:"range",min:-1,max:0,step:.1}}:{control:{type:"range",min:-10,max:10,step:1}}}else switch(getArgType(key)&&(exportArgTypes[key]=getArgType(key)),_typeof(args[key])){case"object":exportArgTypes[key]={},exportArgTypes[key]=_objectSpread({},controls.select),Array.isArray(args[key])?exportArgTypes[key].options=args[key]:exportArgTypes[key].options=Object.keys(args).map((function(key){return args[key]}));break;case"boolean":exportArgTypes[key]=controls.switch}return exportArgTypes};function getArgType(type){for(var control in controls)if(type.toLowerCase().indexOf(control)>-1)return controls[control]}var getDefaultArgs=function getDefaultArgs(args){var exportArgs={};for(var key in args)if("object"===_typeof(args[key]))Array.isArray(args[key])&&(exportArgs[key]=args[key][0]);else exportArgs[key]=args[key];return exportArgs}},"./src/utils/constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D4:()=>CSS_COLOR_NAMES,Hp:()=>ALIGN,Vr:()=>POSITION,oX:()=>VERTICAL_ALIGN,qk:()=>OVERFLOW,rZ:()=>LOREM_TEXT});var CSS_COLOR_NAMES={white:16777215,red:16711680,green:32768,blue:255,gray:8421504,yellow:16776960,gold:16766720,aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,blanchedalmond:16772045,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,goldenrod:14329120,greenyellow:11403055,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,whitesmoke:16119285,yellowgreen:10145074,black:0},LOREM_TEXT="Lorem ipsum dolor, sit amet consectetur adipisicing elit. \n\nAb praesentium velit minima unde beatae. Illo earum, rem iure unde nemo, \n\nexercitationem nesciunt et voluptas nisi adipisci, provident cupiditate veritatis magnam?",OVERFLOW=["visible","hidden"],POSITION=["center","left","right","top","bottom","leftTop","rightTop","leftBottom","rightBottom","topLeft","topRight","bottomLeft","bottomRight","centerTop","centerBottom","centerLeft","centerRight","topCenter","bottomCenter","leftCenter","rightCenter"],ALIGN=["center","left","right","justify"],VERTICAL_ALIGN=["middle","top","bottom"]}}]); \ No newline at end of file diff --git a/storybook/iframe.html b/storybook/iframe.html index be71e7c..01c0aa2 100644 --- a/storybook/iframe.html +++ b/storybook/iframe.html @@ -350,7 +350,7 @@ window['DOCS_OPTIONS'] = {};