From 875c6cdd36f7f04be35927cb66f8ddbe170a9aa0 Mon Sep 17 00:00:00 2001 From: CyberDex Date: Mon, 18 Mar 2024 21:11:06 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20pixijs/u?= =?UTF-8?q?i@b7ee5c7e794eeaef90326a8bd07150afc7dccc19=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Button.html | 22 +- ButtonContainer.html | 22 +- ButtonEvents.html | 22 +- CheckBox.html | 22 +- CircularProgressBar.html | 22 +- DoubleSlider.html | 22 +- DragObject.html | 22 +- FancyButton.html | 22 +- Input.html | 22 +- List.html | 546 +++++++++++++++++- MaskedFrame.html | 22 +- ProgressBar.html | 22 +- RadioGroup.html | 22 +- ScrollBox.html | 22 +- Select.html | 22 +- Slider.html | 22 +- SliderBase.html | 22 +- Switcher.html | 22 +- Trackpad.html | 22 +- index.html | 22 +- ...undle.js => 511.ec8094cc.iframe.bundle.js} | 2 +- storybook/54.f712f5e7.iframe.bundle.js | 1 + storybook/59.d470c8b9.iframe.bundle.js | 1 - ...undle.js => 604.ee83ad99.iframe.bundle.js} | 2 +- storybook/664.8310debe.iframe.bundle.js | 1 - storybook/733.49d39df7.iframe.bundle.js | 1 + storybook/733.d5e1a663.iframe.bundle.js | 1 - storybook/746.93201860.iframe.bundle.js | 1 + storybook/879.81dec86b.iframe.bundle.js | 1 + storybook/879.f8bad56a.iframe.bundle.js | 1 - storybook/903.17216f08.iframe.bundle.js | 2 + ...903.17216f08.iframe.bundle.js.LICENSE.txt} | 0 storybook/952.a94063b5.iframe.bundle.js | 1 - ...Switcher-stories.5d2ad188.iframe.bundle.js | 2 + ...ies.5d2ad188.iframe.bundle.js.LICENSE.txt} | 0 ...Switcher-stories.745b674a.iframe.bundle.js | 2 - ...raphics-stories.a72ad29f.iframe.bundle.js} | 2 +- ...oxSprite-stories.1518bf54.iframe.bundle.js | 2 - ...oxSprite-stories.7e0f99c6.iframe.bundle.js | 2 + ...ies.7e0f99c6.iframe.bundle.js.LICENSE.txt} | 0 ...tmapText-stories.957145e7.iframe.bundle.js | 2 - ...tmapText-stories.efe0579c.iframe.bundle.js | 2 + ...ies.efe0579c.iframe.bundle.js.LICENSE.txt} | 0 ...icUpdate-stories.f51f854a.iframe.bundle.js | 2 - ...icUpdate-stories.fd7c4741.iframe.bundle.js | 2 + ...ies.fd7c4741.iframe.bundle.js.LICENSE.txt} | 0 ...Graphics-stories.6b992831.iframe.bundle.js | 2 - ...Graphics-stories.8498162b.iframe.bundle.js | 1 + ...HTMLText-stories.24c22ef9.iframe.bundle.js | 2 + ...ies.24c22ef9.iframe.bundle.js.LICENSE.txt} | 0 ...HTMLText-stories.2a6e3289.iframe.bundle.js | 2 - ...ttonIcon-stories.5ce1e021.iframe.bundle.js | 2 - ...ttonIcon-stories.830c7edc.iframe.bundle.js | 1 + ...neSprite-stories.2b2d6406.iframe.bundle.js | 2 - ...neSprite-stories.f7fc7cd4.iframe.bundle.js | 1 + ...onSprite-stories.05cd75ad.iframe.bundle.js | 2 - ...onSprite-stories.302c1241.iframe.bundle.js | 2 + ...ies.302c1241.iframe.bundle.js.LICENSE.txt} | 0 ...extLink-stories.5a317cca.iframe.bundle.js} | 2 +- storybook/iframe.html | 4 +- ...Graphics-stories.382512fb.iframe.bundle.js | 1 + ...Graphics-stories.79415786.iframe.bundle.js | 1 - ...stSprite-stories.ac7abe7f.iframe.bundle.js | 2 + ...ies.ac7abe7f.iframe.bundle.js.LICENSE.txt} | 0 ...stSprite-stories.b565cd65.iframe.bundle.js | 2 - storybook/main.bebbd64a.iframe.bundle.js | 1 + storybook/main.c3e9388b.iframe.bundle.js | 1 - ...Graphics-stories.92c3b71b.iframe.bundle.js | 2 - ...Graphics-stories.978a3876.iframe.bundle.js | 1 + ...meSprite-stories.c9718712.iframe.bundle.js | 1 + ...meSprite-stories.e8f6dc35.iframe.bundle.js | 2 - ...Graphics-stories.3bd7d85a.iframe.bundle.js | 1 - ...Graphics-stories.7fd179eb.iframe.bundle.js | 1 + ...icePlane-stories.766ab554.iframe.bundle.js | 2 - ...icePlane-stories.ad3ac36f.iframe.bundle.js | 2 + ...ies.ad3ac36f.iframe.bundle.js.LICENSE.txt} | 0 ...arSprite-stories.5ec315b0.iframe.bundle.js | 2 - ...arSprite-stories.676a6ae4.iframe.bundle.js | 2 + ...ies.676a6ae4.iframe.bundle.js.LICENSE.txt} | 0 storybook/project.json | 2 +- ...Graphics-stories.1363106d.iframe.bundle.js | 1 + ...Graphics-stories.3ac4646c.iframe.bundle.js | 1 - ...ioSprite-stories.1153acf7.iframe.bundle.js | 2 - ...ioSprite-stories.9e15e74d.iframe.bundle.js | 2 + ...ies.9e15e74d.iframe.bundle.js.LICENSE.txt} | 0 ...=> runtime~main.2d033b57.iframe.bundle.js} | 2 +- ...raphics-stories.71b484b5.iframe.bundle.js} | 2 +- ...cePlane-stories.1b7a6299.iframe.bundle.js} | 4 +- ...ies.1b7a6299.iframe.bundle.js.LICENSE.txt} | 0 ...ries.4a4478ca.iframe.bundle.js.LICENSE.txt | 1 - ...ries.6e0e8cc2.iframe.bundle.js.LICENSE.txt | 1 - ...rSprite-stories.81c461d2.iframe.bundle.js} | 4 +- ...ies.81c461d2.iframe.bundle.js.LICENSE.txt} | 0 ...Graphics-stories.19efd1f2.iframe.bundle.js | 1 - ...Graphics-stories.636044e8.iframe.bundle.js | 1 + ...cePlane-stories.85ad3a5c.iframe.bundle.js} | 4 +- ...ies.85ad3a5c.iframe.bundle.js.LICENSE.txt} | 0 ...ries.bf78d08f.iframe.bundle.js.LICENSE.txt | 1 - ...erSprite-stories.38dd6d64.iframe.bundle.js | 2 + ...ies.38dd6d64.iframe.bundle.js.LICENSE.txt} | 0 ...erSprite-stories.d26a44bf.iframe.bundle.js | 2 - ...ries.d26a44bf.iframe.bundle.js.LICENSE.txt | 1 - 102 files changed, 995 insertions(+), 83 deletions(-) rename storybook/{901.163c766a.iframe.bundle.js => 511.ec8094cc.iframe.bundle.js} (89%) create mode 100644 storybook/54.f712f5e7.iframe.bundle.js delete mode 100644 storybook/59.d470c8b9.iframe.bundle.js rename storybook/{182.18ad0870.iframe.bundle.js => 604.ee83ad99.iframe.bundle.js} (52%) delete mode 100644 storybook/664.8310debe.iframe.bundle.js create mode 100644 storybook/733.49d39df7.iframe.bundle.js delete mode 100644 storybook/733.d5e1a663.iframe.bundle.js create mode 100644 storybook/746.93201860.iframe.bundle.js create mode 100644 storybook/879.81dec86b.iframe.bundle.js delete mode 100644 storybook/879.f8bad56a.iframe.bundle.js create mode 100644 storybook/903.17216f08.iframe.bundle.js rename storybook/{Switcher-Switcher-stories.745b674a.iframe.bundle.js.LICENSE.txt => 903.17216f08.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/952.a94063b5.iframe.bundle.js create mode 100644 storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js rename storybook/{checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js.LICENSE.txt => Switcher-Switcher-stories.5d2ad188.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js rename storybook/{checkbox-CheckBoxGraphics-stories.fd2c361e.iframe.bundle.js => checkbox-CheckBoxGraphics-stories.a72ad29f.iframe.bundle.js} (57%) delete mode 100644 storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js create mode 100644 storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js rename storybook/{fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js.LICENSE.txt => checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js rename storybook/{fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js.LICENSE.txt => fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js rename storybook/{fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js.LICENSE.txt => fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonGraphics-stories.8498162b.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js rename storybook/{fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js.LICENSE.txt => fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js delete mode 100644 storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonIcon-stories.830c7edc.iframe.bundle.js delete mode 100644 storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.2b2d6406.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.f7fc7cd4.iframe.bundle.js delete mode 100644 storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js create mode 100644 storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js rename storybook/{fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js.LICENSE.txt => fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js.LICENSE.txt} (100%) rename storybook/{fancyButton-FancyButtonTextLink-stories.b5b38688.iframe.bundle.js => fancyButton-FancyButtonTextLink-stories.5a317cca.iframe.bundle.js} (61%) create mode 100644 storybook/list-ListGraphics-stories.382512fb.iframe.bundle.js delete mode 100644 storybook/list-ListGraphics-stories.79415786.iframe.bundle.js create mode 100644 storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js rename storybook/{fancyButton-FancyButtonNineSlicePlaneSprite-stories.2b2d6406.iframe.bundle.js.LICENSE.txt => list-ListSprite-stories.ac7abe7f.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js create mode 100644 storybook/main.bebbd64a.iframe.bundle.js delete mode 100644 storybook/main.c3e9388b.iframe.bundle.js delete mode 100644 storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js create mode 100644 storybook/maskedFrame-MaskedFrameGraphics-stories.978a3876.iframe.bundle.js create mode 100644 storybook/maskedFrame-MaskedFrameSprite-stories.c9718712.iframe.bundle.js delete mode 100644 storybook/maskedFrame-MaskedFrameSprite-stories.e8f6dc35.iframe.bundle.js delete mode 100644 storybook/progressBar-ProgressBarGraphics-stories.3bd7d85a.iframe.bundle.js create mode 100644 storybook/progressBar-ProgressBarGraphics-stories.7fd179eb.iframe.bundle.js delete mode 100644 storybook/progressBar-ProgressBarNineSlicePlane-stories.766ab554.iframe.bundle.js create mode 100644 storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js rename storybook/{fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js.LICENSE.txt => progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js create mode 100644 storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js rename storybook/{list-ListSprite-stories.b565cd65.iframe.bundle.js.LICENSE.txt => progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js.LICENSE.txt} (100%) create mode 100644 storybook/radio-RadioGraphics-stories.1363106d.iframe.bundle.js delete mode 100644 storybook/radio-RadioGraphics-stories.3ac4646c.iframe.bundle.js delete mode 100644 storybook/radio-RadioSprite-stories.1153acf7.iframe.bundle.js create mode 100644 storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js rename storybook/{maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js.LICENSE.txt => radio-RadioSprite-stories.9e15e74d.iframe.bundle.js.LICENSE.txt} (100%) rename storybook/{runtime~main.1a7cad6a.iframe.bundle.js => runtime~main.2d033b57.iframe.bundle.js} (90%) rename storybook/{slider-DoubleSliderGraphics-stories.3bf7886d.iframe.bundle.js => slider-DoubleSliderGraphics-stories.71b484b5.iframe.bundle.js} (65%) rename storybook/{slider-DoubleSliderNineSlicePlane-stories.4a4478ca.iframe.bundle.js => slider-DoubleSliderNineSlicePlane-stories.1b7a6299.iframe.bundle.js} (57%) rename storybook/{maskedFrame-MaskedFrameSprite-stories.e8f6dc35.iframe.bundle.js.LICENSE.txt => slider-DoubleSliderNineSlicePlane-stories.1b7a6299.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/slider-DoubleSliderNineSlicePlane-stories.4a4478ca.iframe.bundle.js.LICENSE.txt delete mode 100644 storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js.LICENSE.txt rename storybook/{slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js => slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js} (57%) rename storybook/{progressBar-ProgressBarNineSlicePlane-stories.766ab554.iframe.bundle.js.LICENSE.txt => slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/slider-SliderGraphics-stories.19efd1f2.iframe.bundle.js create mode 100644 storybook/slider-SliderGraphics-stories.636044e8.iframe.bundle.js rename storybook/{slider-SliderNineSlicePlane-stories.bf78d08f.iframe.bundle.js => slider-SliderNineSlicePlane-stories.85ad3a5c.iframe.bundle.js} (52%) rename storybook/{progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js.LICENSE.txt => slider-SliderNineSlicePlane-stories.85ad3a5c.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/slider-SliderNineSlicePlane-stories.bf78d08f.iframe.bundle.js.LICENSE.txt create mode 100644 storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js rename storybook/{radio-RadioSprite-stories.1153acf7.iframe.bundle.js.LICENSE.txt => slider-SliderSprite-stories.38dd6d64.iframe.bundle.js.LICENSE.txt} (100%) delete mode 100644 storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js delete mode 100644 storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js.LICENSE.txt diff --git a/Button.html b/Button.html index 38f5e254..849557bf 100644 --- a/Button.html +++ b/Button.html @@ -632,6 +632,10 @@

PixiJS UI

Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2995,7 +3015,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/ButtonContainer.html b/ButtonContainer.html index 6c81c38a..e4e7026a 100644 --- a/ButtonContainer.html +++ b/ButtonContainer.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1367,7 +1387,7 @@

    Extends

    diff --git a/ButtonEvents.html b/ButtonEvents.html index 14028cb7..26a09a8f 100644 --- a/ButtonEvents.html +++ b/ButtonEvents.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2514,7 +2534,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/CheckBox.html b/CheckBox.html index 44bacb1d..5687321f 100644 --- a/CheckBox.html +++ b/CheckBox.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2830,7 +2850,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/CircularProgressBar.html b/CircularProgressBar.html index eb3addbc..875c2fed 100644 --- a/CircularProgressBar.html +++ b/CircularProgressBar.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1899,7 +1919,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/DoubleSlider.html b/DoubleSlider.html index 5e019c76..5585e34b 100644 --- a/DoubleSlider.html +++ b/DoubleSlider.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -3116,7 +3136,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/DragObject.html b/DragObject.html index e6d61aef..855fdc29 100644 --- a/DragObject.html +++ b/DragObject.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1352,7 +1372,7 @@

    Extends

    diff --git a/FancyButton.html b/FancyButton.html index 093b8527..c267e6fe 100644 --- a/FancyButton.html +++ b/FancyButton.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -4906,7 +4926,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/Input.html b/Input.html index a628cbcc..fb5b752e 100644 --- a/Input.html +++ b/Input.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2450,7 +2470,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/List.html b/List.html index 573a42ef..02a4fe36 100644 --- a/List.html +++ b/List.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1348,6 +1368,110 @@

    Members

    +
    +
    +

    + + bottomPadding + + + + + +

    +
    +
    +
    + + +
    +

    Set bottom padding.

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

    + + bottomPadding + number + + + + +

    +
    +
    +
    + + +
    +

    Get bottom padding.

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

    @@ -1519,7 +1643,7 @@

    -

    Set horizontal padding.

    +

    Set horizontal padding, overriding all left and right padding options.

    @@ -1597,6 +1721,422 @@

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

    + + leftPadding + + + + + +

    +
    +
    +
    + + +
    +

    Set left padding.

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

    + + leftPadding + number + + + + +

    +
    +
    +
    + + +
    +

    Get left padding.

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

    + + padding + + + + + +

    +
    +
    +
    + + +
    +

    Set padding, overriding all padding options.

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

    + + padding + number + + + + +

    +
    +
    +
    + + +
    +

    Get padding.

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

    + + rightPadding + + + + + +

    +
    +
    +
    + + +
    +

    Set right padding.

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

    + + rightPadding + number + + + + +

    +
    +
    +
    + + +
    +

    Get right padding.

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

    + + topPadding + + + + + +

    +
    +
    +
    + + +
    +

    Set top padding.

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

    + + topPadding + number + + + + +

    +
    +
    +
    + + +
    +

    Get top padding.

    +
    + + + +
    + + + + + + + + + + + + + + + + + + + +
    @@ -1727,7 +2267,7 @@

    -

    Set vertical padding.

    +

    Set vertical padding, overriding all top and bottom padding options.

    @@ -2273,7 +2813,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)

    diff --git a/MaskedFrame.html b/MaskedFrame.html index ba122325..e399aee4 100644 --- a/MaskedFrame.html +++ b/MaskedFrame.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2030,7 +2050,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/ProgressBar.html b/ProgressBar.html index 1f3ed041..9fd7b449 100644 --- a/ProgressBar.html +++ b/ProgressBar.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2726,7 +2746,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/RadioGroup.html b/RadioGroup.html index 643df49e..de2c1faf 100644 --- a/RadioGroup.html +++ b/RadioGroup.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2075,7 +2095,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/ScrollBox.html b/ScrollBox.html index 8a027040..ad056ce4 100644 --- a/ScrollBox.html +++ b/ScrollBox.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -3472,7 +3492,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/Select.html b/Select.html index f328cca0..24bd2976 100644 --- a/Select.html +++ b/Select.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2257,7 +2277,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/Slider.html b/Slider.html index eb733a06..cb156e7c 100644 --- a/Slider.html +++ b/Slider.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2972,7 +2992,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/SliderBase.html b/SliderBase.html index 8ffc72fa..f42ee145 100644 --- a/SliderBase.html +++ b/SliderBase.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2760,7 +2780,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/Switcher.html b/Switcher.html index b54783d3..cf76d546 100644 --- a/Switcher.html +++ b/Switcher.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -2628,7 +2648,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/Trackpad.html b/Trackpad.html index 9def3cda..7c882027 100644 --- a/Trackpad.html +++ b/Trackpad.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1344,7 +1364,7 @@

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/index.html b/index.html index 71162904..99c074f9 100644 --- a/index.html +++ b/index.html @@ -632,6 +632,10 @@

    PixiJS UI

    Members +
  • bottomPadding
    • + +
  • bottomPadding
    • +
  • children
  • elementsMargin
    • @@ -642,6 +646,22 @@

    PixiJS UI

  • horPadding
    • +
  • leftPadding
    • + +
  • leftPadding
    • + +
  • padding
    • + +
  • padding
    • + +
  • rightPadding
    • + +
  • rightPadding
    • + +
  • topPadding
    • + +
  • topPadding
    • +
  • type
  • type
    • @@ -1319,7 +1339,7 @@

    Known Issues

    - Documentation generated by Webdoc 1 on Thu Feb 01 2024 21:37:45 GMT+0000 (Coordinated Universal Time) + Documentation generated by Webdoc 1 on Mon Mar 18 2024 21:10:51 GMT+0000 (Coordinated Universal Time)
    diff --git a/storybook/901.163c766a.iframe.bundle.js b/storybook/511.ec8094cc.iframe.bundle.js similarity index 89% rename from storybook/901.163c766a.iframe.bundle.js rename to storybook/511.ec8094cc.iframe.bundle.js index 239ec372..a054b299 100644 --- a/storybook/901.163c766a.iframe.bundle.js +++ b/storybook/511.ec8094cc.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[901],{"./src/Button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,q:()=>ButtonContainer});var lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),core_lib=__webpack_require__("./node_modules/@pixi/core/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__,{s:()=>FancyButton});var lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),display_lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),helpers_view=__webpack_require__("./src/utils/helpers/view.ts"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs");function fitToView(parent,child){var padding=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,scaleX=child.scale.x,scaleY=child.scale.y,maxWidth=parent.width-2*padding,maxHeight=parent.height-2*padding,widthOverflow=maxWidth-Math.round(child.width),heightOverflow=maxHeight-Math.round(child.height);widthOverflow<0&&(scaleX=maxWidth/(child.width*scaleX)),heightOverflow<0&&(scaleY=maxHeight/(child.height*scaleY)),(scaleX<=0||scaleY<=0)&&(child.visible=!1),child.scale.set(Math.min(scaleX,scaleY))}var tweedle_es=__webpack_require__("./node_modules/tweedle.js/dist/tweedle.es.js"),Button=__webpack_require__("./src/Button.ts"),mesh_extras_lib=__webpack_require__("./node_modules/@pixi/mesh-extras/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i1&&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){this._views.textView=function getTextView(text){return"string"==typeof text||"number"==typeof text?new text_lib.xv(String(text)):text}(text),this._views.textView.anchor.set(0),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);activeView&&(fitToView(activeView,this._views.textView,this.padding),this._views.textView.x=activeView.x+activeView.width/2,this._views.textView.y=activeView.y+activeView.height/2),this._views.textView.anchor.set(.5),this.setOffset(this._views.textView,state,this.textOffset)}}},{key:"adjustIconView",value:function adjustIconView(state){var _anchor;if(this._views.iconView){var activeView=this.getStateView(state);activeView&&(fitToView(activeView,this._views.iconView,this.padding),null===(_anchor=this._views.iconView.anchor)||void 0===_anchor||_anchor.set(0),this._views.iconView.x=activeView.x+activeView.width/2-this._views.iconView.width/2,this._views.iconView.y=activeView.y+activeView.height/2-this._views.iconView.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 _anchor2;view&&(null===(_anchor2=view.anchor)||void 0===_anchor2||_anchor2.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.Ae(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$options;void 0!==view&&(this.removeView(viewType),null!==view&&(null!==(_this$options=this.options)&&void 0!==_this$options&&_this$options.nineSlicePlane&&("string"==typeof view?this._views[viewType]=_construct(mesh_extras_lib.ZT,[lib.xE.from(view)].concat(_toConsumableArray(this.options.nineSlicePlane))):console.warn("NineSlicePlane can not be used with views set as Container.")),this._views[viewType]||(this._views[viewType]=(0,helpers_view.X)(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){void 0!==view&&(this.removeView("iconView"),null!==view&&(this._views.iconView=(0,helpers_view.X)(view),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.kX(this.innerView).to(data.props,data.duration).start()}new tweedle_es.kX(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.P6.isMobile.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.P6.isMobile.any?_this2.setState("default"):_this2.setState("hover")})),this.onHover.connect((function(){_this2.button.isDown||(lib.P6.isMobile.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:"width",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"width",this)},set:function set(width){var _this$options2;null!==(_this$options2=this.options)&&void 0!==_this$options2&&_this$options2.nineSlicePlane?(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$options3;null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane?(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)}}]),FancyButton}(Button.q)},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[511],{"./src/Button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,q:()=>ButtonContainer});var lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),core_lib=__webpack_require__("./node_modules/@pixi/core/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__,{s:()=>FancyButton});var lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),display_lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),helpers_view=__webpack_require__("./src/utils/helpers/view.ts"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs");function fitToView(parent,child){var padding=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,scaleX=child.scale.x,scaleY=child.scale.y,maxWidth=parent.width-2*padding,maxHeight=parent.height-2*padding,widthOverflow=maxWidth-Math.round(child.width),heightOverflow=maxHeight-Math.round(child.height);widthOverflow<0&&(scaleX=maxWidth/(child.width*scaleX)),heightOverflow<0&&(scaleY=maxHeight/(child.height*scaleY)),(scaleX<=0||scaleY<=0)&&(child.visible=!1),child.scale.set(Math.min(scaleX,scaleY))}var tweedle_es=__webpack_require__("./node_modules/tweedle.js/dist/tweedle.es.js"),Button=__webpack_require__("./src/Button.ts"),mesh_extras_lib=__webpack_require__("./node_modules/@pixi/mesh-extras/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i1&&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){this._views.textView=function getTextView(text){return"string"==typeof text||"number"==typeof text?new text_lib.xv(String(text)):text}(text),this._views.textView.anchor.set(0),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);activeView&&(fitToView(activeView,this._views.textView,this.padding),this._views.textView.x=activeView.x+activeView.width/2,this._views.textView.y=activeView.y+activeView.height/2),this._views.textView.anchor.set(.5),this.setOffset(this._views.textView,state,this.textOffset)}}},{key:"adjustIconView",value:function adjustIconView(state){var _anchor;if(this._views.iconView){var activeView=this.getStateView(state);activeView&&(fitToView(activeView,this._views.iconView,this.padding),null===(_anchor=this._views.iconView.anchor)||void 0===_anchor||_anchor.set(0),this._views.iconView.x=activeView.x+activeView.width/2-this._views.iconView.width/2,this._views.iconView.y=activeView.y+activeView.height/2-this._views.iconView.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 _anchor2;view&&(null===(_anchor2=view.anchor)||void 0===_anchor2||_anchor2.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.Ae(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$options;void 0!==view&&(this.removeView(viewType),null!==view&&(null!==(_this$options=this.options)&&void 0!==_this$options&&_this$options.nineSlicePlane&&("string"==typeof view?this._views[viewType]=_construct(mesh_extras_lib.ZT,[lib.xE.from(view)].concat(_toConsumableArray(this.options.nineSlicePlane))):console.warn("NineSlicePlane can not be used with views set as Container.")),this._views[viewType]||(this._views[viewType]=(0,helpers_view.X)(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){void 0!==view&&(this.removeView("iconView"),null!==view&&(this._views.iconView=(0,helpers_view.X)(view),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.kX(this.innerView).to(data.props,data.duration).start()}new tweedle_es.kX(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.P6.isMobile.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.P6.isMobile.any?_this2.setState("default"):_this2.setState("hover")})),this.onHover.connect((function(){_this2.button.isDown||(lib.P6.isMobile.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:"width",get:function get(){return _get(_getPrototypeOf(FancyButton.prototype),"width",this)},set:function set(width){var _this$options2;null!==(_this$options2=this.options)&&void 0!==_this$options2&&_this$options2.nineSlicePlane?(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$options3;null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane?(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)}}]),FancyButton}(Button.q)}}]); \ No newline at end of file diff --git a/storybook/54.f712f5e7.iframe.bundle.js b/storybook/54.f712f5e7.iframe.bundle.js new file mode 100644 index 00000000..6a611582 --- /dev/null +++ b/storybook/54.f712f5e7.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[54],{"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){var _this$options$element,_this$options;return null!==(_this$options$element=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0},set:function set(margin){if(!this.options)throw new Error("List has not been initiated!");this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"padding",get:function get(){var _this$options$padding,_this$options2;return null!==(_this$options$padding=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.padding)&&void 0!==_this$options$padding?_this$options$padding:0},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.padding=padding,this.options.vertPadding=padding,this.options.horPadding=padding,this.options.leftPadding=padding,this.options.rightPadding=padding,this.options.topPadding=padding,this.options.bottomPadding=padding,this.arrangeChildren()}},{key:"vertPadding",get:function get(){var _ref,_this$options$vertPad,_this$options3;return null!==(_ref=null!==(_this$options$vertPad=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:this.padding)&&void 0!==_ref?_ref:0},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.vertPadding=padding,this.options.topPadding=padding,this.options.bottomPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){var _ref2,_this$options$horPadd,_this$options4;return null!==(_ref2=null!==(_this$options$horPadd=null===(_this$options4=this.options)||void 0===_this$options4?void 0:_this$options4.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:this.padding)&&void 0!==_ref2?_ref2:0},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.horPadding=padding,this.options.leftPadding=padding,this.options.rightPadding=padding,this.arrangeChildren()}},{key:"leftPadding",get:function get(){var _this$options$leftPad,_this$options5;return null!==(_this$options$leftPad=null===(_this$options5=this.options)||void 0===_this$options5?void 0:_this$options5.leftPadding)&&void 0!==_this$options$leftPad?_this$options$leftPad:this.horPadding},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.leftPadding=padding,this.arrangeChildren()}},{key:"rightPadding",get:function get(){var _this$options$rightPa,_this$options6;return null!==(_this$options$rightPa=null===(_this$options6=this.options)||void 0===_this$options6?void 0:_this$options6.rightPadding)&&void 0!==_this$options$rightPa?_this$options$rightPa:this.horPadding},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.rightPadding=padding,this.arrangeChildren()}},{key:"topPadding",get:function get(){var _this$options$topPadd,_this$options7;return null!==(_this$options$topPadd=null===(_this$options7=this.options)||void 0===_this$options7?void 0:_this$options7.topPadding)&&void 0!==_this$options$topPadd?_this$options$topPadd:this.vertPadding},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.topPadding=padding,this.arrangeChildren()}},{key:"bottomPadding",get:function get(){var _this$options$bottomP,_this$options8;return null!==(_this$options$bottomP=null===(_this$options8=this.options)||void 0===_this$options8?void 0:_this$options8.bottomPadding)&&void 0!==_this$options$bottomP?_this$options$bottomP:this.vertPadding},set:function set(padding){if(!this.options)throw new Error("List has not been initiated!");this.options.bottomPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$element2,_this$options9,_this$parent,_this3=this,x=this.leftPadding,y=this.topPadding,elementsMargin=null!==(_this$options$element2=null===(_this$options9=this.options)||void 0===_this$options9?void 0:_this$options9.elementsMargin)&&void 0!==_this$options$element2?_this$options$element2:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;this.rightPadding&&(maxWidth-=this.rightPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0&&(y+=elementsMargin+child.height,x=_this3.leftPadding,child.x=x,child.y=y),x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/59.d470c8b9.iframe.bundle.js b/storybook/59.d470c8b9.iframe.bundle.js deleted file mode 100644 index a8cf8486..00000000 --- a/storybook/59.d470c8b9.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[59],{"./src/ProgressBar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i100?100:progress}},{key:"progress",get:function get(){return this._progress},set:function set(progress){this._progress=this.validate(progress),this.fill&&this.fillMask&&(this.fillMask.width=this.fill.width/100*(this._progress-this.progressStart),this.fillMask.x=this.progressStart/100*this.fill.width,this.fillMask.height=this.fill.height)}},{key:"width",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"width",this)},set:function set(width){var _this$options3;if(null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane){if(this.bg&&(this.bg.width=width),this.fill){var _this$options$fillPad,_this$options$fillPad2,_this$options$fillPad3,_this$options$fillPad4,leftPadding=null!==(_this$options$fillPad=null===(_this$options$fillPad2=this.options.fillPaddings)||void 0===_this$options$fillPad2?void 0:_this$options$fillPad2.left)&&void 0!==_this$options$fillPad?_this$options$fillPad:0,rightPadding=null!==(_this$options$fillPad3=null===(_this$options$fillPad4=this.options.fillPaddings)||void 0===_this$options$fillPad4?void 0:_this$options$fillPad4.right)&&void 0!==_this$options$fillPad3?_this$options$fillPad3:0;this.fill.width=width-leftPadding-rightPadding,this.fillMask.width=width-leftPadding-rightPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"height",this)},set:function set(height){var _this$options4;if(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane){if(this.bg&&(this.bg.height=height),this.fill){var _this$options$fillPad5,_this$options$fillPad6,_this$options$fillPad7,_this$options$fillPad8,topPadding=null!==(_this$options$fillPad5=null===(_this$options$fillPad6=this.options.fillPaddings)||void 0===_this$options$fillPad6?void 0:_this$options$fillPad6.top)&&void 0!==_this$options$fillPad5?_this$options$fillPad5:0,bottomPadding=null!==(_this$options$fillPad7=null===(_this$options$fillPad8=this.options.fillPaddings)||void 0===_this$options$fillPad8?void 0:_this$options$fillPad8.bottom)&&void 0!==_this$options$fillPad7?_this$options$fillPad7:0;this.fill.height=height-topPadding-bottomPadding,this.fillMask.height=height-topPadding-bottomPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"height",height,this,!0)}}]),ProgressBar}(_pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2)},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/182.18ad0870.iframe.bundle.js b/storybook/604.ee83ad99.iframe.bundle.js similarity index 52% rename from storybook/182.18ad0870.iframe.bundle.js rename to storybook/604.ee83ad99.iframe.bundle.js index b911c13d..ca4465e3 100644 --- a/storybook/182.18ad0870.iframe.bundle.js +++ b/storybook/604.ee83ad99.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[182],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/Input.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>Input});var _pixi_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i=this.options.maxLength||(this.value=this.value+key,this.onChange.emit(this.value)))}},{key:"_delete",value:function _delete(){if(this.editing&&0!==this.value.length){var array=this.value.split("");array.pop(),this.value=array.join(""),this.onChange.emit(this.value)}}},{key:"_startEditing",value:function _startEditing(){this.options.cleanOnFocus&&(this.value=""),this.tick=0,this.editing=!0,this.placeholder.visible=!1,this._cursor.alpha=1,_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any&&this.createInputField(),this.align()}},{key:"createInputField",value:function createInputField(){var _this$input,_this$input2;this.input&&(this.input.removeEventListener("blur",this.stopEditingBinding),this.input.removeEventListener("keyup",this.onKeyUpBinding),null===(_this$input=this.input)||void 0===_this$input||_this$input.blur(),null===(_this$input2=this.input)||void 0===_this$input2||_this$input2.remove(),this.input=null);var input=document.createElement("input");document.body.appendChild(input),input.style.position="fixed",input.style.left="".concat(this.getGlobalPosition().x,"px"),input.style.top="".concat(this.getGlobalPosition().y,"px"),input.style.opacity="0.0000001",input.style.width="".concat(this._bg.width,"px"),input.style.height="".concat(this._bg.height,"px"),input.style.border="none",input.style.outline="none",input.style.background="white",_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.android.device?setTimeout((function(){input.focus(),input.click()}),100):(input.focus(),input.click()),input.addEventListener("blur",this.stopEditingBinding),input.addEventListener("keyup",this.onKeyUpBinding),this.input=input,this.align()}},{key:"handleActivation",value:function handleActivation(){this.stopEditing(),this.activation&&(this._startEditing(),this.activation=!1)}},{key:"stopEditing",value:function stopEditing(){if(this.editing){var _this$input3,_this$input4;if(this._cursor.alpha=0,this.editing=!1,""===this.inputField.text&&(this.placeholder.visible=!0),0===this.value.length&&(this.placeholder.visible=!0),_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any)null===(_this$input3=this.input)||void 0===_this$input3||_this$input3.blur(),null===(_this$input4=this.input)||void 0===_this$input4||_this$input4.remove(),this.input=null;this.align(),this.onEnter.emit(this.value)}}},{key:"update",value:function update(dt){this.editing&&(this.tick+=.1*dt,this._cursor.alpha=Math.round(.5*Math.sin(this.tick)+.5))}},{key:"align",value:function align(){if(this._bg){var align=this.getAlign();this.inputField.anchor.set(align,.5),this.inputField.x=this._bg.width*align+(1===align?-this.paddingRight:this.paddingLeft),this.inputField.y=this._bg.height/2+this.paddingTop-this.paddingBottom,this.placeholder.anchor.set(align,.5),this.placeholder.x=this._bg.width*align+(1===align?-this.paddingRight:this.paddingLeft),this.placeholder.y=this._bg.height/2,this._cursor.x=this.getCursorPosX(),this._cursor.y=this.inputField.y}}},{key:"getAlign",value:function getAlign(){var maxWidth=.95*this._bg.width,paddings=this.paddingLeft+this.paddingRight-10;if(this.inputField.width+paddings>maxWidth)return this.editing?1:0;switch(this.options.align){case"left":default:return 0;case"center":return.5;case"right":return 1}}},{key:"getCursorPosX",value:function getCursorPosX(){switch(this.getAlign()){case 0:return this.inputField.x+this.inputField.width;case.5:return this.inputField.x+.5*this.inputField.width;case 1:return this.inputField.x;default:return 0}}},{key:"value",get:function get(){return this.inputField.text},set:function set(text){this.inputField.text=text,0!==text.length?this.placeholder.visible=!1:this.placeholder.visible=!this.editing,this.align()}},{key:"padding",get:function get(){return[this.paddingTop,this.paddingRight,this.paddingBottom,this.paddingLeft]},set:function set(value){var _value$,_ref,_value$2,_ref2,_value$3,_ref3,_ref4,_value$4;if("number"==typeof value&&(this.paddingTop=value,this.paddingRight=value,this.paddingBottom=value,this.paddingLeft=value),Array.isArray(value))this.paddingTop=null!==(_value$=value[0])&&void 0!==_value$?_value$:0,this.paddingRight=null!==(_ref=null!==(_value$2=value[1])&&void 0!==_value$2?_value$2:value[0])&&void 0!==_ref?_ref:0,this.paddingBottom=null!==(_ref2=null!==(_value$3=value[2])&&void 0!==_value$3?_value$3:value[0])&&void 0!==_ref2?_ref2:0,this.paddingLeft=null!==(_ref3=null!==(_ref4=null!==(_value$4=value[3])&&void 0!==_value$4?_value$4:value[1])&&void 0!==_ref4?_ref4:value[0])&&void 0!==_ref3?_ref3:0;else if("object"===_typeof(value)){var _value$top,_value$right,_value$bottom,_value$left;this.paddingTop=null!==(_value$top=value.top)&&void 0!==_value$top?_value$top:0,this.paddingRight=null!==(_value$right=value.right)&&void 0!==_value$right?_value$right:0,this.paddingBottom=null!==(_value$bottom=value.bottom)&&void 0!==_value$bottom?_value$bottom:0,this.paddingLeft=null!==(_value$left=value.left)&&void 0!==_value$left?_value$left:0}}},{key:"destroy",value:function destroy(options){this.off("pointertap"),_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any?window.removeEventListener("touchstart",this.handleActivationBinding):_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any||(window.removeEventListener("click",this.handleActivationBinding),window.removeEventListener("keyup",this.onKeyUpBinding)),_get(_getPrototypeOf(Input.prototype),"destroy",this).call(this,options)}},{key:"width",get:function get(){return _get(_getPrototypeOf(Input.prototype),"width",this)},set:function set(width){var _this$options3;null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane?(this._bg&&(this._bg.width=width),this.inputMask&&(this.inputMask.width=width-this.paddingLeft-this.paddingRight,this.inputMask.x=this.paddingLeft),this.align()):_set(_getPrototypeOf(Input.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(Input.prototype),"height",this)},set:function set(height){var _this$options4;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane?(this._bg&&(this._bg.height=height),this.inputMask&&(this.inputMask.height=height-this.paddingTop-this.paddingBottom,this.inputMask.y=this.paddingTop),this.align()):_set(_getPrototypeOf(Input.prototype),"height",height,this,!0)}}]),Input}(_pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2)},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}},"./node_modules/typed-signals/dist/Collector.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[604],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/Input.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>Input});var _pixi_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i=this.options.maxLength||(this.value=this.value+key,this.onChange.emit(this.value)))}},{key:"_delete",value:function _delete(){if(this.editing&&0!==this.value.length){var array=this.value.split("");array.pop(),this.value=array.join(""),this.onChange.emit(this.value)}}},{key:"_startEditing",value:function _startEditing(){this.options.cleanOnFocus&&(this.value=""),this.tick=0,this.editing=!0,this.placeholder.visible=!1,this._cursor.alpha=1,_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any&&this.createInputField(),this.align()}},{key:"createInputField",value:function createInputField(){var _this$input,_this$input2;this.input&&(this.input.removeEventListener("blur",this.stopEditingBinding),this.input.removeEventListener("keyup",this.onKeyUpBinding),null===(_this$input=this.input)||void 0===_this$input||_this$input.blur(),null===(_this$input2=this.input)||void 0===_this$input2||_this$input2.remove(),this.input=null);var input=document.createElement("input");document.body.appendChild(input),input.style.position="fixed",input.style.left="".concat(this.getGlobalPosition().x,"px"),input.style.top="".concat(this.getGlobalPosition().y,"px"),input.style.opacity="0.0000001",input.style.width="".concat(this._bg.width,"px"),input.style.height="".concat(this._bg.height,"px"),input.style.border="none",input.style.outline="none",input.style.background="white",_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.android.device?setTimeout((function(){input.focus(),input.click()}),100):(input.focus(),input.click()),input.addEventListener("blur",this.stopEditingBinding),input.addEventListener("keyup",this.onKeyUpBinding),this.input=input,this.align()}},{key:"handleActivation",value:function handleActivation(){this.stopEditing(),this.activation&&(this._startEditing(),this.activation=!1)}},{key:"stopEditing",value:function stopEditing(){if(this.editing){var _this$input3,_this$input4;if(this._cursor.alpha=0,this.editing=!1,""===this.inputField.text&&(this.placeholder.visible=!0),0===this.value.length&&(this.placeholder.visible=!0),_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any)null===(_this$input3=this.input)||void 0===_this$input3||_this$input3.blur(),null===(_this$input4=this.input)||void 0===_this$input4||_this$input4.remove(),this.input=null;this.align(),this.onEnter.emit(this.value)}}},{key:"update",value:function update(dt){this.editing&&(this.tick+=.1*dt,this._cursor.alpha=Math.round(.5*Math.sin(this.tick)+.5))}},{key:"align",value:function align(){if(this._bg){var align=this.getAlign();this.inputField.anchor.set(align,.5),this.inputField.x=this._bg.width*align+(1===align?-this.paddingRight:this.paddingLeft),this.inputField.y=this._bg.height/2+this.paddingTop-this.paddingBottom,this.placeholder.anchor.set(align,.5),this.placeholder.x=this._bg.width*align+(1===align?-this.paddingRight:this.paddingLeft),this.placeholder.y=this._bg.height/2,this._cursor.x=this.getCursorPosX(),this._cursor.y=this.inputField.y}}},{key:"getAlign",value:function getAlign(){var maxWidth=.95*this._bg.width,paddings=this.paddingLeft+this.paddingRight-10;if(this.inputField.width+paddings>maxWidth)return this.editing?1:0;switch(this.options.align){case"left":default:return 0;case"center":return.5;case"right":return 1}}},{key:"getCursorPosX",value:function getCursorPosX(){switch(this.getAlign()){case 0:return this.inputField.x+this.inputField.width;case.5:return this.inputField.x+.5*this.inputField.width;case 1:return this.inputField.x;default:return 0}}},{key:"value",get:function get(){return this.inputField.text},set:function set(text){this.inputField.text=text,0!==text.length?this.placeholder.visible=!1:this.placeholder.visible=!this.editing,this.align()}},{key:"padding",get:function get(){return[this.paddingTop,this.paddingRight,this.paddingBottom,this.paddingLeft]},set:function set(value){var _value$,_ref,_value$2,_ref2,_value$3,_ref3,_ref4,_value$4;if("number"==typeof value&&(this.paddingTop=value,this.paddingRight=value,this.paddingBottom=value,this.paddingLeft=value),Array.isArray(value))this.paddingTop=null!==(_value$=value[0])&&void 0!==_value$?_value$:0,this.paddingRight=null!==(_ref=null!==(_value$2=value[1])&&void 0!==_value$2?_value$2:value[0])&&void 0!==_ref?_ref:0,this.paddingBottom=null!==(_ref2=null!==(_value$3=value[2])&&void 0!==_value$3?_value$3:value[0])&&void 0!==_ref2?_ref2:0,this.paddingLeft=null!==(_ref3=null!==(_ref4=null!==(_value$4=value[3])&&void 0!==_value$4?_value$4:value[1])&&void 0!==_ref4?_ref4:value[0])&&void 0!==_ref3?_ref3:0;else if("object"===_typeof(value)){var _value$top,_value$right,_value$bottom,_value$left;this.paddingTop=null!==(_value$top=value.top)&&void 0!==_value$top?_value$top:0,this.paddingRight=null!==(_value$right=value.right)&&void 0!==_value$right?_value$right:0,this.paddingBottom=null!==(_value$bottom=value.bottom)&&void 0!==_value$bottom?_value$bottom:0,this.paddingLeft=null!==(_value$left=value.left)&&void 0!==_value$left?_value$left:0}}},{key:"destroy",value:function destroy(options){this.off("pointertap"),_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any?window.removeEventListener("touchstart",this.handleActivationBinding):_pixi_core__WEBPACK_IMPORTED_MODULE_0__.P6.isMobile.any||(window.removeEventListener("click",this.handleActivationBinding),window.removeEventListener("keyup",this.onKeyUpBinding)),_get(_getPrototypeOf(Input.prototype),"destroy",this).call(this,options)}},{key:"width",get:function get(){return _get(_getPrototypeOf(Input.prototype),"width",this)},set:function set(width){var _this$options3;null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane?(this._bg&&(this._bg.width=width),this.inputMask&&(this.inputMask.width=width-this.paddingLeft-this.paddingRight,this.inputMask.x=this.paddingLeft),this.align()):_set(_getPrototypeOf(Input.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(Input.prototype),"height",this)},set:function set(height){var _this$options4;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane?(this._bg&&(this._bg.height=height),this.inputMask&&(this.inputMask.height=height-this.paddingTop-this.paddingBottom,this.inputMask.y=this.paddingTop),this.align()):_set(_getPrototypeOf(Input.prototype),"height",height,this,!0)}}]),Input}(_pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2)},"./node_modules/typed-signals/dist/Collector.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file diff --git a/storybook/664.8310debe.iframe.bundle.js b/storybook/664.8310debe.iframe.bundle.js deleted file mode 100644 index 11b4a543..00000000 --- a/storybook/664.8310debe.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[664],{"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/RadioGroup.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>RadioGroup});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts");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__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/733.49d39df7.iframe.bundle.js b/storybook/733.49d39df7.iframe.bundle.js new file mode 100644 index 00000000..9ed4ed71 --- /dev/null +++ b/storybook/733.49d39df7.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[733],{"./src/ScrollBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>ScrollBox});var lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),display_lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),graphics_lib=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),List=__webpack_require__("./src/List.ts");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;i0&&void 0!==arguments[0]?arguments[0]:{};!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Spring),this.x=0,this.ax=0,this.dx=0,this.tx=0,this._options=options,this._options.max=options.max||160,this._options.damp=options.damp||.8,this._options.springiness=options.springiness||.1}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Spring,[{key:"update",value:function update(){this.ax=(this.tx-this.x)*this._options.springiness,this.dx+=this.ax,this.dx*=this._options.damp,this.dx<-this._options.max?this.dx=-this._options.max:this.dx>this._options.max&&(this.dx=this._options.max),this.x+=this.dx}},{key:"reset",value:function reset(){this.x=0,this.ax=0,this.dx=0,this.tx=0}},{key:"max",get:function get(){return this._options.max},set:function set(value){this._options.max=value}},{key:"damp",get:function get(){return this._options.damp},set:function set(value){this._options.damp=value}},{key:"springiness",get:function get(){return this._options.springiness},set:function set(value){this._options.springiness=value}}]),Spring}();function ScrollSpring_typeof(o){return ScrollSpring_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},ScrollSpring_typeof(o)}function ScrollSpring_defineProperties(target,props){for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:{};!function SlidingNumber_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,SlidingNumber),_defineProperty(this,"position",0),_defineProperty(this,"constrain",!0),_defineProperty(this,"min",0),_defineProperty(this,"max",0),_defineProperty(this,"maxSpeed",400),_defineProperty(this,"_offset",0),_defineProperty(this,"_prev",0),_defineProperty(this,"_speed",0),_defineProperty(this,"_targetSpeed",0),_defineProperty(this,"_speedChecker",0),_defineProperty(this,"_grab",0),this.constrain=null===(_options$constrain=options.constrain)||void 0===_options$constrain||_options$constrain,this.maxSpeed=null!==(_options$maxSpeed=options.maxSpeed)&&void 0!==_options$maxSpeed?_options$maxSpeed:400,this._ease=null!==(_options$ease=options.ease)&&void 0!==_options$ease?_options$ease:new ScrollSpring}return function SlidingNumber_createClass(Constructor,protoProps,staticProps){return protoProps&&SlidingNumber_defineProperties(Constructor.prototype,protoProps),staticProps&&SlidingNumber_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(SlidingNumber,[{key:"value",get:function get(){return this.position},set:function set(n){this._speed=0,this.position=n}},{key:"grab",value:function grab(offset){this._grab=offset,this._offset=this.position-offset,this._speedChecker=0,this._targetSpeed=this._speed=0,this._hasStopped=!1}},{key:"hold",value:function hold(newPosition){this._speedChecker++,this.position=newPosition+this._offset,this._speedChecker>1&&(this._targetSpeed=this.position-this._prev),this._speed+=(this._targetSpeed-this._speed)/2,this._speed>this.maxSpeed?this._speed=this.maxSpeed:this._speed<-this.maxSpeed&&(this._speed=-this.maxSpeed),this._prev=this.position,this.constrain&&(this._activeEase=null,this.position>this.min?this.position-=(this.position-this.min)/1.5:this.position0&&void 0!==arguments[0]&&arguments[0];this._hasStopped||(this.constrain?this._updateConstrain(instant):this._updateDefault())}},{key:"moveAmount",get:function get(){return-(this.position-this._offset-this._grab)}},{key:"_updateDefault",value:function _updateDefault(){this._speed*=.9,this.position+=this._speed,(this._speed<0?-1*this._speed:this._speed)<.01&&(this._hasStopped=!0)}},{key:"_updateConstrain",value:function _updateConstrain(){var instant=arguments.length>0&&void 0!==arguments[0]&&arguments[0],max=this.max;instant?(this.value>0&&(this.value=0),this.value>0&&(this.value=0),this.valuethis.min||this.positionthis.min?this._activeEase.start(this._speed,this.position,this.min):this._activeEase.start(this._speed,this.position,max)),this.position=this._activeEase.update(),this._activeEase.done&&(this.position=this._activeEase.to,this._speed=0,this._activeEase=null)):this._updateDefault()}}]),SlidingNumber}();function Trackpad_typeof(o){return Trackpad_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},Trackpad_typeof(o)}function Trackpad_defineProperties(target,props){for(var i=0;i1)items.forEach((function(item){return _this3.addItem(item)}));else{var child=items[0];child.width&&child.height||console.error("ScrollBox item should have size"),child.eventMode="static",this.list.addChild(child),this.options.disableDynamicRendering||(child.renderable=this.isItemVisible(child))}return this.resize(),items[0]}},{key:"removeItem",value:function removeItem(itemID){this.list.removeItem(itemID),this.resize()}},{key:"isItemVisible",value:function isItemVisible(item){var isVertical="vertical"===this.options.type||!this.options.type,isVisible=!1,list=this.list;if(isVertical){var posY=item.y+list.y;posY+item.height+this.list.bottomPadding>=0&&posY-this.list.topPadding<=this.options.height&&(isVisible=!0)}else{var posX=item.x+list.x;posX+item.width>=0&&posX<=this.options.width&&(isVisible=!0)}return isVisible}},{key:"items",get:function get(){var _this$list$children,_this$list;return null!==(_this$list$children=null===(_this$list=this.list)||void 0===_this$list?void 0:_this$list.children)&&void 0!==_this$list$children?_this$list$children:[]}},{key:"setBackground",value:function setBackground(background){this.background&&this.removeChild(this.background),this.options.background=background,this.background=new graphics_lib.TC,this.addChildAt(this.background,0),this.resize()}},{key:"addMask",value:function addMask(){this.borderMask||(this.borderMask=new graphics_lib.TC,_get(_getPrototypeOf(ScrollBox.prototype),"addChild",this).call(this,this.borderMask),this.mask=this.borderMask),this.resize()}},{key:"makeScrollable",value:function makeScrollable(){var _this4=this;this._trackpad||(this._trackpad=new Trackpad({disableEasing:this.options.disableEasing})),this.on("pointerdown",(function(e){_this4.renderAllItems(),_this4.isDragging=1,_this4.dragStarTouchPoint=_this4.worldTransform.applyInverse(e.global),_this4._trackpad.pointerDown(_this4.dragStarTouchPoint);var listTouchPoint=_this4.list.worldTransform.applyInverse(e.global);_this4.visibleItems.forEach((function(item){item.xlistTouchPoint.x&&item.ylistTouchPoint.y&&(_this4.pressedChild=item)}))})),this.on("pointerup",(function(){_this4.isDragging=0,_this4._trackpad.pointerUp(),_this4.restoreItemsInteractivity(),_this4.pressedChild=null,_this4.stopRenderHiddenItems()})),this.on("pointerupoutside",(function(){_this4.isDragging=0,_this4._trackpad.pointerUp(),_this4.restoreItemsInteractivity(),_this4.pressedChild=null,_this4.stopRenderHiddenItems()})),this.on("globalpointermove",(function(e){if(_this4.isDragging){var touchPoint=_this4.worldTransform.applyInverse(e.global);if(_this4.dragStarTouchPoint){var _this4$options$dragTr,dragTrashHold=null!==(_this4$options$dragTr=_this4.options.dragTrashHold)&&void 0!==_this4$options$dragTr?_this4$options$dragTr:10;if("horizontal"===_this4.options.type){var xDist=touchPoint.x-_this4.dragStarTouchPoint.x;Math.abs(xDist)>dragTrashHold&&(_this4.isDragging=2)}else{var yDist=touchPoint.y-_this4.dragStarTouchPoint.y;Math.abs(yDist)>dragTrashHold&&(_this4.isDragging=2)}}_this4.dragStarTouchPoint&&2!==_this4.isDragging||(_this4._trackpad.pointerMove(touchPoint),_this4.pressedChild&&(_this4.revertClick(_this4.pressedChild),_this4.pressedChild=null))}})),document.addEventListener("wheel",this.onMouseScrollBinding,!0)}},{key:"setInteractive",value:function setInteractive(interactive){this.eventMode=interactive?"static":"auto"}},{key:"listHeight",get:function get(){return this.list.height+this.list.topPadding+this.list.bottomPadding}},{key:"listWidth",get:function get(){return this.list.width+this.list.leftPadding+this.list.rightPadding}},{key:"resize",value:function resize(){if(this.hasBounds){if(this.renderAllItems(),this.borderMask&&(this.lastWidth!==this.listWidth||this.lastHeight!==this.listHeight)){this.options.width||(this.__width+=this.listWidth),this.options.height||(this.__height+=this.listHeight),this.borderMask.clear().lineStyle(0).beginFill(16777215).drawRoundedRect(0,0,this.__width,this.__height,0|this.options.radius),this.borderMask.eventMode="none",this.background.clear().lineStyle(0);var color=this.options.background;this.background.beginFill(null!=color?color:0,color?1:1e-7),this.background.drawRoundedRect(0,0,this.__width,this.__height,0|this.options.radius),"horizontal"===this.options.type?this.setInteractive(this.listWidth>this.__width):this.setInteractive(this.listHeight>this.__height),this.lastWidth=this.listWidth,this.lastHeight=this.listHeight}if(this._trackpad){var maxWidth=this.borderMask.width-this.list.width-this.list.leftPadding-this.list.rightPadding,maxHeight=this.borderMask.height-this.list.height-this.list.topPadding-this.list.bottomPadding;"vertical"===this.options.type?this._trackpad.yAxis.max=-Math.abs(maxHeight):("horizontal"===this.options.type||(this._trackpad.yAxis.max=-Math.abs(maxHeight)),this._trackpad.xAxis.max=-Math.abs(maxWidth))}this.updateVisibleItems()}}},{key:"onMouseScroll",value:function onMouseScroll(event){if(this.renderAllItems(),"horizontal"!==this.options.type||void 0===event.deltaX&&void 0===event.deltaY){if(void 0!==event.deltaY){var _targetPos=this.list.y-event.deltaY;this.listHeightthis.list.topPadding?this._trackpad.yAxis.value=0:this._trackpad.yAxis.value=_targetPos}}else{var targetPos=event.deltaY?this.list.x-event.deltaY:this.list.x-event.deltaX;this.listWidththis.list.leftPadding?this._trackpad.xAxis.value=0:this._trackpad.xAxis.value=targetPos}this.stopRenderHiddenItems()}},{key:"scrollBottom",value:function scrollBottom(){this.interactive?this.scrollTo(this.list.children.length-1):this.scrollTop()}},{key:"scrollTop",value:function scrollTop(){this.renderAllItems(),this._trackpad.xAxis.value=0,this._trackpad.yAxis.value=0,this.stopRenderHiddenItems()}},{key:"renderAllItems",value:function renderAllItems(){clearTimeout(this.stopRenderHiddenItemsTimeout),this.stopRenderHiddenItemsTimeout=null,this.options.disableDynamicRendering||this.items.forEach((function(child){child.renderable=!0}))}},{key:"stopRenderHiddenItems",value:function stopRenderHiddenItems(){var _this5=this;this.options.disableDynamicRendering||(this.stopRenderHiddenItemsTimeout&&(clearTimeout(this.stopRenderHiddenItemsTimeout),this.stopRenderHiddenItemsTimeout=null),this.stopRenderHiddenItemsTimeout=setTimeout((function(){return _this5.updateVisibleItems()}),2e3))}},{key:"updateVisibleItems",value:function updateVisibleItems(){var _this6=this;this.visibleItems.length=0,this.items.forEach((function(child){child.renderable=_this6.isItemVisible(child),_this6.visibleItems.push(child)}))}},{key:"scrollTo",value:function scrollTo(elementID){if(this.interactive){var target=this.list.children[elementID];target&&(this.renderAllItems(),this._trackpad.xAxis.value="horizontal"===this.options.type?this.__width-target.x-target.width-this.list.rightPadding:0,this._trackpad.yAxis.value=this.options.type&&"vertical"!==this.options.type?0:this.__height-target.y-target.height-this.list.bottomPadding,this.stopRenderHiddenItems())}}},{key:"height",get:function get(){return this.__height}},{key:"width",get:function get(){return this.__width}},{key:"update",value:function update(){if(this.list){this._trackpad.update();var type="horizontal"===this.options.type?"x":"y";this.list[type]!==this._trackpad[type]&&(this.list[type]=this._trackpad[type])}}},{key:"destroy",value:function destroy(options){this.ticker.remove(this.update,this),document.removeEventListener("wheel",this.onMouseScrollBinding,!0),this.background.destroy(),this.list.destroy(),_get(_getPrototypeOf(ScrollBox.prototype),"destroy",this).call(this,options)}},{key:"restoreItemsInteractivity",value:function restoreItemsInteractivity(){this.interactiveStorage.forEach((function(element){element.item.eventMode=element.eventMode})),this.interactiveStorage.length=0}},{key:"revertClick",value:function revertClick(item){var _this7=this;"auto"!==item.eventMode&&(lib.P6.isMobile.any?item.emit("pointerupoutside",null):item.emit("mouseupoutside",null),this.interactiveStorage.push({item,eventMode:item.eventMode}),item.eventMode="auto"),item instanceof display_lib.W2&&item.children&&item.children.forEach((function(child){return _this7.revertClick(child)}))}}]),ScrollBox}(display_lib.W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/733.d5e1a663.iframe.bundle.js b/storybook/733.d5e1a663.iframe.bundle.js deleted file mode 100644 index bc2d5b2b..00000000 --- a/storybook/733.d5e1a663.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[733],{"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/ScrollBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>ScrollBox});var lib=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),display_lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),graphics_lib=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),List=__webpack_require__("./src/List.ts");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;i0&&void 0!==arguments[0]?arguments[0]:{};!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Spring),this.x=0,this.ax=0,this.dx=0,this.tx=0,this._options=options,this._options.max=options.max||160,this._options.damp=options.damp||.8,this._options.springiness=options.springiness||.1}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Spring,[{key:"update",value:function update(){this.ax=(this.tx-this.x)*this._options.springiness,this.dx+=this.ax,this.dx*=this._options.damp,this.dx<-this._options.max?this.dx=-this._options.max:this.dx>this._options.max&&(this.dx=this._options.max),this.x+=this.dx}},{key:"reset",value:function reset(){this.x=0,this.ax=0,this.dx=0,this.tx=0}},{key:"max",get:function get(){return this._options.max},set:function set(value){this._options.max=value}},{key:"damp",get:function get(){return this._options.damp},set:function set(value){this._options.damp=value}},{key:"springiness",get:function get(){return this._options.springiness},set:function set(value){this._options.springiness=value}}]),Spring}();function ScrollSpring_typeof(o){return ScrollSpring_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},ScrollSpring_typeof(o)}function ScrollSpring_defineProperties(target,props){for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:{};!function SlidingNumber_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,SlidingNumber),_defineProperty(this,"position",0),_defineProperty(this,"constrain",!0),_defineProperty(this,"min",0),_defineProperty(this,"max",0),_defineProperty(this,"maxSpeed",400),_defineProperty(this,"_offset",0),_defineProperty(this,"_prev",0),_defineProperty(this,"_speed",0),_defineProperty(this,"_targetSpeed",0),_defineProperty(this,"_speedChecker",0),_defineProperty(this,"_grab",0),this.constrain=null===(_options$constrain=options.constrain)||void 0===_options$constrain||_options$constrain,this.maxSpeed=null!==(_options$maxSpeed=options.maxSpeed)&&void 0!==_options$maxSpeed?_options$maxSpeed:400,this._ease=null!==(_options$ease=options.ease)&&void 0!==_options$ease?_options$ease:new ScrollSpring}return function SlidingNumber_createClass(Constructor,protoProps,staticProps){return protoProps&&SlidingNumber_defineProperties(Constructor.prototype,protoProps),staticProps&&SlidingNumber_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(SlidingNumber,[{key:"value",get:function get(){return this.position},set:function set(n){this._speed=0,this.position=n}},{key:"grab",value:function grab(offset){this._grab=offset,this._offset=this.position-offset,this._speedChecker=0,this._targetSpeed=this._speed=0,this._hasStopped=!1}},{key:"hold",value:function hold(newPosition){this._speedChecker++,this.position=newPosition+this._offset,this._speedChecker>1&&(this._targetSpeed=this.position-this._prev),this._speed+=(this._targetSpeed-this._speed)/2,this._speed>this.maxSpeed?this._speed=this.maxSpeed:this._speed<-this.maxSpeed&&(this._speed=-this.maxSpeed),this._prev=this.position,this.constrain&&(this._activeEase=null,this.position>this.min?this.position-=(this.position-this.min)/1.5:this.position0&&void 0!==arguments[0]&&arguments[0];this._hasStopped||(this.constrain?this._updateConstrain(instant):this._updateDefault())}},{key:"moveAmount",get:function get(){return-(this.position-this._offset-this._grab)}},{key:"_updateDefault",value:function _updateDefault(){this._speed*=.9,this.position+=this._speed,(this._speed<0?-1*this._speed:this._speed)<.01&&(this._hasStopped=!0)}},{key:"_updateConstrain",value:function _updateConstrain(){var instant=arguments.length>0&&void 0!==arguments[0]&&arguments[0],max=this.max;instant?(this.value>0&&(this.value=0),this.value>0&&(this.value=0),this.valuethis.min||this.positionthis.min?this._activeEase.start(this._speed,this.position,this.min):this._activeEase.start(this._speed,this.position,max)),this.position=this._activeEase.update(),this._activeEase.done&&(this.position=this._activeEase.to,this._speed=0,this._activeEase=null)):this._updateDefault()}}]),SlidingNumber}();function Trackpad_typeof(o){return Trackpad_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},Trackpad_typeof(o)}function Trackpad_defineProperties(target,props){for(var i=0;i1)items.forEach((function(item){return _this3.addItem(item)}));else{var child=items[0];child.width&&child.height||console.error("ScrollBox item should have size"),child.eventMode="static",this.list.addChild(child),this.options.disableDynamicRendering||(child.renderable=this.isItemVisible(child))}return this.resize(),items[0]}},{key:"removeItem",value:function removeItem(itemID){this.list.removeItem(itemID),this.resize()}},{key:"isItemVisible",value:function isItemVisible(item){var isVertical="vertical"===this.options.type||!this.options.type,isVisible=!1,list=this.list;if(isVertical){var posY=item.y+list.y;posY+item.height+this.options.vertPadding>=0&&posY-this.options.vertPadding<=this.options.height&&(isVisible=!0)}else{var posX=item.x+list.x;posX+item.width>=0&&posX<=this.options.width&&(isVisible=!0)}return isVisible}},{key:"items",get:function get(){var _this$list$children,_this$list;return null!==(_this$list$children=null===(_this$list=this.list)||void 0===_this$list?void 0:_this$list.children)&&void 0!==_this$list$children?_this$list$children:[]}},{key:"setBackground",value:function setBackground(background){this.background&&this.removeChild(this.background),this.options.background=background,this.background=new graphics_lib.TC,this.addChildAt(this.background,0),this.resize()}},{key:"addMask",value:function addMask(){this.borderMask||(this.borderMask=new graphics_lib.TC,_get(_getPrototypeOf(ScrollBox.prototype),"addChild",this).call(this,this.borderMask),this.mask=this.borderMask),this.resize()}},{key:"makeScrollable",value:function makeScrollable(){var _this4=this;this._trackpad||(this._trackpad=new Trackpad({disableEasing:this.options.disableEasing})),this.on("pointerdown",(function(e){_this4.renderAllItems(),_this4.isDragging=1,_this4.dragStarTouchPoint=_this4.worldTransform.applyInverse(e.global),_this4._trackpad.pointerDown(_this4.dragStarTouchPoint);var listTouchPoint=_this4.list.worldTransform.applyInverse(e.global);_this4.visibleItems.forEach((function(item){item.xlistTouchPoint.x&&item.ylistTouchPoint.y&&(_this4.pressedChild=item)}))})),this.on("pointerup",(function(){_this4.isDragging=0,_this4._trackpad.pointerUp(),_this4.restoreItemsInteractivity(),_this4.pressedChild=null,_this4.stopRenderHiddenItems()})),this.on("pointerupoutside",(function(){_this4.isDragging=0,_this4._trackpad.pointerUp(),_this4.restoreItemsInteractivity(),_this4.pressedChild=null,_this4.stopRenderHiddenItems()})),this.on("globalpointermove",(function(e){if(_this4.isDragging){var touchPoint=_this4.worldTransform.applyInverse(e.global);if(_this4.dragStarTouchPoint){var _this4$options$dragTr,dragTrashHold=null!==(_this4$options$dragTr=_this4.options.dragTrashHold)&&void 0!==_this4$options$dragTr?_this4$options$dragTr:10;if("horizontal"===_this4.options.type){var xDist=touchPoint.x-_this4.dragStarTouchPoint.x;Math.abs(xDist)>dragTrashHold&&(_this4.isDragging=2)}else{var yDist=touchPoint.y-_this4.dragStarTouchPoint.y;Math.abs(yDist)>dragTrashHold&&(_this4.isDragging=2)}}_this4.dragStarTouchPoint&&2!==_this4.isDragging||(_this4._trackpad.pointerMove(touchPoint),_this4.pressedChild&&(_this4.revertClick(_this4.pressedChild),_this4.pressedChild=null))}})),document.addEventListener("wheel",this.onMouseScrollBinding,!0)}},{key:"setInteractive",value:function setInteractive(interactive){this.eventMode=interactive?"static":"auto"}},{key:"listHeight",get:function get(){return this.list.height+2*this.options.vertPadding}},{key:"listWidth",get:function get(){return this.list.width+2*this.options.horPadding}},{key:"resize",value:function resize(){if(this.hasBounds){if(this.renderAllItems(),this.borderMask&&(this.lastWidth!==this.listWidth||this.lastHeight!==this.listHeight)){var verPadding=this.options.vertPadding,horPadding=this.options.horPadding;this.options.width||(this.__width+=this.listWidth),this.options.height||(this.__height+=this.listHeight),this.borderMask.clear().lineStyle(0).beginFill(16777215).drawRoundedRect(0,0,this.__width,this.__height,0|this.options.radius),this.borderMask.eventMode="none",this.background.clear().lineStyle(0);var color=this.options.background;this.background.beginFill(null!=color?color:0,color?1:1e-7),this.background.drawRoundedRect(0,0,this.__width+horPadding,this.__height+verPadding,0|this.options.radius),"horizontal"===this.options.type?this.setInteractive(this.listWidth>this.__width):this.setInteractive(this.listHeight>this.__height),this.lastWidth=this.listWidth,this.lastHeight=this.listHeight}if(this._trackpad){var maxWidth=this.borderMask.width-this.list.width-2*this.options.horPadding,maxHeight=this.borderMask.height-this.list.height-2*this.options.vertPadding;"vertical"===this.options.type?this._trackpad.yAxis.max=-Math.abs(maxHeight):("horizontal"===this.options.type||(this._trackpad.yAxis.max=-Math.abs(maxHeight)),this._trackpad.xAxis.max=-Math.abs(maxWidth))}this.updateVisibleItems()}}},{key:"onMouseScroll",value:function onMouseScroll(event){if(this.renderAllItems(),"horizontal"!==this.options.type||void 0===event.deltaX&&void 0===event.deltaY){if(void 0!==event.deltaY){var _targetPos=this.list.y-event.deltaY;this.listHeightthis.options.vertPadding?this._trackpad.yAxis.value=0:this._trackpad.yAxis.value=_targetPos}}else{var targetPos=event.deltaY?this.list.x-event.deltaY:this.list.x-event.deltaX;this.listWidththis.options.horPadding?this._trackpad.xAxis.value=0:this._trackpad.xAxis.value=targetPos}this.stopRenderHiddenItems()}},{key:"scrollBottom",value:function scrollBottom(){this.interactive?this.scrollTo(this.list.children.length-1):this.scrollTop()}},{key:"scrollTop",value:function scrollTop(){this.renderAllItems(),this._trackpad.xAxis.value=0,this._trackpad.yAxis.value=0,this.stopRenderHiddenItems()}},{key:"renderAllItems",value:function renderAllItems(){clearTimeout(this.stopRenderHiddenItemsTimeout),this.stopRenderHiddenItemsTimeout=null,this.options.disableDynamicRendering||this.items.forEach((function(child){child.renderable=!0}))}},{key:"stopRenderHiddenItems",value:function stopRenderHiddenItems(){var _this5=this;this.options.disableDynamicRendering||(this.stopRenderHiddenItemsTimeout&&(clearTimeout(this.stopRenderHiddenItemsTimeout),this.stopRenderHiddenItemsTimeout=null),this.stopRenderHiddenItemsTimeout=setTimeout((function(){return _this5.updateVisibleItems()}),2e3))}},{key:"updateVisibleItems",value:function updateVisibleItems(){var _this6=this;this.visibleItems.length=0,this.items.forEach((function(child){child.renderable=_this6.isItemVisible(child),_this6.visibleItems.push(child)}))}},{key:"scrollTo",value:function scrollTo(elementID){if(this.interactive){var target=this.list.children[elementID];target&&(this.renderAllItems(),this._trackpad.xAxis.value="horizontal"===this.options.type?this.__width-target.x-target.width-this.options.horPadding:0,this._trackpad.yAxis.value=this.options.type&&"vertical"!==this.options.type?0:this.__height-target.y-target.height-this.options.vertPadding,this.stopRenderHiddenItems())}}},{key:"height",get:function get(){return this.__height}},{key:"width",get:function get(){return this.__width}},{key:"update",value:function update(){if(this.list){this._trackpad.update();var type="horizontal"===this.options.type?"x":"y";this.list[type]!==this._trackpad[type]&&(this.list[type]=this._trackpad[type])}}},{key:"destroy",value:function destroy(options){this.ticker.remove(this.update,this),document.removeEventListener("wheel",this.onMouseScrollBinding,!0),this.background.destroy(),this.list.destroy(),_get(_getPrototypeOf(ScrollBox.prototype),"destroy",this).call(this,options)}},{key:"restoreItemsInteractivity",value:function restoreItemsInteractivity(){this.interactiveStorage.forEach((function(element){element.item.eventMode=element.eventMode})),this.interactiveStorage.length=0}},{key:"revertClick",value:function revertClick(item){var _this7=this;"auto"!==item.eventMode&&(lib.P6.isMobile.any?item.emit("pointerupoutside",null):item.emit("mouseupoutside",null),this.interactiveStorage.push({item,eventMode:item.eventMode}),item.eventMode="auto"),item instanceof display_lib.W2&&item.children&&item.children.forEach((function(child){return _this7.revertClick(child)}))}}]),ScrollBox}(display_lib.W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/746.93201860.iframe.bundle.js b/storybook/746.93201860.iframe.bundle.js new file mode 100644 index 00000000..11cee975 --- /dev/null +++ b/storybook/746.93201860.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[746],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/Switcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>Switcher});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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;i0&&(_this.active=activeViewID),_this.setInteractionEvents(),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Switcher,[{key:"setInteractionEvents",value:function setInteractionEvents(){var _this2=this;this.innerView.eventMode="static",this.innerView.on("pointerdown",(function(){return _this2.handleEvents("onDown")})),this.innerView.on("pointerup",(function(){return _this2.handleEvents("onUp")})),this.innerView.on("pointerupoutside",(function(){return _this2.handleEvents("onUpOut")})),this.innerView.on("pointerout",(function(){return _this2.handleEvents("onOut")})),this.innerView.on("pointertap",(function(){return _this2.handleEvents("onPress")})),this.innerView.on("pointerover",(function(){return _this2.handleEvents("onHover")}))}},{key:"handleEvents",value:function handleEvents(event){this._triggerEvents.has(event)&&this.switch()}},{key:"activeView",get:function get(){if(this.views&&this.views[this.active])return this.views[this.active]}},{key:"views",get:function get(){return this.innerView.children},set:function set(views){var _this3=this;this.innerView.removeChildren(),views.forEach((function(stateView){return _this3.add(stateView)}))}},{key:"add",value:function add(view){var viewInstance=(0,_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__.X)(view);this.innerView.addChild(viewInstance),viewInstance.visible=!1,1===this.views.length&&(this.active=0)}},{key:"remove",value:function remove(id){this.views[id]&&this.innerView.removeChild(this.views[id])}},{key:"triggerEvents",get:function get(){return Array.from(this._triggerEvents)},set:function set(triggerEvents){this._triggerEvents=new Set(Array.isArray(triggerEvents)?triggerEvents:[triggerEvents])}},{key:"switch",value:function _switch(id){if(void 0===id||id!==this.active){var exID=this.active;if(this.forceSwitch(id),exID!==this.active){var res=this.views.length>2?this.active:1===this.active;this.onChange.emit(res)}}}},{key:"forceSwitch",value:function forceSwitch(id){if(void 0===id||id!==this.active){if(this.activeView&&(this.activeView.visible=!1),void 0!==id&&!this.views[id])throw new Error("View with id ".concat(id," does not exist."));this._active=void 0!==id?id:this.nextActive,void 0!==this._active&&(this.views[this.active].visible=!0)}}},{key:"nextActive",get:function get(){if(0!==this.views.length)return this.active{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file diff --git a/storybook/879.81dec86b.iframe.bundle.js b/storybook/879.81dec86b.iframe.bundle.js new file mode 100644 index 00000000..3852c060 --- /dev/null +++ b/storybook/879.81dec86b.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[879],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/ProgressBar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i100?100:progress}},{key:"progress",get:function get(){return this._progress},set:function set(progress){this._progress=this.validate(progress),this.fill&&this.fillMask&&(this.fillMask.width=this.fill.width/100*(this._progress-this.progressStart),this.fillMask.x=this.progressStart/100*this.fill.width,this.fillMask.height=this.fill.height)}},{key:"width",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"width",this)},set:function set(width){var _this$options3;if(null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane){if(this.bg&&(this.bg.width=width),this.fill){var _this$options$fillPad,_this$options$fillPad2,_this$options$fillPad3,_this$options$fillPad4,leftPadding=null!==(_this$options$fillPad=null===(_this$options$fillPad2=this.options.fillPaddings)||void 0===_this$options$fillPad2?void 0:_this$options$fillPad2.left)&&void 0!==_this$options$fillPad?_this$options$fillPad:0,rightPadding=null!==(_this$options$fillPad3=null===(_this$options$fillPad4=this.options.fillPaddings)||void 0===_this$options$fillPad4?void 0:_this$options$fillPad4.right)&&void 0!==_this$options$fillPad3?_this$options$fillPad3:0;this.fill.width=width-leftPadding-rightPadding,this.fillMask.width=width-leftPadding-rightPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"height",this)},set:function set(height){var _this$options4;if(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane){if(this.bg&&(this.bg.height=height),this.fill){var _this$options$fillPad5,_this$options$fillPad6,_this$options$fillPad7,_this$options$fillPad8,topPadding=null!==(_this$options$fillPad5=null===(_this$options$fillPad6=this.options.fillPaddings)||void 0===_this$options$fillPad6?void 0:_this$options$fillPad6.top)&&void 0!==_this$options$fillPad5?_this$options$fillPad5:0,bottomPadding=null!==(_this$options$fillPad7=null===(_this$options$fillPad8=this.options.fillPaddings)||void 0===_this$options$fillPad8?void 0:_this$options$fillPad8.bottom)&&void 0!==_this$options$fillPad7?_this$options$fillPad7:0;this.fill.height=height-topPadding-bottomPadding,this.fillMask.height=height-topPadding-bottomPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"height",height,this,!0)}}]),ProgressBar}(_pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2)},"./src/SliderBase.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{V:()=>SliderBase});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_ProgressBar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/view.ts");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{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file diff --git a/storybook/879.f8bad56a.iframe.bundle.js b/storybook/879.f8bad56a.iframe.bundle.js deleted file mode 100644 index d9096a8e..00000000 --- a/storybook/879.f8bad56a.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[879],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/SliderBase.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{V:()=>SliderBase});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_ProgressBar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/view.ts");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{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file diff --git a/storybook/903.17216f08.iframe.bundle.js b/storybook/903.17216f08.iframe.bundle.js new file mode 100644 index 00000000..d26fae21 --- /dev/null +++ b/storybook/903.17216f08.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 903.17216f08.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[903],{"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js.LICENSE.txt b/storybook/903.17216f08.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js.LICENSE.txt rename to storybook/903.17216f08.iframe.bundle.js.LICENSE.txt diff --git a/storybook/952.a94063b5.iframe.bundle.js b/storybook/952.a94063b5.iframe.bundle.js deleted file mode 100644 index 56b237f6..00000000 --- a/storybook/952.a94063b5.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[952],{"./node_modules/@storybook/addon-actions/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{aD:()=>chunk_AY7I2SME.aD});var chunk_AY7I2SME=__webpack_require__("./node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs")},"./src/Switcher.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>Switcher});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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;i0&&(_this.active=activeViewID),_this.setInteractionEvents(),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Switcher,[{key:"setInteractionEvents",value:function setInteractionEvents(){var _this2=this;this.innerView.eventMode="static",this.innerView.on("pointerdown",(function(){return _this2.handleEvents("onDown")})),this.innerView.on("pointerup",(function(){return _this2.handleEvents("onUp")})),this.innerView.on("pointerupoutside",(function(){return _this2.handleEvents("onUpOut")})),this.innerView.on("pointerout",(function(){return _this2.handleEvents("onOut")})),this.innerView.on("pointertap",(function(){return _this2.handleEvents("onPress")})),this.innerView.on("pointerover",(function(){return _this2.handleEvents("onHover")}))}},{key:"handleEvents",value:function handleEvents(event){this._triggerEvents.has(event)&&this.switch()}},{key:"activeView",get:function get(){if(this.views&&this.views[this.active])return this.views[this.active]}},{key:"views",get:function get(){return this.innerView.children},set:function set(views){var _this3=this;this.innerView.removeChildren(),views.forEach((function(stateView){return _this3.add(stateView)}))}},{key:"add",value:function add(view){var viewInstance=(0,_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__.X)(view);this.innerView.addChild(viewInstance),viewInstance.visible=!1,1===this.views.length&&(this.active=0)}},{key:"remove",value:function remove(id){this.views[id]&&this.innerView.removeChild(this.views[id])}},{key:"triggerEvents",get:function get(){return Array.from(this._triggerEvents)},set:function set(triggerEvents){this._triggerEvents=new Set(Array.isArray(triggerEvents)?triggerEvents:[triggerEvents])}},{key:"switch",value:function _switch(id){if(void 0===id||id!==this.active){var exID=this.active;if(this.forceSwitch(id),exID!==this.active){var res=this.views.length>2?this.active:1===this.active;this.onChange.emit(res)}}}},{key:"forceSwitch",value:function forceSwitch(id){if(void 0===id||id!==this.active){if(this.activeView&&(this.activeView.visible=!1),void 0!==id&&!this.views[id])throw new Error("View with id ".concat(id," does not exist."));this._active=void 0!==id?id:this.nextActive,void 0!==this._active&&(this.views[this.active].visible=!0)}}},{key:"nextActive",get:function get(){if(0!==this.views.length)return this.active{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}},"./node_modules/typed-signals/dist/Collector.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collector=void 0;exports.Collector=class Collector{constructor(signal){this.emit=(...args)=>{signal.emitCollecting(this,args)}}}},"./node_modules/typed-signals/dist/CollectorArray.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorArray=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorArray extends Collector_1.Collector{constructor(){super(...arguments),this.result=[]}handleResult(result){return this.result.push(result),!0}getResult(){return this.result}reset(){this.result.length=0}}exports.CollectorArray=CollectorArray},"./node_modules/typed-signals/dist/CollectorLast.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorLast=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorLast extends Collector_1.Collector{handleResult(result){return this.result=result,!0}getResult(){return this.result}reset(){delete this.result}}exports.CollectorLast=CollectorLast},"./node_modules/typed-signals/dist/CollectorUntil0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorUntil0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorUntil0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorUntil0=CollectorUntil0},"./node_modules/typed-signals/dist/CollectorWhile0.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollectorWhile0=void 0;const Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");class CollectorWhile0 extends Collector_1.Collector{constructor(){super(...arguments),this.result=!1}handleResult(result){return this.result=result,!this.result}getResult(){return this.result}reset(){this.result=!1}}exports.CollectorWhile0=CollectorWhile0},"./node_modules/typed-signals/dist/Signal.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.Signal=void 0;const SignalConnection_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnection.js"),SignalLink_1=__webpack_require__("./node_modules/typed-signals/dist/SignalLink.js");exports.Signal=class Signal{constructor(){this.head=new SignalLink_1.SignalLink,this.hasNewLinks=!1,this.emitDepth=0,this.connectionsCount=0}getConnectionsCount(){return this.connectionsCount}hasConnections(){return this.connectionsCount>0}connect(callback,order=0){this.connectionsCount++;const link=this.head.insert(callback,order);return this.emitDepth>0&&(this.hasNewLinks=!0,link.newLink=!0),new SignalConnection_1.SignalConnectionImpl(link,(()=>this.decrementConnectionCount()))}decrementConnectionCount(){this.connectionsCount--}disconnect(callback){for(let link=this.head.next;link!==this.head;link=link.next)if(link.callback===callback)return this.decrementConnectionCount(),link.unlink(),!0;return!1}disconnectAll(){for(;this.head.next!==this.head;)this.head.next.unlink();this.connectionsCount=0}emit(...args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)link.isEnabled()&&link.callback&&link.callback.apply(null,args);this.emitDepth--,this.unsetNewLink()}emitCollecting(collector,args){this.emitDepth++;for(let link=this.head.next;link!==this.head;link=link.next)if(link.isEnabled()&&link.callback){const result=link.callback.apply(null,args);if(!collector.handleResult(result))break}this.emitDepth--,this.unsetNewLink()}unsetNewLink(){if(this.hasNewLinks&&0===this.emitDepth){for(let link=this.head.next;link!==this.head;link=link.next)link.newLink=!1;this.hasNewLinks=!1}}}},"./node_modules/typed-signals/dist/SignalConnection.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnectionImpl=void 0;exports.SignalConnectionImpl=class SignalConnectionImpl{constructor(link,parentCleanup){this.link=link,this.parentCleanup=parentCleanup}disconnect(){return null!==this.link&&(this.link.unlink(),this.link=null,this.parentCleanup(),this.parentCleanup=null,!0)}set enabled(enable){this.link&&this.link.setEnabled(enable)}get enabled(){return null!==this.link&&this.link.isEnabled()}}},"./node_modules/typed-signals/dist/SignalConnections.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalConnections=void 0;exports.SignalConnections=class SignalConnections{constructor(){this.list=[]}add(connection){this.list.push(connection)}disconnectAll(){for(const connection of this.list)connection.disconnect();this.list=[]}getCount(){return this.list.length}isEmpty(){return 0===this.list.length}}},"./node_modules/typed-signals/dist/SignalLink.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SignalLink=void 0;class SignalLink{constructor(prev=null,next=null,order=0){this.enabled=!0,this.newLink=!1,this.callback=null,this.prev=null!=prev?prev:this,this.next=null!=next?next:this,this.order=order}isEnabled(){return this.enabled&&!this.newLink}setEnabled(flag){this.enabled=flag}unlink(){this.callback=null,this.next.prev=this.prev,this.prev.next=this.next}insert(callback,order){let after=this.prev;for(;after!==this&&!(after.order<=order);)after=after.prev;const link=new SignalLink(after,after.next,order);return link.callback=callback,after.next=link,link.next.prev=link,link}}exports.SignalLink=SignalLink},"./node_modules/typed-signals/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{exports.MZ=void 0;var Collector_1=__webpack_require__("./node_modules/typed-signals/dist/Collector.js");var CollectorArray_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorArray.js");var CollectorLast_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorLast.js");var CollectorUntil0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorUntil0.js");var CollectorWhile0_1=__webpack_require__("./node_modules/typed-signals/dist/CollectorWhile0.js");var Signal_1=__webpack_require__("./node_modules/typed-signals/dist/Signal.js");Object.defineProperty(exports,"MZ",{enumerable:!0,get:function(){return Signal_1.Signal}});var SignalConnections_1=__webpack_require__("./node_modules/typed-signals/dist/SignalConnections.js")}}]); \ No newline at end of file diff --git a/storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js b/storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js new file mode 100644 index 00000000..167276e4 --- /dev/null +++ b/storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see Switcher-Switcher-stories.5d2ad188.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[918],{"./src/stories/Switcher/Switcher.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sprites:()=>Sprites,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Switcher_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),argTypes=__webpack_require__("./src/stories/utils/argTypes.ts"),Switcher=__webpack_require__("./src/Switcher.ts"),loader=__webpack_require__("./src/stories/utils/loader.ts"),helpers_resize=__webpack_require__("./src/utils/helpers/resize.ts"),lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),BUTTON_EVENTS=["onPress","onDown","onUp","onHover","onOut","onUpOut"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`, `avatar-02.png`, `avatar-03.png`, `avatar-04.png`, `avatar-05.png`];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const swich = new Switcher(assets, [triggerEvent1, triggerEvent2, triggerEvent3]);\n\n swich.onChange.connect((state) => action(`state ${state}`));\n\n view.addChild(swich);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Switcher/Sprites',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{sprites:{startLoc:{col:23,line:16},endLoc:{col:1,line:35},startBody:{col:23,line:16},endBody:{col:1,line:35}}}}},title:"Components/Switcher/Sprites",argTypes:(0,argTypes.P)(args),args:(0,argTypes.V)(args)};var __namedExportsOrder=["Sprites"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js.LICENSE.txt b/storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js.LICENSE.txt rename to storybook/Switcher-Switcher-stories.5d2ad188.iframe.bundle.js.LICENSE.txt diff --git a/storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js b/storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js deleted file mode 100644 index 695ec946..00000000 --- a/storybook/Switcher-Switcher-stories.745b674a.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see Switcher-Switcher-stories.745b674a.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[918],{"./src/stories/Switcher/Switcher.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sprites:()=>Sprites,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Switcher_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),argTypes=__webpack_require__("./src/stories/utils/argTypes.ts"),Switcher=__webpack_require__("./src/Switcher.ts"),loader=__webpack_require__("./src/stories/utils/loader.ts"),helpers_resize=__webpack_require__("./src/utils/helpers/resize.ts"),lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),BUTTON_EVENTS=["onPress","onDown","onUp","onHover","onOut","onUpOut"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`, `avatar-02.png`, `avatar-03.png`, `avatar-04.png`, `avatar-05.png`];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const swich = new Switcher(assets, [triggerEvent1, triggerEvent2, triggerEvent3]);\n\n swich.onChange.connect((state) => action(`state ${state}`));\n\n view.addChild(swich);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Switcher/Sprites',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{sprites:{startLoc:{col:23,line:16},endLoc:{col:1,line:35},startBody:{col:23,line:16},endBody:{col:1,line:35}}}}},title:"Components/Switcher/Sprites",argTypes:(0,argTypes.P)(args),args:(0,argTypes.V)(args)};var __namedExportsOrder=["Sprites"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/checkbox-CheckBoxGraphics-stories.fd2c361e.iframe.bundle.js b/storybook/checkbox-CheckBoxGraphics-stories.a72ad29f.iframe.bundle.js similarity index 57% rename from storybook/checkbox-CheckBoxGraphics-stories.fd2c361e.iframe.bundle.js rename to storybook/checkbox-CheckBoxGraphics-stories.a72ad29f.iframe.bundle.js index b75008b8..b19b2478 100644 --- a/storybook/checkbox-CheckBoxGraphics-stories.fd2c361e.iframe.bundle.js +++ b/storybook/checkbox-CheckBoxGraphics-stories.a72ad29f.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[909],{"./src/stories/checkbox/CheckBoxGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_CheckBox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/CheckBox.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts");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 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;r\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n color = getColor(color);\n borderColor = getColor(borderColor);\n fillColor = getColor(fillColor);\n fillBorderColor = getColor(fillBorderColor);\n\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const checkBox = new CheckBox({\n text: `${text} ${i + 1}`,\n checked,\n style: {\n unchecked: new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(-2, -2, width + 4, height + 4, radius)\n .beginFill(color)\n .drawRoundedRect(0, 0, width, height, radius),\n checked: new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(-2, -2, width + 4, height + 4, radius)\n .beginFill(color)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillBorderColor)\n .drawRoundedRect(3, 3, width - 6, height - 6, radius)\n .beginFill(fillColor)\n .drawRoundedRect(5, 5, width - 10, height - 10, radius),\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n });\n\n checkBox.onCheck.connect((checked) =>\n {\n onPress(`checkBox ${i + 1} ${checked}`);\n });\n\n view.addChild(checkBox);\n }\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Checkbox/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:25},endLoc:{col:1,line:87},startBody:{col:27,line:25},endBody:{col:1,line:87}}}}},title:"Components/Checkbox/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[909],{"./src/stories/checkbox/CheckBoxGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_CheckBox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/CheckBox.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts");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 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;r\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n color = getColor(color);\n borderColor = getColor(borderColor);\n fillColor = getColor(fillColor);\n fillBorderColor = getColor(fillBorderColor);\n\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const checkBox = new CheckBox({\n text: `${text} ${i + 1}`,\n checked,\n style: {\n unchecked: new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(-2, -2, width + 4, height + 4, radius)\n .beginFill(color)\n .drawRoundedRect(0, 0, width, height, radius),\n checked: new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(-2, -2, width + 4, height + 4, radius)\n .beginFill(color)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillBorderColor)\n .drawRoundedRect(3, 3, width - 6, height - 6, radius)\n .beginFill(fillColor)\n .drawRoundedRect(5, 5, width - 10, height - 10, radius),\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n });\n\n checkBox.onCheck.connect((checked) =>\n {\n onPress(`checkBox ${i + 1} ${checked}`);\n });\n\n view.addChild(checkBox);\n }\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Checkbox/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:25},endLoc:{col:1,line:87},startBody:{col:27,line:25},endBody:{col:1,line:87}}}}},title:"Components/Checkbox/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js b/storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js deleted file mode 100644 index 10211863..00000000 --- a/storybook/checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see checkbox-CheckBoxSprite-stories.1518bf54.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[235],{"./src/stories/checkbox/CheckBoxSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/CheckBox.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts");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 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;r\n{\n const view = new List({\n type: 'vertical',\n elementsMargin: 5\n });\n\n const assets = [`switch_off.png`, `switch_on.png`];\n\n preload(assets).then(() =>\n {\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const checkBox = new CheckBox({\n text: text ?? `${text} ${i + 1}`,\n checked,\n style: {\n unchecked: `switch_off.png`,\n checked: `switch_on.png`,\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n });\n\n checkBox.onCheck.connect((checked) => onChange(`${i + 1} ${checked}`));\n\n view.addChild(checkBox);\n }\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Checkbox/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:17},endLoc:{col:1,line:54},startBody:{col:25,line:17},endBody:{col:1,line:54}}}}},title:"Components/Checkbox/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js b/storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js new file mode 100644 index 00000000..18fbb275 --- /dev/null +++ b/storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[235],{"./src/stories/checkbox/CheckBoxSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/CheckBox.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts");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 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;r\n{\n const view = new List({\n type: 'vertical',\n elementsMargin: 5\n });\n\n const assets = [`switch_off.png`, `switch_on.png`];\n\n preload(assets).then(() =>\n {\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const checkBox = new CheckBox({\n text: text ?? `${text} ${i + 1}`,\n checked,\n style: {\n unchecked: `switch_off.png`,\n checked: `switch_on.png`,\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n });\n\n checkBox.onCheck.connect((checked) => onChange(`${i + 1} ${checked}`));\n\n view.addChild(checkBox);\n }\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/Checkbox/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:17},endLoc:{col:1,line:54},startBody:{col:25,line:17},endBody:{col:1,line:54}}}}},title:"Components/Checkbox/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js.LICENSE.txt b/storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js.LICENSE.txt rename to storybook/checkbox-CheckBoxSprite-stories.7e0f99c6.iframe.bundle.js.LICENSE.txt diff --git a/storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js b/storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js deleted file mode 100644 index b2672389..00000000 --- a/storybook/fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonBitmapText-stories.957145e7.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[306],{"./src/stories/fancyButton/FancyButtonBitmapText.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UsingSpriteAndBitmapText:()=>UsingSpriteAndBitmapText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _FancyButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text_bitmap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text-bitmap/lib/index.mjs"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts");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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n BitmapFont.from('TitleFont', {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n\n const title = new BitmapText(text, { fontName: 'TitleFont' });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: title,\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Using Sprite And BitmapText',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"using-sprite-and-bitmap-text":{startLoc:{col:40,line:23},endLoc:{col:1,line:91},startBody:{col:40,line:23},endBody:{col:1,line:91}}}}},title:"Components/FancyButton/Using Sprite And BitmapText",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UsingSpriteAndBitmapText"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js b/storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js new file mode 100644 index 00000000..e2c3e68c --- /dev/null +++ b/storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[306],{"./src/stories/fancyButton/FancyButtonBitmapText.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UsingSpriteAndBitmapText:()=>UsingSpriteAndBitmapText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _FancyButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text_bitmap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text-bitmap/lib/index.mjs"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts");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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n BitmapFont.from('TitleFont', {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n\n const title = new BitmapText(text, { fontName: 'TitleFont' });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: title,\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Using Sprite And BitmapText',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"using-sprite-and-bitmap-text":{startLoc:{col:40,line:23},endLoc:{col:1,line:91},startBody:{col:40,line:23},endBody:{col:1,line:91}}}}},title:"Components/FancyButton/Using Sprite And BitmapText",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UsingSpriteAndBitmapText"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js.LICENSE.txt b/storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js.LICENSE.txt rename to storybook/fancyButton-FancyButtonBitmapText-stories.efe0579c.iframe.bundle.js.LICENSE.txt diff --git a/storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js b/storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js deleted file mode 100644 index f0ef6b2b..00000000 --- a/storybook/fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonDynamicUpdate-stories.f51f854a.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[510],{"./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DynamicUpdate:()=>DynamicUpdate,__namedExportsOrder:()=>__namedExportsOrder,default:()=>FancyButtonDynamicUpdate_stories});var FancyButton=__webpack_require__("./src/FancyButton.ts"),dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),argTypes=__webpack_require__("./src/stories/utils/argTypes.ts"),loader=__webpack_require__("./src/stories/utils/loader.ts"),helpers_resize=__webpack_require__("./src/utils/helpers/resize.ts"),lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),styles=__webpack_require__("./src/utils/helpers/styles.ts"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs");function randomItem(obj){var random=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Math.random;if(Array.isArray(obj))return obj[Math.floor(random()*obj.length)];var keys=Object.keys(obj);return obj[keys[Math.floor(random()*keys.length)]]}var sprite_lib=__webpack_require__("./node_modules/@pixi/sprite/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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n const avatars = [`avatar-01.png`, `avatar-02.png`, `avatar-03.png`, `avatar-04.png`, `avatar-05.png`];\n\n preload([...assets, ...avatars]).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton();\n\n button.defaultView = `button.png`;\n button.hoverView = `button_hover.png`;\n\n let icon = avatars[0];\n\n button.iconView = Sprite.from(icon);\n button.iconView.scale.set(0.2);\n button.iconOffset = { x: -100, y: -7 };\n\n button.textView = new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n button.textOffset = { x: 30, y: -7 };\n\n button.padding = padding;\n\n button.anchor.set(anchorX, anchorY);\n\n button.enabled = !disabled;\n\n button.onPress.connect(onPress);\n\n let currentTexture = 'button_hover.png';\n\n button.onUp.connect(() =>\n {\n currentTexture = randomItem([\n `button_hover.png`,\n `button_pressed.png`,\n `button_disabled.png`\n ].filter((texture) => texture !== currentTexture)) as string;\n\n button.hoverView = currentTexture;\n\n const texts: string[] = ['🤙', '👌', '👍', '👏', '👋', '🤟', '🤘', '🤞'];\n const text = randomItem(texts.filter((text) => text !== button.text)) as string;\n\n button.textView = new Text(text, { fontSize: 70 });\n\n icon = randomItem(avatars.filter((avatar) => avatar !== icon)) as string;\n\n const sprite = Sprite.from(icon);\n\n sprite.scale.set(0.2);\n\n button.iconView = sprite;\n });\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Dynamic Update',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"dynamic-update":{startLoc:{col:29,line:22},endLoc:{col:1,line:97},startBody:{col:29,line:22},endBody:{col:1,line:97}}}}},title:"Components/FancyButton/Dynamic Update",argTypes:(0,argTypes.P)(args),args:(0,argTypes.V)(args)};var __namedExportsOrder=["DynamicUpdate"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js b/storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js new file mode 100644 index 00000000..05aa0bf3 --- /dev/null +++ b/storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[510],{"./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DynamicUpdate:()=>DynamicUpdate,__namedExportsOrder:()=>__namedExportsOrder,default:()=>FancyButtonDynamicUpdate_stories});var FancyButton=__webpack_require__("./src/FancyButton.ts"),dist=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),argTypes=__webpack_require__("./src/stories/utils/argTypes.ts"),loader=__webpack_require__("./src/stories/utils/loader.ts"),helpers_resize=__webpack_require__("./src/utils/helpers/resize.ts"),lib=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),styles=__webpack_require__("./src/utils/helpers/styles.ts"),text_lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs");function randomItem(obj){var random=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Math.random;if(Array.isArray(obj))return obj[Math.floor(random()*obj.length)];var keys=Object.keys(obj);return obj[keys[Math.floor(random()*keys.length)]]}var sprite_lib=__webpack_require__("./node_modules/@pixi/sprite/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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n const avatars = [`avatar-01.png`, `avatar-02.png`, `avatar-03.png`, `avatar-04.png`, `avatar-05.png`];\n\n preload([...assets, ...avatars]).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton();\n\n button.defaultView = `button.png`;\n button.hoverView = `button_hover.png`;\n\n let icon = avatars[0];\n\n button.iconView = Sprite.from(icon);\n button.iconView.scale.set(0.2);\n button.iconOffset = { x: -100, y: -7 };\n\n button.textView = new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n button.textOffset = { x: 30, y: -7 };\n\n button.padding = padding;\n\n button.anchor.set(anchorX, anchorY);\n\n button.enabled = !disabled;\n\n button.onPress.connect(onPress);\n\n let currentTexture = 'button_hover.png';\n\n button.onUp.connect(() =>\n {\n currentTexture = randomItem([\n `button_hover.png`,\n `button_pressed.png`,\n `button_disabled.png`\n ].filter((texture) => texture !== currentTexture)) as string;\n\n button.hoverView = currentTexture;\n\n const texts: string[] = ['🤙', '👌', '👍', '👏', '👋', '🤟', '🤘', '🤞'];\n const text = randomItem(texts.filter((text) => text !== button.text)) as string;\n\n button.textView = new Text(text, { fontSize: 70 });\n\n icon = randomItem(avatars.filter((avatar) => avatar !== icon)) as string;\n\n const sprite = Sprite.from(icon);\n\n sprite.scale.set(0.2);\n\n button.iconView = sprite;\n });\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Dynamic Update',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"dynamic-update":{startLoc:{col:29,line:22},endLoc:{col:1,line:97},startBody:{col:29,line:22},endBody:{col:1,line:97}}}}},title:"Components/FancyButton/Dynamic Update",argTypes:(0,argTypes.P)(args),args:(0,argTypes.V)(args)};var __namedExportsOrder=["DynamicUpdate"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js.LICENSE.txt b/storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js.LICENSE.txt rename to storybook/fancyButton-FancyButtonDynamicUpdate-stories.fd7c4741.iframe.bundle.js.LICENSE.txt diff --git a/storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js b/storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js deleted file mode 100644 index 3ea10213..00000000 --- a/storybook/fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonGraphics-stories.6b992831.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[17],{"./src/stories/fancyButton/FancyButtonGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/MaskedFrame.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/color.ts");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 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;r\n{\n color = getColor(color);\n hoverColor = getColor(hoverColor);\n pressedColor = getColor(pressedColor);\n disabledColor = getColor(disabledColor);\n\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n const fill = getColor(textColor);\n const target = Sprite.from(`avatar-01.png`);\n\n // Component usage !!!\n const icon = new MaskedFrame({\n target,\n mask: new Graphics().beginFill(0x000000).drawCircle(target.width / 2, target.height / 2, target.width / 2),\n borderWidth: 10,\n borderColor: fill\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(color).drawRoundedRect(0, 0, width, height, radius),\n hoverView: new Graphics().beginFill(hoverColor).drawRoundedRect(0, 0, width, height, radius),\n pressedView: new Graphics().beginFill(pressedColor).drawRoundedRect(0, 0, width, height, radius),\n disabledView: new Graphics().beginFill(disabledColor).drawRoundedRect(0, 0, width, height, radius),\n icon,\n text: new Text(text, {\n ...defaultTextStyle,\n fill\n }),\n padding,\n offset: {\n default: { y: defaultOffsetY },\n hover: { y: hoverOffsetY },\n pressed: { y: pressedOffsetY },\n disabled: { y: disabledOffsetY }\n },\n textOffset: {\n x: textOffsetX,\n y: textOffsetY\n },\n iconOffset: {\n x: iconOffsetX,\n y: iconOffsetY\n },\n animations: {\n default: {\n props: {\n scale: { x: 1, y: 1 },\n y: defaultOffsetY\n },\n duration: animationDuration\n },\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: hoverOffsetY\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: pressedOffsetY\n },\n duration: animationDuration\n }\n }\n });\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.anchor.set(anchorX, anchorY);\n\n button.onPress.connect(() => action('onPress'));\n button.onDown.connect(() => action('onDown'));\n button.onUp.connect(() => action('onUp'));\n button.onHover.connect(() => action('onHover'));\n button.onOut.connect(() => action('onOut'));\n button.onUpOut.connect(() => action('onUpOut'));\n\n view.addChild(button);\n\n centerView(view);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:40},endLoc:{col:1,line:159},startBody:{col:27,line:40},endBody:{col:1,line:159}}}}},title:"Components/FancyButton/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonGraphics-stories.8498162b.iframe.bundle.js b/storybook/fancyButton-FancyButtonGraphics-stories.8498162b.iframe.bundle.js new file mode 100644 index 00000000..1139a5e4 --- /dev/null +++ b/storybook/fancyButton-FancyButtonGraphics-stories.8498162b.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[17],{"./src/stories/fancyButton/FancyButtonGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/MaskedFrame.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/color.ts");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 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;r\n{\n color = getColor(color);\n hoverColor = getColor(hoverColor);\n pressedColor = getColor(pressedColor);\n disabledColor = getColor(disabledColor);\n\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n const fill = getColor(textColor);\n const target = Sprite.from(`avatar-01.png`);\n\n // Component usage !!!\n const icon = new MaskedFrame({\n target,\n mask: new Graphics().beginFill(0x000000).drawCircle(target.width / 2, target.height / 2, target.width / 2),\n borderWidth: 10,\n borderColor: fill\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(color).drawRoundedRect(0, 0, width, height, radius),\n hoverView: new Graphics().beginFill(hoverColor).drawRoundedRect(0, 0, width, height, radius),\n pressedView: new Graphics().beginFill(pressedColor).drawRoundedRect(0, 0, width, height, radius),\n disabledView: new Graphics().beginFill(disabledColor).drawRoundedRect(0, 0, width, height, radius),\n icon,\n text: new Text(text, {\n ...defaultTextStyle,\n fill\n }),\n padding,\n offset: {\n default: { y: defaultOffsetY },\n hover: { y: hoverOffsetY },\n pressed: { y: pressedOffsetY },\n disabled: { y: disabledOffsetY }\n },\n textOffset: {\n x: textOffsetX,\n y: textOffsetY\n },\n iconOffset: {\n x: iconOffsetX,\n y: iconOffsetY\n },\n animations: {\n default: {\n props: {\n scale: { x: 1, y: 1 },\n y: defaultOffsetY\n },\n duration: animationDuration\n },\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: hoverOffsetY\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: pressedOffsetY\n },\n duration: animationDuration\n }\n }\n });\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.anchor.set(anchorX, anchorY);\n\n button.onPress.connect(() => action('onPress'));\n button.onDown.connect(() => action('onDown'));\n button.onUp.connect(() => action('onUp'));\n button.onHover.connect(() => action('onHover'));\n button.onOut.connect(() => action('onOut'));\n button.onUpOut.connect(() => action('onUpOut'));\n\n view.addChild(button);\n\n centerView(view);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:40},endLoc:{col:1,line:159},startBody:{col:27,line:40},endBody:{col:1,line:159}}}}},title:"Components/FancyButton/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_11__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js b/storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js new file mode 100644 index 00000000..c7bb3541 --- /dev/null +++ b/storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[227],{"./src/stories/fancyButton/FancyButtonHTMLText.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UsingSpriteAndHTMLText:()=>UsingSpriteAndHTMLText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _FancyButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text_html__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text-html/lib/index.mjs"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts");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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n const title = new HTMLText(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: title,\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Using Sprite And HTMLText',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"using-sprite-and-html-text":{startLoc:{col:38,line:23},endLoc:{col:1,line:89},startBody:{col:38,line:23},endBody:{col:1,line:89}}}}},title:"Components/FancyButton/Using Sprite And HTMLText",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UsingSpriteAndHTMLText"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js.LICENSE.txt b/storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js.LICENSE.txt rename to storybook/fancyButton-FancyButtonHTMLText-stories.24c22ef9.iframe.bundle.js.LICENSE.txt diff --git a/storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js b/storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js deleted file mode 100644 index 62a3ee63..00000000 --- a/storybook/fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonHTMLText-stories.2a6e3289.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[227],{"./src/stories/fancyButton/FancyButtonHTMLText.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UsingSpriteAndHTMLText:()=>UsingSpriteAndHTMLText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _FancyButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text_html__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text-html/lib/index.mjs"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts");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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n const title = new HTMLText(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: title,\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Using Sprite And HTMLText',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"using-sprite-and-html-text":{startLoc:{col:38,line:23},endLoc:{col:1,line:89},startBody:{col:38,line:23},endBody:{col:1,line:89}}}}},title:"Components/FancyButton/Using Sprite And HTMLText",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UsingSpriteAndHTMLText"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js b/storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js deleted file mode 100644 index aed2757a..00000000 --- a/storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[363],{"./src/stories/fancyButton/FancyButtonIcon.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseIcon:()=>UseIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),args={color:"#A5E24D",hoverColor:"#FEC230",pressedColor:"#FE6048",disabledColor:"#6E6E6E",width:250,height:250,padding:30,radius:200,iconOffsetX:0,iconOffsetY:0,defaultOffset:0,hoverOffset:-1,pressedOffset:5,disabledOffset:0,animationDuration:100,anchorX:.5,anchorY:.5,disabled:!1,action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Button")},UseIcon=function UseIcon(_ref){var width=_ref.width,height=_ref.height,radius=_ref.radius,color=_ref.color,hoverColor=_ref.hoverColor,pressedColor=_ref.pressedColor,disabledColor=_ref.disabledColor,disabled=_ref.disabled,padding=_ref.padding,iconOffsetX=_ref.iconOffsetX,iconOffsetY=_ref.iconOffsetY,defaultOffset=_ref.defaultOffset,hoverOffset=_ref.hoverOffset,pressedOffset=_ref.pressedOffset,disabledOffset=_ref.disabledOffset,action=_ref.action,anchorX=_ref.anchorX,anchorY=_ref.anchorY,animationDuration=_ref.animationDuration;color=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(color),hoverColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(hoverColor),pressedColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(pressedColor),disabledColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(disabledColor);var view=new _pixi_display__WEBPACK_IMPORTED_MODULE_2__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_5__.M)(["avatar-01.png"]).then((function(){var target=_pixi_sprite__WEBPACK_IMPORTED_MODULE_3__.j.from("avatar-01.png"),icon=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_6__.O({target,mask:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(0).drawCircle(target.width/2,target.height/2,target.width/2),borderWidth:5,borderColor:16777215}),button=new _FancyButton__WEBPACK_IMPORTED_MODULE_7__.s({defaultView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(color).drawRoundedRect(0,0,width,height,radius),hoverView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(hoverColor).drawRoundedRect(0,0,width,height,radius),pressedView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(pressedColor).drawRoundedRect(0,0,width,height,radius),disabledView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(disabledColor).drawRoundedRect(0,0,width,height,radius),icon,padding,offset:{default:{y:defaultOffset},disabled:{y:disabledOffset}},iconOffset:{x:iconOffsetX,y:iconOffsetY},animations:{hover:{props:{scale:{x:1.03,y:1.03},y:hoverOffset},duration:animationDuration},pressed:{props:{scale:{x:.9,y:.9},y:pressedOffset},duration:animationDuration}}});button.anchor.set(anchorX,anchorY),disabled&&(button.enabled=!1),button.onPress.connect((function(){return action("onPress")})),button.onDown.connect((function(){return action("onDown")})),button.onUp.connect((function(){return action("onUp")})),button.onHover.connect((function(){return action("onHover")})),button.onOut.connect((function(){return action("onOut")})),button.onUpOut.connect((function(){return action("onUpOut")})),view.addChild(button),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__.C)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__.C)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { FancyButton } from '../../FancyButton';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { centerView } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport { Sprite } from '@pixi/sprite';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { getColor } from '../utils/color';\n\nconst args = {\n color: '#A5E24D',\n hoverColor: '#FEC230',\n pressedColor: '#FE6048',\n disabledColor: '#6E6E6E',\n width: 250,\n height: 250,\n padding: 30,\n radius: 200,\n iconOffsetX: 0,\n iconOffsetY: 0,\n defaultOffset: 0,\n hoverOffset: -1,\n pressedOffset: 5,\n disabledOffset: 0,\n animationDuration: 100,\n anchorX: 0.5,\n anchorY: 0.5,\n disabled: false,\n action: action('Button')\n};\n\nexport const UseIcon = ({\n width,\n height,\n radius,\n color,\n hoverColor,\n pressedColor,\n disabledColor,\n disabled,\n padding,\n iconOffsetX,\n iconOffsetY,\n defaultOffset,\n hoverOffset,\n pressedOffset,\n disabledOffset,\n action,\n anchorX,\n anchorY,\n animationDuration\n}: any) =>\n{\n color = getColor(color);\n hoverColor = getColor(hoverColor);\n pressedColor = getColor(pressedColor);\n disabledColor = getColor(disabledColor);\n\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n const target = Sprite.from(`avatar-01.png`);\n\n const icon = new MaskedFrame({\n target,\n mask: new Graphics().beginFill(0x000000).drawCircle(target.width / 2, target.height / 2, target.width / 2),\n borderWidth: 5,\n borderColor: 0xffffff\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(color).drawRoundedRect(0, 0, width, height, radius),\n hoverView: new Graphics().beginFill(hoverColor).drawRoundedRect(0, 0, width, height, radius),\n pressedView: new Graphics().beginFill(pressedColor).drawRoundedRect(0, 0, width, height, radius),\n disabledView: new Graphics().beginFill(disabledColor).drawRoundedRect(0, 0, width, height, radius),\n icon,\n padding,\n offset: {\n default: { y: defaultOffset },\n disabled: { y: disabledOffset }\n },\n iconOffset: {\n x: iconOffsetX,\n y: iconOffsetY\n },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: hoverOffset\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: pressedOffset\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(() => action('onPress'));\n button.onDown.connect(() => action('onDown'));\n button.onUp.connect(() => action('onUp'));\n button.onHover.connect(() => action('onHover'));\n button.onOut.connect(() => action('onOut'));\n button.onUpOut.connect(() => action('onUpOut'));\n\n view.addChild(button);\n\n centerView(view);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Icon',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-icon":{startLoc:{col:23,line:34},endLoc:{col:1,line:130},startBody:{col:23,line:34},endBody:{col:1,line:130}}}}},title:"Components/FancyButton/Use Icon",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__.V)(args)};var __namedExportsOrder=["UseIcon"]},"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonIcon-stories.830c7edc.iframe.bundle.js b/storybook/fancyButton-FancyButtonIcon-stories.830c7edc.iframe.bundle.js new file mode 100644 index 00000000..a36c2fa7 --- /dev/null +++ b/storybook/fancyButton-FancyButtonIcon-stories.830c7edc.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[363],{"./src/stories/fancyButton/FancyButtonIcon.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseIcon:()=>UseIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),args={color:"#A5E24D",hoverColor:"#FEC230",pressedColor:"#FE6048",disabledColor:"#6E6E6E",width:250,height:250,padding:30,radius:200,iconOffsetX:0,iconOffsetY:0,defaultOffset:0,hoverOffset:-1,pressedOffset:5,disabledOffset:0,animationDuration:100,anchorX:.5,anchorY:.5,disabled:!1,action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Button")},UseIcon=function UseIcon(_ref){var width=_ref.width,height=_ref.height,radius=_ref.radius,color=_ref.color,hoverColor=_ref.hoverColor,pressedColor=_ref.pressedColor,disabledColor=_ref.disabledColor,disabled=_ref.disabled,padding=_ref.padding,iconOffsetX=_ref.iconOffsetX,iconOffsetY=_ref.iconOffsetY,defaultOffset=_ref.defaultOffset,hoverOffset=_ref.hoverOffset,pressedOffset=_ref.pressedOffset,disabledOffset=_ref.disabledOffset,action=_ref.action,anchorX=_ref.anchorX,anchorY=_ref.anchorY,animationDuration=_ref.animationDuration;color=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(color),hoverColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(hoverColor),pressedColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(pressedColor),disabledColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(disabledColor);var view=new _pixi_display__WEBPACK_IMPORTED_MODULE_2__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_5__.M)(["avatar-01.png"]).then((function(){var target=_pixi_sprite__WEBPACK_IMPORTED_MODULE_3__.j.from("avatar-01.png"),icon=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_6__.O({target,mask:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(0).drawCircle(target.width/2,target.height/2,target.width/2),borderWidth:5,borderColor:16777215}),button=new _FancyButton__WEBPACK_IMPORTED_MODULE_7__.s({defaultView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(color).drawRoundedRect(0,0,width,height,radius),hoverView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(hoverColor).drawRoundedRect(0,0,width,height,radius),pressedView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(pressedColor).drawRoundedRect(0,0,width,height,radius),disabledView:(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(disabledColor).drawRoundedRect(0,0,width,height,radius),icon,padding,offset:{default:{y:defaultOffset},disabled:{y:disabledOffset}},iconOffset:{x:iconOffsetX,y:iconOffsetY},animations:{hover:{props:{scale:{x:1.03,y:1.03},y:hoverOffset},duration:animationDuration},pressed:{props:{scale:{x:.9,y:.9},y:pressedOffset},duration:animationDuration}}});button.anchor.set(anchorX,anchorY),disabled&&(button.enabled=!1),button.onPress.connect((function(){return action("onPress")})),button.onDown.connect((function(){return action("onDown")})),button.onUp.connect((function(){return action("onUp")})),button.onHover.connect((function(){return action("onHover")})),button.onOut.connect((function(){return action("onOut")})),button.onUpOut.connect((function(){return action("onUpOut")})),view.addChild(button),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__.C)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_8__.C)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { FancyButton } from '../../FancyButton';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { centerView } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport { Sprite } from '@pixi/sprite';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { getColor } from '../utils/color';\n\nconst args = {\n color: '#A5E24D',\n hoverColor: '#FEC230',\n pressedColor: '#FE6048',\n disabledColor: '#6E6E6E',\n width: 250,\n height: 250,\n padding: 30,\n radius: 200,\n iconOffsetX: 0,\n iconOffsetY: 0,\n defaultOffset: 0,\n hoverOffset: -1,\n pressedOffset: 5,\n disabledOffset: 0,\n animationDuration: 100,\n anchorX: 0.5,\n anchorY: 0.5,\n disabled: false,\n action: action('Button')\n};\n\nexport const UseIcon = ({\n width,\n height,\n radius,\n color,\n hoverColor,\n pressedColor,\n disabledColor,\n disabled,\n padding,\n iconOffsetX,\n iconOffsetY,\n defaultOffset,\n hoverOffset,\n pressedOffset,\n disabledOffset,\n action,\n anchorX,\n anchorY,\n animationDuration\n}: any) =>\n{\n color = getColor(color);\n hoverColor = getColor(hoverColor);\n pressedColor = getColor(pressedColor);\n disabledColor = getColor(disabledColor);\n\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n const target = Sprite.from(`avatar-01.png`);\n\n const icon = new MaskedFrame({\n target,\n mask: new Graphics().beginFill(0x000000).drawCircle(target.width / 2, target.height / 2, target.width / 2),\n borderWidth: 5,\n borderColor: 0xffffff\n });\n\n // Component usage !!!\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(color).drawRoundedRect(0, 0, width, height, radius),\n hoverView: new Graphics().beginFill(hoverColor).drawRoundedRect(0, 0, width, height, radius),\n pressedView: new Graphics().beginFill(pressedColor).drawRoundedRect(0, 0, width, height, radius),\n disabledView: new Graphics().beginFill(disabledColor).drawRoundedRect(0, 0, width, height, radius),\n icon,\n padding,\n offset: {\n default: { y: defaultOffset },\n disabled: { y: disabledOffset }\n },\n iconOffset: {\n x: iconOffsetX,\n y: iconOffsetY\n },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: hoverOffset\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: pressedOffset\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(() => action('onPress'));\n button.onDown.connect(() => action('onDown'));\n button.onUp.connect(() => action('onUp'));\n button.onHover.connect(() => action('onHover'));\n button.onOut.connect(() => action('onOut'));\n button.onUpOut.connect(() => action('onUpOut'));\n\n view.addChild(button);\n\n centerView(view);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Icon',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-icon":{startLoc:{col:23,line:34},endLoc:{col:1,line:130},startBody:{col:23,line:34},endBody:{col:1,line:130}}}}},title:"Components/FancyButton/Use Icon",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_9__.V)(args)};var __namedExportsOrder=["UseIcon"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseNineSlicePlane:()=>UseNineSlicePlane,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts");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 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;r=sizes.length&&(currentSizeID=0);var size=sizes[currentSizeID];button.width=size.w,button.height=size.h})),button.onPress.connect(onPress),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.C)(view),view.addChild(button)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.C)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Text } from '@pixi/text';\nimport { FancyButton } from '../../FancyButton';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { defaultTextStyle } from '../../utils/helpers/styles';\nimport { preload } from '../utils/loader';\nimport { centerView } from '../../utils/helpers/resize';\nimport { Container } from '@pixi/display';\nimport { MaskedFrame } from '../../MaskedFrame';\n\nconst args = {\n text: 'Click me!',\n textColor: '#FFFFFF',\n padding: 11,\n width: 300,\n height: 137,\n anchorX: 0.5,\n anchorY: 0.5,\n animationDuration: 100,\n disabled: false,\n onPress: action('button was pressed! (tap or click!)')\n};\n\nexport const UseNineSlicePlane = ({\n text,\n textColor,\n disabled,\n onPress,\n padding,\n anchorX,\n anchorY,\n animationDuration,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = [\n `button.png`,\n `button_hover.png`,\n `button_pressed.png`,\n `button_disabled.png`,\n `avatar-01.png`,\n `avatar_mask.png`\n ];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n nineSlicePlane: [\n 150, 66, 150, 66\n ],\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n padding,\n textOffset: { x: 30, y: -5 },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n },\n });\n\n button.iconView = new MaskedFrame({\n target: `avatar-01.png`,\n mask: `avatar_mask.png`,\n borderWidth: 10,\n borderColor: 0xFFFFFF\n });\n button.iconView.scale.set(0.2);\n button.iconOffset = { x: -100, y: -7 };\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n const sizes: {w: number, h: number}[] = [\n { w: width, h: height },\n { w: 300, h: 300 },\n { w: 600, h: 137 },\n { w: 600, h: 300 }\n ];\n\n button.width = sizes[0].w;\n button.height = sizes[0].h;\n\n let currentSizeID = 0;\n\n button.onPress.connect(() =>\n {\n currentSizeID++;\n\n if (currentSizeID >= sizes.length)\n {\n currentSizeID = 0;\n }\n\n const size = sizes[currentSizeID];\n\n button.width = size.w;\n button.height = size.h;\n });\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use NineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-nine-slice-plane":{startLoc:{col:33,line:24},endLoc:{col:1,line:134},startBody:{col:33,line:24},endBody:{col:1,line:134}}}}},title:"Components/FancyButton/Use NineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseNineSlicePlane"]},"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.f7fc7cd4.iframe.bundle.js b/storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.f7fc7cd4.iframe.bundle.js new file mode 100644 index 00000000..cf9d3a5d --- /dev/null +++ b/storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.f7fc7cd4.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[460],{"./src/stories/fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseNineSlicePlane:()=>UseNineSlicePlane,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/MaskedFrame.ts");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 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;r=sizes.length&&(currentSizeID=0);var size=sizes[currentSizeID];button.width=size.w,button.height=size.h})),button.onPress.connect(onPress),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.C)(view),view.addChild(button)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__.C)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Text } from '@pixi/text';\nimport { FancyButton } from '../../FancyButton';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { defaultTextStyle } from '../../utils/helpers/styles';\nimport { preload } from '../utils/loader';\nimport { centerView } from '../../utils/helpers/resize';\nimport { Container } from '@pixi/display';\nimport { MaskedFrame } from '../../MaskedFrame';\n\nconst args = {\n text: 'Click me!',\n textColor: '#FFFFFF',\n padding: 11,\n width: 300,\n height: 137,\n anchorX: 0.5,\n anchorY: 0.5,\n animationDuration: 100,\n disabled: false,\n onPress: action('button was pressed! (tap or click!)')\n};\n\nexport const UseNineSlicePlane = ({\n text,\n textColor,\n disabled,\n onPress,\n padding,\n anchorX,\n anchorY,\n animationDuration,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = [\n `button.png`,\n `button_hover.png`,\n `button_pressed.png`,\n `button_disabled.png`,\n `avatar-01.png`,\n `avatar_mask.png`\n ];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n nineSlicePlane: [\n 150, 66, 150, 66\n ],\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n padding,\n textOffset: { x: 30, y: -5 },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n },\n });\n\n button.iconView = new MaskedFrame({\n target: `avatar-01.png`,\n mask: `avatar_mask.png`,\n borderWidth: 10,\n borderColor: 0xFFFFFF\n });\n button.iconView.scale.set(0.2);\n button.iconOffset = { x: -100, y: -7 };\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n const sizes: {w: number, h: number}[] = [\n { w: width, h: height },\n { w: 300, h: 300 },\n { w: 600, h: 137 },\n { w: 600, h: 300 }\n ];\n\n button.width = sizes[0].w;\n button.height = sizes[0].h;\n\n let currentSizeID = 0;\n\n button.onPress.connect(() =>\n {\n currentSizeID++;\n\n if (currentSizeID >= sizes.length)\n {\n currentSizeID = 0;\n }\n\n const size = sizes[currentSizeID];\n\n button.width = size.w;\n button.height = size.h;\n });\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use NineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-nine-slice-plane":{startLoc:{col:33,line:24},endLoc:{col:1,line:134},startBody:{col:33,line:24},endBody:{col:1,line:134}}}}},title:"Components/FancyButton/Use NineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseNineSlicePlane"]},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js b/storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js deleted file mode 100644 index de0a49e3..00000000 --- a/storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[942],{"./src/stories/fancyButton/FancyButtonSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:23},endLoc:{col:1,line:87},startBody:{col:25,line:23},endBody:{col:1,line:87}}}}},title:"Components/FancyButton/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js b/storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js new file mode 100644 index 00000000..ad43d6e4 --- /dev/null +++ b/storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[942],{"./src/stories/fancyButton/FancyButtonSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/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 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;r\n{\n const view = new Container();\n\n const assets = [`button.png`, `button_hover.png`, `button_pressed.png`, `button_disabled.png`];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const button = new FancyButton({\n defaultView: `button.png`,\n hoverView: `button_hover.png`,\n pressedView: `button_pressed.png`,\n disabledView: `button_disabled.png`,\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n padding,\n textOffset: { x: textOffsetX, y: textOffsetY },\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n button.anchor.set(anchorX, anchorY);\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n });\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:23},endLoc:{col:1,line:87},startBody:{col:25,line:23},endBody:{col:1,line:87}}}}},title:"Components/FancyButton/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js.LICENSE.txt b/storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonIcon-stories.5ce1e021.iframe.bundle.js.LICENSE.txt rename to storybook/fancyButton-FancyButtonSprite-stories.302c1241.iframe.bundle.js.LICENSE.txt diff --git a/storybook/fancyButton-FancyButtonTextLink-stories.b5b38688.iframe.bundle.js b/storybook/fancyButton-FancyButtonTextLink-stories.5a317cca.iframe.bundle.js similarity index 61% rename from storybook/fancyButton-FancyButtonTextLink-stories.b5b38688.iframe.bundle.js rename to storybook/fancyButton-FancyButtonTextLink-stories.5a317cca.iframe.bundle.js index 7d361cba..3a0ec35b 100644 --- a/storybook/fancyButton-FancyButtonTextLink-stories.b5b38688.iframe.bundle.js +++ b/storybook/fancyButton-FancyButtonTextLink-stories.5a317cca.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[381],{"./src/stories/fancyButton/FancyButtonTextLink.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextLink:()=>TextLink,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/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 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;r\n{\n const view = new Container();\n\n // Component usage !!!\n const button = new FancyButton({\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Text Link',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"text-link":{startLoc:{col:24,line:17},endLoc:{col:1,line:63},startBody:{col:24,line:17},endBody:{col:1,line:63}}}}},title:"Components/FancyButton/Text Link",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["TextLink"]},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[381],{"./src/stories/fancyButton/FancyButtonTextLink.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextLink:()=>TextLink,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_text__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_FancyButton__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/FancyButton.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/display/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 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;r\n{\n const view = new Container();\n\n // Component usage !!!\n const button = new FancyButton({\n text: new Text(text, {\n ...defaultTextStyle,\n fill: textColor || defaultTextStyle.fill\n }),\n animations: {\n hover: {\n props: {\n scale: { x: 1.03, y: 1.03 },\n y: 0\n },\n duration: animationDuration\n },\n pressed: {\n props: {\n scale: { x: 0.9, y: 0.9 },\n y: 10\n },\n duration: animationDuration\n }\n }\n });\n\n if (disabled)\n {\n button.enabled = false;\n }\n\n button.onPress.connect(onPress);\n\n centerView(view);\n\n view.addChild(button);\n\n return { view, resize: () => centerView(view) };\n};\n\nexport default {\n title: 'Components/FancyButton/Text Link',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"text-link":{startLoc:{col:24,line:17},endLoc:{col:1,line:63},startBody:{col:24,line:17},endBody:{col:1,line:63}}}}},title:"Components/FancyButton/Text Link",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["TextLink"]},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/iframe.html b/storybook/iframe.html index 8cbcad4a..ba7dfbd8 100644 --- a/storybook/iframe.html +++ b/storybook/iframe.html @@ -350,8 +350,8 @@ window['DOCS_OPTIONS'] = {}; \ No newline at end of file + import './main.bebbd64a.iframe.bundle.js'; \ No newline at end of file diff --git a/storybook/list-ListGraphics-stories.382512fb.iframe.bundle.js b/storybook/list-ListGraphics-stories.382512fb.iframe.bundle.js new file mode 100644 index 00000000..fa57a86b --- /dev/null +++ b/storybook/list-ListGraphics-stories.382512fb.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[449],{"./src/stories/list/ListGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),_List__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/List.ts");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 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;r\n{\n fontColor = getColor(fontColor);\n bgColor = getColor(bgColor);\n\n const view = new Graphics().beginFill(bgColor).drawRoundedRect(0, 0, width, height, radius);\n\n const items = [];\n\n for (let i = 0; i < itemsAmount; i++)\n {\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(0xa5e24d).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n hoverView: new Graphics().beginFill(0xfec230).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n pressedView: new Graphics().beginFill(0xfe6048).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n text: new Text(i + 1, {\n ...defaultTextStyle,\n fontSize: 28,\n fill: fontColor\n })\n });\n\n button.anchor.set(0);\n button.onPress.connect(() => onPress(i + 1));\n\n items.push(button);\n }\n\n // Component usage !!!\n const list = new List({\n elementsMargin,\n topPadding,\n leftPadding,\n rightPadding,\n type\n });\n\n view.addChild(list);\n items.forEach((item) => list.addChild(item));\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/List/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:36,line:29},endLoc:{col:1,line:88},startBody:{col:36,line:29},endBody:{col:1,line:88}}}}},title:"Components/List/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/list-ListGraphics-stories.79415786.iframe.bundle.js b/storybook/list-ListGraphics-stories.79415786.iframe.bundle.js deleted file mode 100644 index b06df4ca..00000000 --- a/storybook/list-ListGraphics-stories.79415786.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[449],{"./src/stories/list/ListGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_FancyButton__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/FancyButton.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),_List__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/List.ts");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 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;r\n{\n fontColor = getColor(fontColor);\n bgColor = getColor(bgColor);\n\n const view = new Graphics().beginFill(bgColor).drawRoundedRect(0, 0, width, height, radius);\n\n const items = [];\n\n for (let i = 0; i < itemsAmount; i++)\n {\n const button = new FancyButton({\n defaultView: new Graphics().beginFill(0xa5e24d).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n hoverView: new Graphics().beginFill(0xfec230).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n pressedView: new Graphics().beginFill(0xfe6048).drawRoundedRect(0, 0, elementsWidth, elementsHeight, radius),\n text: new Text(i + 1, {\n ...defaultTextStyle,\n fontSize: 28,\n fill: fontColor\n })\n });\n\n button.anchor.set(0);\n button.onPress.connect(() => onPress(i + 1));\n\n items.push(button);\n }\n\n // Component usage !!!\n const list = new List({\n elementsMargin,\n vertPadding,\n horPadding,\n type\n });\n\n view.addChild(list);\n items.forEach((item) => list.addChild(item));\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/List/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:36,line:28},endLoc:{col:1,line:85},startBody:{col:36,line:28},endBody:{col:1,line:85}}}}},title:"Components/List/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js b/storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js new file mode 100644 index 00000000..86332d6f --- /dev/null +++ b/storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see list-ListSprite-stories.ac7abe7f.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[222],{"./src/stories/list/ListSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/stories/utils/argTypes.ts"),_FancyButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/FancyButton.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utils/helpers/styles.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_loader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),_List__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/List.ts");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 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;r\n{\n fontColor = getColor(fontColor);\n\n const view = new Container();\n\n const assets = [`window.png`, `SmallButton.png`, `SmallButton-hover.png`, `SmallButton-pressed.png`];\n\n preload(assets).then(() =>\n {\n const window = Sprite.from(`window.png`);\n const title = new Text(`Levels`, { fill: 0x000000, fontSize: 40 });\n\n title.anchor.set(0.5);\n window.addChild(title);\n title.x = window.width / 2;\n title.y = 25;\n\n view.addChild(window);\n\n const items: Container[] = createItems(itemsAmount, fontColor, onPress);\n\n // Component usage !!!\n const list = new List({\n type,\n vertPadding: 70,\n horPadding: 50,\n elementsMargin\n });\n\n items.forEach((item) => list.addChild(item));\n\n window.addChild(list);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nfunction createItems(itemsAmount: number, fontColor: number, onPress: (buttonID: number) => void): FancyButton[]\n{\n const items = [];\n\n for (let i = 0; i < itemsAmount; i++)\n {\n const button = new FancyButton({\n defaultView: `SmallButton.png`,\n hoverView: `SmallButton-hover.png`,\n pressedView: `SmallButton-pressed.png`,\n text: new Text(i + 1, {\n ...defaultTextStyle,\n fontSize: 68,\n fill: fontColor\n }),\n textOffset: {\n x: 0,\n y: -7\n }\n });\n\n button.scale.set(0.5);\n\n button.onPress.connect(() => onPress(i + 1));\n\n items.push(button);\n }\n\n return items;\n}\n\nexport default {\n title: 'Components/List/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:34,line:22},endLoc:{col:1,line:63},startBody:{col:34,line:22},endBody:{col:1,line:63}}}}},title:"Components/List/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.2b2d6406.iframe.bundle.js.LICENSE.txt b/storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonNineSlicePlaneSprite-stories.2b2d6406.iframe.bundle.js.LICENSE.txt rename to storybook/list-ListSprite-stories.ac7abe7f.iframe.bundle.js.LICENSE.txt diff --git a/storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js b/storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js deleted file mode 100644 index da7a3039..00000000 --- a/storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see list-ListSprite-stories.b565cd65.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[222],{"./src/stories/list/ListSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/stories/utils/argTypes.ts"),_FancyButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/FancyButton.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utils/helpers/styles.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_loader__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),_List__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/List.ts");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 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;r\n{\n fontColor = getColor(fontColor);\n\n const view = new Container();\n\n const assets = [`window.png`, `SmallButton.png`, `SmallButton-hover.png`, `SmallButton-pressed.png`];\n\n preload(assets).then(() =>\n {\n const window = Sprite.from(`window.png`);\n const title = new Text(`Levels`, { fill: 0x000000, fontSize: 40 });\n\n title.anchor.set(0.5);\n window.addChild(title);\n title.x = window.width / 2;\n title.y = 25;\n\n view.addChild(window);\n\n const items: Container[] = createItems(itemsAmount, fontColor, onPress);\n\n // Component usage !!!\n const list = new List({\n type,\n vertPadding: 70,\n horPadding: 50,\n elementsMargin\n });\n\n items.forEach((item) => list.addChild(item));\n\n window.addChild(list);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nfunction createItems(itemsAmount: number, fontColor: number, onPress: (buttonID: number) => void): FancyButton[]\n{\n const items = [];\n\n for (let i = 0; i < itemsAmount; i++)\n {\n const button = new FancyButton({\n defaultView: `SmallButton.png`,\n hoverView: `SmallButton-hover.png`,\n pressedView: `SmallButton-pressed.png`,\n text: new Text(i + 1, {\n ...defaultTextStyle,\n fontSize: 68,\n fill: fontColor\n }),\n textOffset: {\n x: 0,\n y: -7\n }\n });\n\n button.scale.set(0.5);\n\n button.onPress.connect(() => onPress(i + 1));\n\n items.push(button);\n }\n\n return items;\n}\n\nexport default {\n title: 'Components/List/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:34,line:22},endLoc:{col:1,line:63},startBody:{col:34,line:22},endBody:{col:1,line:63}}}}},title:"Components/List/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_10__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/main.bebbd64a.iframe.bundle.js b/storybook/main.bebbd64a.iframe.bundle.js new file mode 100644 index 00000000..085b923d --- /dev/null +++ b/storybook/main.bebbd64a.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[179],{"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,parameters:()=>parameters});var parameters={layout:"fullscreen",pixi:{applicationOptions:{backgroundAlpha:0,resolution:1,antialias:!0}},backgrounds:{default:"Dark",values:[{name:"Dark",value:"#1b1c1d"},{name:"Light",value:"#dddddd"}]}},__namedExportsOrder=["parameters"]},"./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Switcher/Switcher.stories":["./src/stories/Switcher/Switcher.stories.ts",746,918],"./Switcher/Switcher.stories.ts":["./src/stories/Switcher/Switcher.stories.ts",746,918],"./button/ButtonContainerSprite.stories":["./src/stories/button/ButtonContainerSprite.stories.ts",839],"./button/ButtonContainerSprite.stories.ts":["./src/stories/button/ButtonContainerSprite.stories.ts",839],"./button/ButtonGraphics.stories":["./src/stories/button/ButtonGraphics.stories.ts",255],"./button/ButtonGraphics.stories.ts":["./src/stories/button/ButtonGraphics.stories.ts",255],"./button/ButtonSprite.stories":["./src/stories/button/ButtonSprite.stories.ts",340],"./button/ButtonSprite.stories.ts":["./src/stories/button/ButtonSprite.stories.ts",340],"./checkbox/CheckBoxGraphics.stories":["./src/stories/checkbox/CheckBoxGraphics.stories.ts",54,746,909],"./checkbox/CheckBoxGraphics.stories.ts":["./src/stories/checkbox/CheckBoxGraphics.stories.ts",54,746,909],"./checkbox/CheckBoxSprite.stories":["./src/stories/checkbox/CheckBoxSprite.stories.ts",54,746,235],"./checkbox/CheckBoxSprite.stories.ts":["./src/stories/checkbox/CheckBoxSprite.stories.ts",54,746,235],"./fancyButton/FancyButtonBitmapText.stories":["./src/stories/fancyButton/FancyButtonBitmapText.stories.ts",136,511,306],"./fancyButton/FancyButtonBitmapText.stories.ts":["./src/stories/fancyButton/FancyButtonBitmapText.stories.ts",136,511,306],"./fancyButton/FancyButtonDynamicUpdate.stories":["./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts",136,511,510],"./fancyButton/FancyButtonDynamicUpdate.stories.ts":["./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts",136,511,510],"./fancyButton/FancyButtonGraphics.stories":["./src/stories/fancyButton/FancyButtonGraphics.stories.ts",136,511,903,17],"./fancyButton/FancyButtonGraphics.stories.ts":["./src/stories/fancyButton/FancyButtonGraphics.stories.ts",136,511,903,17],"./fancyButton/FancyButtonHTMLText.stories":["./src/stories/fancyButton/FancyButtonHTMLText.stories.ts",136,511,227],"./fancyButton/FancyButtonHTMLText.stories.ts":["./src/stories/fancyButton/FancyButtonHTMLText.stories.ts",136,511,227],"./fancyButton/FancyButtonIcon.stories":["./src/stories/fancyButton/FancyButtonIcon.stories.ts",136,511,903,363],"./fancyButton/FancyButtonIcon.stories.ts":["./src/stories/fancyButton/FancyButtonIcon.stories.ts",136,511,903,363],"./fancyButton/FancyButtonNineSlicePlaneSprite.stories":["./src/stories/fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts",136,511,903,460],"./fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts":["./src/stories/fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts",136,511,903,460],"./fancyButton/FancyButtonSprite.stories":["./src/stories/fancyButton/FancyButtonSprite.stories.ts",136,511,942],"./fancyButton/FancyButtonSprite.stories.ts":["./src/stories/fancyButton/FancyButtonSprite.stories.ts",136,511,942],"./fancyButton/FancyButtonTextLink.stories":["./src/stories/fancyButton/FancyButtonTextLink.stories.ts",136,511,381],"./fancyButton/FancyButtonTextLink.stories.ts":["./src/stories/fancyButton/FancyButtonTextLink.stories.ts",136,511,381],"./input/InputGraphics.stories":["./src/stories/input/InputGraphics.stories.ts",54,604,979],"./input/InputGraphics.stories.ts":["./src/stories/input/InputGraphics.stories.ts",54,604,979],"./input/InputNineSlicePlane.stories":["./src/stories/input/InputNineSlicePlane.stories.ts",54,604,902],"./input/InputNineSlicePlane.stories.ts":["./src/stories/input/InputNineSlicePlane.stories.ts",54,604,902],"./input/InputSprite.stories":["./src/stories/input/InputSprite.stories.ts",54,604,786],"./input/InputSprite.stories.ts":["./src/stories/input/InputSprite.stories.ts",54,604,786],"./list/ListGraphics.stories":["./src/stories/list/ListGraphics.stories.ts",136,54,511,449],"./list/ListGraphics.stories.ts":["./src/stories/list/ListGraphics.stories.ts",136,54,511,449],"./list/ListSprite.stories":["./src/stories/list/ListSprite.stories.ts",136,54,511,222],"./list/ListSprite.stories.ts":["./src/stories/list/ListSprite.stories.ts",136,54,511,222],"./maskedFrame/MaskedFrameGraphics.stories":["./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts",903,977],"./maskedFrame/MaskedFrameGraphics.stories.ts":["./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts",903,977],"./maskedFrame/MaskedFrameSprite.stories":["./src/stories/maskedFrame/MaskedFrameSprite.stories.ts",903,672],"./maskedFrame/MaskedFrameSprite.stories.ts":["./src/stories/maskedFrame/MaskedFrameSprite.stories.ts",903,672],"./progressBar/ProgressBarCircular.stories":["./src/stories/progressBar/ProgressBarCircular.stories.ts",948],"./progressBar/ProgressBarCircular.stories.ts":["./src/stories/progressBar/ProgressBarCircular.stories.ts",948],"./progressBar/ProgressBarGraphics.stories":["./src/stories/progressBar/ProgressBarGraphics.stories.ts",54,380],"./progressBar/ProgressBarGraphics.stories.ts":["./src/stories/progressBar/ProgressBarGraphics.stories.ts",54,380],"./progressBar/ProgressBarNineSlicePlane.stories":["./src/stories/progressBar/ProgressBarNineSlicePlane.stories.ts",54,716],"./progressBar/ProgressBarNineSlicePlane.stories.ts":["./src/stories/progressBar/ProgressBarNineSlicePlane.stories.ts",54,716],"./progressBar/ProgressBarSprite.stories":["./src/stories/progressBar/ProgressBarSprite.stories.ts",54,670],"./progressBar/ProgressBarSprite.stories.ts":["./src/stories/progressBar/ProgressBarSprite.stories.ts",54,670],"./radio/RadioGraphics.stories":["./src/stories/radio/RadioGraphics.stories.ts",54,746,98],"./radio/RadioGraphics.stories.ts":["./src/stories/radio/RadioGraphics.stories.ts",54,746,98],"./radio/RadioSprite.stories":["./src/stories/radio/RadioSprite.stories.ts",54,746,944],"./radio/RadioSprite.stories.ts":["./src/stories/radio/RadioSprite.stories.ts",54,746,944],"./scrollBox/ScrollBoxGraphics.stories":["./src/stories/scrollBox/ScrollBoxGraphics.stories.ts",136,54,511,733,204],"./scrollBox/ScrollBoxGraphics.stories.ts":["./src/stories/scrollBox/ScrollBoxGraphics.stories.ts",136,54,511,733,204],"./scrollBox/ScrollBoxSprite.stories":["./src/stories/scrollBox/ScrollBoxSprite.stories.ts",136,54,511,733,935],"./scrollBox/ScrollBoxSprite.stories.ts":["./src/stories/scrollBox/ScrollBoxSprite.stories.ts",136,54,511,733,935],"./select/SelectGraphics.stories":["./src/stories/select/SelectGraphics.stories.ts",136,54,511,733,87,606],"./select/SelectGraphics.stories.ts":["./src/stories/select/SelectGraphics.stories.ts",136,54,511,733,87,606],"./select/SelectSprite.stories":["./src/stories/select/SelectSprite.stories.ts",136,54,511,733,87,701],"./select/SelectSprite.stories.ts":["./src/stories/select/SelectSprite.stories.ts",136,54,511,733,87,701],"./slider/DoubleSliderGraphics.stories":["./src/stories/slider/DoubleSliderGraphics.stories.ts",54,879,234],"./slider/DoubleSliderGraphics.stories.ts":["./src/stories/slider/DoubleSliderGraphics.stories.ts",54,879,234],"./slider/DoubleSliderNineSlicePlane.stories":["./src/stories/slider/DoubleSliderNineSlicePlane.stories.ts",879,586],"./slider/DoubleSliderNineSlicePlane.stories.ts":["./src/stories/slider/DoubleSliderNineSlicePlane.stories.ts",879,586],"./slider/DoubleSliderSprite.stories":["./src/stories/slider/DoubleSliderSprite.stories.ts",879,329],"./slider/DoubleSliderSprite.stories.ts":["./src/stories/slider/DoubleSliderSprite.stories.ts",879,329],"./slider/SliderGraphics.stories":["./src/stories/slider/SliderGraphics.stories.ts",54,879,41],"./slider/SliderGraphics.stories.ts":["./src/stories/slider/SliderGraphics.stories.ts",54,879,41],"./slider/SliderNineSlicePlane.stories":["./src/stories/slider/SliderNineSlicePlane.stories.ts",879,25],"./slider/SliderNineSlicePlane.stories.ts":["./src/stories/slider/SliderNineSlicePlane.stories.ts",879,25],"./slider/SliderSprite.stories":["./src/stories/slider/SliderSprite.stories.ts",54,879,260],"./slider/SliderSprite.stories.ts":["./src/stories/slider/SliderSprite.stories.ts",54,879,260]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api");const external_STORYBOOK_MODULE_CHANNELS_namespaceObject=__STORYBOOK_MODULE_CHANNELS__,importers=[async path=>{if(!/^\.[\\/](?:src\/stories(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(ts|tsx|js|jsx|mdx))$/.exec(path))return;const pathRemainder=path.substring(14);return __webpack_require__("./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_namespaceObject.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@pixi/storybook-renderer/preview.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-highlight/dist/preview.mjs"),__webpack_require__("./.storybook/preview.js")])})},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__},"?4f7e":()=>{}},__webpack_require__=>{__webpack_require__.O(0,[939],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file diff --git a/storybook/main.c3e9388b.iframe.bundle.js b/storybook/main.c3e9388b.iframe.bundle.js deleted file mode 100644 index 58d2fd5f..00000000 --- a/storybook/main.c3e9388b.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[179],{"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,parameters:()=>parameters});var parameters={layout:"fullscreen",pixi:{applicationOptions:{backgroundAlpha:0,resolution:1,antialias:!0}},backgrounds:{default:"Dark",values:[{name:"Dark",value:"#1b1c1d"},{name:"Light",value:"#dddddd"}]}},__namedExportsOrder=["parameters"]},"./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Switcher/Switcher.stories":["./src/stories/Switcher/Switcher.stories.ts",952,918],"./Switcher/Switcher.stories.ts":["./src/stories/Switcher/Switcher.stories.ts",952,918],"./button/ButtonContainerSprite.stories":["./src/stories/button/ButtonContainerSprite.stories.ts",839],"./button/ButtonContainerSprite.stories.ts":["./src/stories/button/ButtonContainerSprite.stories.ts",839],"./button/ButtonGraphics.stories":["./src/stories/button/ButtonGraphics.stories.ts",255],"./button/ButtonGraphics.stories.ts":["./src/stories/button/ButtonGraphics.stories.ts",255],"./button/ButtonSprite.stories":["./src/stories/button/ButtonSprite.stories.ts",340],"./button/ButtonSprite.stories.ts":["./src/stories/button/ButtonSprite.stories.ts",340],"./checkbox/CheckBoxGraphics.stories":["./src/stories/checkbox/CheckBoxGraphics.stories.ts",952,909],"./checkbox/CheckBoxGraphics.stories.ts":["./src/stories/checkbox/CheckBoxGraphics.stories.ts",952,909],"./checkbox/CheckBoxSprite.stories":["./src/stories/checkbox/CheckBoxSprite.stories.ts",952,235],"./checkbox/CheckBoxSprite.stories.ts":["./src/stories/checkbox/CheckBoxSprite.stories.ts",952,235],"./fancyButton/FancyButtonBitmapText.stories":["./src/stories/fancyButton/FancyButtonBitmapText.stories.ts",136,901,306],"./fancyButton/FancyButtonBitmapText.stories.ts":["./src/stories/fancyButton/FancyButtonBitmapText.stories.ts",136,901,306],"./fancyButton/FancyButtonDynamicUpdate.stories":["./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts",136,901,510],"./fancyButton/FancyButtonDynamicUpdate.stories.ts":["./src/stories/fancyButton/FancyButtonDynamicUpdate.stories.ts",136,901,510],"./fancyButton/FancyButtonGraphics.stories":["./src/stories/fancyButton/FancyButtonGraphics.stories.ts",136,901,17],"./fancyButton/FancyButtonGraphics.stories.ts":["./src/stories/fancyButton/FancyButtonGraphics.stories.ts",136,901,17],"./fancyButton/FancyButtonHTMLText.stories":["./src/stories/fancyButton/FancyButtonHTMLText.stories.ts",136,901,227],"./fancyButton/FancyButtonHTMLText.stories.ts":["./src/stories/fancyButton/FancyButtonHTMLText.stories.ts",136,901,227],"./fancyButton/FancyButtonIcon.stories":["./src/stories/fancyButton/FancyButtonIcon.stories.ts",136,901,363],"./fancyButton/FancyButtonIcon.stories.ts":["./src/stories/fancyButton/FancyButtonIcon.stories.ts",136,901,363],"./fancyButton/FancyButtonNineSlicePlaneSprite.stories":["./src/stories/fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts",136,901,460],"./fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts":["./src/stories/fancyButton/FancyButtonNineSlicePlaneSprite.stories.ts",136,901,460],"./fancyButton/FancyButtonSprite.stories":["./src/stories/fancyButton/FancyButtonSprite.stories.ts",136,901,942],"./fancyButton/FancyButtonSprite.stories.ts":["./src/stories/fancyButton/FancyButtonSprite.stories.ts",136,901,942],"./fancyButton/FancyButtonTextLink.stories":["./src/stories/fancyButton/FancyButtonTextLink.stories.ts",136,901,381],"./fancyButton/FancyButtonTextLink.stories.ts":["./src/stories/fancyButton/FancyButtonTextLink.stories.ts",136,901,381],"./input/InputGraphics.stories":["./src/stories/input/InputGraphics.stories.ts",182,979],"./input/InputGraphics.stories.ts":["./src/stories/input/InputGraphics.stories.ts",182,979],"./input/InputNineSlicePlane.stories":["./src/stories/input/InputNineSlicePlane.stories.ts",182,902],"./input/InputNineSlicePlane.stories.ts":["./src/stories/input/InputNineSlicePlane.stories.ts",182,902],"./input/InputSprite.stories":["./src/stories/input/InputSprite.stories.ts",182,786],"./input/InputSprite.stories.ts":["./src/stories/input/InputSprite.stories.ts",182,786],"./list/ListGraphics.stories":["./src/stories/list/ListGraphics.stories.ts",136,901,449],"./list/ListGraphics.stories.ts":["./src/stories/list/ListGraphics.stories.ts",136,901,449],"./list/ListSprite.stories":["./src/stories/list/ListSprite.stories.ts",136,901,222],"./list/ListSprite.stories.ts":["./src/stories/list/ListSprite.stories.ts",136,901,222],"./maskedFrame/MaskedFrameGraphics.stories":["./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts",977],"./maskedFrame/MaskedFrameGraphics.stories.ts":["./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts",977],"./maskedFrame/MaskedFrameSprite.stories":["./src/stories/maskedFrame/MaskedFrameSprite.stories.ts",672],"./maskedFrame/MaskedFrameSprite.stories.ts":["./src/stories/maskedFrame/MaskedFrameSprite.stories.ts",672],"./progressBar/ProgressBarCircular.stories":["./src/stories/progressBar/ProgressBarCircular.stories.ts",948],"./progressBar/ProgressBarCircular.stories.ts":["./src/stories/progressBar/ProgressBarCircular.stories.ts",948],"./progressBar/ProgressBarGraphics.stories":["./src/stories/progressBar/ProgressBarGraphics.stories.ts",59,380],"./progressBar/ProgressBarGraphics.stories.ts":["./src/stories/progressBar/ProgressBarGraphics.stories.ts",59,380],"./progressBar/ProgressBarNineSlicePlane.stories":["./src/stories/progressBar/ProgressBarNineSlicePlane.stories.ts",59,716],"./progressBar/ProgressBarNineSlicePlane.stories.ts":["./src/stories/progressBar/ProgressBarNineSlicePlane.stories.ts",59,716],"./progressBar/ProgressBarSprite.stories":["./src/stories/progressBar/ProgressBarSprite.stories.ts",59,670],"./progressBar/ProgressBarSprite.stories.ts":["./src/stories/progressBar/ProgressBarSprite.stories.ts",59,670],"./radio/RadioGraphics.stories":["./src/stories/radio/RadioGraphics.stories.ts",952,664,98],"./radio/RadioGraphics.stories.ts":["./src/stories/radio/RadioGraphics.stories.ts",952,664,98],"./radio/RadioSprite.stories":["./src/stories/radio/RadioSprite.stories.ts",952,664,944],"./radio/RadioSprite.stories.ts":["./src/stories/radio/RadioSprite.stories.ts",952,664,944],"./scrollBox/ScrollBoxGraphics.stories":["./src/stories/scrollBox/ScrollBoxGraphics.stories.ts",136,901,733,204],"./scrollBox/ScrollBoxGraphics.stories.ts":["./src/stories/scrollBox/ScrollBoxGraphics.stories.ts",136,901,733,204],"./scrollBox/ScrollBoxSprite.stories":["./src/stories/scrollBox/ScrollBoxSprite.stories.ts",136,901,733,935],"./scrollBox/ScrollBoxSprite.stories.ts":["./src/stories/scrollBox/ScrollBoxSprite.stories.ts",136,901,733,935],"./select/SelectGraphics.stories":["./src/stories/select/SelectGraphics.stories.ts",136,901,733,87,606],"./select/SelectGraphics.stories.ts":["./src/stories/select/SelectGraphics.stories.ts",136,901,733,87,606],"./select/SelectSprite.stories":["./src/stories/select/SelectSprite.stories.ts",136,901,733,87,701],"./select/SelectSprite.stories.ts":["./src/stories/select/SelectSprite.stories.ts",136,901,733,87,701],"./slider/DoubleSliderGraphics.stories":["./src/stories/slider/DoubleSliderGraphics.stories.ts",59,879,234],"./slider/DoubleSliderGraphics.stories.ts":["./src/stories/slider/DoubleSliderGraphics.stories.ts",59,879,234],"./slider/DoubleSliderNineSlicePlane.stories":["./src/stories/slider/DoubleSliderNineSlicePlane.stories.ts",59,879,586],"./slider/DoubleSliderNineSlicePlane.stories.ts":["./src/stories/slider/DoubleSliderNineSlicePlane.stories.ts",59,879,586],"./slider/DoubleSliderSprite.stories":["./src/stories/slider/DoubleSliderSprite.stories.ts",59,879,329],"./slider/DoubleSliderSprite.stories.ts":["./src/stories/slider/DoubleSliderSprite.stories.ts",59,879,329],"./slider/SliderGraphics.stories":["./src/stories/slider/SliderGraphics.stories.ts",59,879,41],"./slider/SliderGraphics.stories.ts":["./src/stories/slider/SliderGraphics.stories.ts",59,879,41],"./slider/SliderNineSlicePlane.stories":["./src/stories/slider/SliderNineSlicePlane.stories.ts",59,879,25],"./slider/SliderNineSlicePlane.stories.ts":["./src/stories/slider/SliderNineSlicePlane.stories.ts",59,879,25],"./slider/SliderSprite.stories":["./src/stories/slider/SliderSprite.stories.ts",59,879,260],"./slider/SliderSprite.stories.ts":["./src/stories/slider/SliderSprite.stories.ts",59,879,260]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api");const external_STORYBOOK_MODULE_CHANNELS_namespaceObject=__STORYBOOK_MODULE_CHANNELS__,importers=[async path=>{if(!/^\.[\\/](?:src\/stories(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(ts|tsx|js|jsx|mdx))$/.exec(path))return;const pathRemainder=path.substring(14);return __webpack_require__("./src/stories lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/stories(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx%7Cjs%7Cjsx%7Cmdx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_namespaceObject.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@pixi/storybook-renderer/preview.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-highlight/dist/preview.mjs"),__webpack_require__("./.storybook/preview.js")])})},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__},"?4f7e":()=>{}},__webpack_require__=>{__webpack_require__.O(0,[939],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file diff --git a/storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js b/storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js deleted file mode 100644 index 495c338b..00000000 --- a/storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[977],{"./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/MaskedFrame.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),args={borderColor:"#FFFFFF",borderWidth:10,radius:250},UseGraphics=function UseGraphics(_ref){var borderColor=_ref.borderColor,radius=_ref.radius,borderWidth=_ref.borderWidth,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_3__.M)(["avatar-01.png"]).then((function(){borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(borderColor);var target=_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__.j.from("avatar-01.png"),frame=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_5__.O({target,mask:getMask(target.width,target.height,radius),borderWidth,borderColor});view.addChild(frame),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__.w)(view)}}};function getMask(width,height,radius){var isCircle=width===height&&radius>=width/2,mask=new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC;return isCircle?mask.beginFill(0).drawCircle(width/2,height/2,width/2):mask.beginFill(0).drawRoundedRect(0,0,width,height,radius),mask}const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { Container } from '@pixi/display';\nimport { Sprite } from '@pixi/sprite';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { preload } from '../utils/loader';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { getColor } from '../utils/color';\n\nconst args = {\n borderColor: '#FFFFFF',\n borderWidth: 10,\n radius: 250\n};\n\n// TODO: implement preloading\nexport const UseGraphics = ({ borderColor, radius, borderWidth }: any) =>\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n borderColor = getColor(borderColor);\n\n const target = Sprite.from(`avatar-01.png`);\n\n // Component usage !!!\n const frame = new MaskedFrame({\n target,\n mask: getMask(target.width, target.height, radius),\n borderWidth,\n borderColor\n });\n\n view.addChild(frame);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nfunction getMask(width: number, height: number, radius: number): Graphics\n{\n const isCircle = width === height && radius >= width / 2;\n\n const mask = new Graphics();\n\n if (isCircle)\n {\n mask.beginFill(0x000000).drawCircle(width / 2, height / 2, width / 2);\n }\n else\n {\n mask.beginFill(0x000000).drawRoundedRect(0, 0, width, height, radius);\n }\n\n return mask;\n}\n\nexport default {\n title: 'Components/MaskedFrame/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:17},endLoc:{col:1,line:43},startBody:{col:27,line:17},endBody:{col:1,line:43}}}}},title:"Components/MaskedFrame/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/maskedFrame-MaskedFrameGraphics-stories.978a3876.iframe.bundle.js b/storybook/maskedFrame-MaskedFrameGraphics-stories.978a3876.iframe.bundle.js new file mode 100644 index 00000000..2fc044b4 --- /dev/null +++ b/storybook/maskedFrame-MaskedFrameGraphics-stories.978a3876.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[977],{"./src/stories/maskedFrame/MaskedFrameGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/MaskedFrame.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/color.ts"),args={borderColor:"#FFFFFF",borderWidth:10,radius:250},UseGraphics=function UseGraphics(_ref){var borderColor=_ref.borderColor,radius=_ref.radius,borderWidth=_ref.borderWidth,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_3__.M)(["avatar-01.png"]).then((function(){borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_4__.Lq)(borderColor);var target=_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__.j.from("avatar-01.png"),frame=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_5__.O({target,mask:getMask(target.width,target.height,radius),borderWidth,borderColor});view.addChild(frame),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__.w)(view)}}};function getMask(width,height,radius){var isCircle=width===height&&radius>=width/2,mask=new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC;return isCircle?mask.beginFill(0).drawCircle(width/2,height/2,width/2):mask.beginFill(0).drawRoundedRect(0,0,width,height,radius),mask}const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { Container } from '@pixi/display';\nimport { Sprite } from '@pixi/sprite';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { preload } from '../utils/loader';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { getColor } from '../utils/color';\n\nconst args = {\n borderColor: '#FFFFFF',\n borderWidth: 10,\n radius: 250\n};\n\n// TODO: implement preloading\nexport const UseGraphics = ({ borderColor, radius, borderWidth }: any) =>\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`];\n\n preload(assets).then(() =>\n {\n borderColor = getColor(borderColor);\n\n const target = Sprite.from(`avatar-01.png`);\n\n // Component usage !!!\n const frame = new MaskedFrame({\n target,\n mask: getMask(target.width, target.height, radius),\n borderWidth,\n borderColor\n });\n\n view.addChild(frame);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nfunction getMask(width: number, height: number, radius: number): Graphics\n{\n const isCircle = width === height && radius >= width / 2;\n\n const mask = new Graphics();\n\n if (isCircle)\n {\n mask.beginFill(0x000000).drawCircle(width / 2, height / 2, width / 2);\n }\n else\n {\n mask.beginFill(0x000000).drawRoundedRect(0, 0, width, height, radius);\n }\n\n return mask;\n}\n\nexport default {\n title: 'Components/MaskedFrame/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:17},endLoc:{col:1,line:43},startBody:{col:27,line:17},endBody:{col:1,line:43}}}}},title:"Components/MaskedFrame/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/MaskedFrame.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/color.ts"),args={borderColor:"#FFFFFF",borderWidth:10},UseSprite=function UseSprite(_ref){var borderColor=_ref.borderColor,borderWidth=_ref.borderWidth,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["avatar-01.png","avatar_mask.png"]).then((function(){borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(borderColor);var frame=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_3__.O({target:"avatar-01.png",mask:"avatar_mask.png",borderWidth,borderColor});view.addChild(frame),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Container } from '@pixi/display';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { preload } from '../utils/loader';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { getColor } from '../utils/color';\n\nconst args = {\n borderColor: '#FFFFFF',\n borderWidth: 10\n};\n\n// TODO: implement preloading\nexport const UseSprite = ({ borderColor, borderWidth }: any) =>\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`, `avatar_mask.png`];\n\n preload(assets).then(() =>\n {\n borderColor = getColor(borderColor);\n\n // Component usage !!!\n const frame = new MaskedFrame({\n target: `avatar-01.png`,\n mask: `avatar_mask.png`,\n borderWidth,\n borderColor\n });\n\n view.addChild(frame);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/MaskedFrame/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:14},endLoc:{col:1,line:38},startBody:{col:25,line:14},endBody:{col:1,line:38}}}}},title:"Components/MaskedFrame/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_MaskedFrame__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/MaskedFrame.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/color.ts"),args={borderColor:"#FFFFFF",borderWidth:10},UseSprite=function UseSprite(_ref){var borderColor=_ref.borderColor,borderWidth=_ref.borderWidth,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["avatar-01.png","avatar_mask.png"]).then((function(){borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(borderColor);var frame=new _MaskedFrame__WEBPACK_IMPORTED_MODULE_3__.O({target:"avatar-01.png",mask:"avatar_mask.png",borderWidth,borderColor});view.addChild(frame),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Container } from '@pixi/display';\nimport { MaskedFrame } from '../../MaskedFrame';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { preload } from '../utils/loader';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { getColor } from '../utils/color';\n\nconst args = {\n borderColor: '#FFFFFF',\n borderWidth: 10\n};\n\n// TODO: implement preloading\nexport const UseSprite = ({ borderColor, borderWidth }: any) =>\n{\n const view = new Container();\n\n const assets = [`avatar-01.png`, `avatar_mask.png`];\n\n preload(assets).then(() =>\n {\n borderColor = getColor(borderColor);\n\n // Component usage !!!\n const frame = new MaskedFrame({\n target: `avatar-01.png`,\n mask: `avatar_mask.png`,\n borderWidth,\n borderColor\n });\n\n view.addChild(frame);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/MaskedFrame/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:14},endLoc:{col:1,line:38},startBody:{col:25,line:14},endBody:{col:1,line:38}}}}},title:"Components/MaskedFrame/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/MaskedFrame.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>MaskedFrame});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/helpers/view.ts");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{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/progressBar-ProgressBarGraphics-stories.3bd7d85a.iframe.bundle.js b/storybook/progressBar-ProgressBarGraphics-stories.3bd7d85a.iframe.bundle.js deleted file mode 100644 index 4f7d17eb..00000000 --- a/storybook/progressBar-ProgressBarGraphics-stories.3bd7d85a.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[380],{"./src/stories/progressBar/ProgressBarGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/color.ts"),args={fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",value:50,width:450,height:35,radius:25,border:3,animate:!0,vertical:!1},UseGraphics=function UseGraphics(_ref){var value=_ref.value,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,width=_ref.width,height=_ref.height,radius=_ref.radius,border=_ref.border,animate=_ref.animate,vertical=_ref.vertical,view=new _List__WEBPACK_IMPORTED_MODULE_1__.a({type:"vertical",elementsMargin:10});fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_3__.k({bg,fill,progress:value});vertical&&(progressBar.rotation=-Math.PI/2),view.addChild(progressBar);var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view),view.y+=view.height},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar.progress=value)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { List } from '../../List';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport type { StoryFn } from '@storybook/types';\nimport { getColor } from '../utils/color';\n\nconst args = {\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n value: 50,\n width: 450,\n height: 35,\n radius: 25,\n border: 3,\n animate: true,\n vertical: false\n};\n\nexport const UseGraphics: StoryFn = ({\n value,\n borderColor,\n backgroundColor,\n fillColor,\n width,\n height,\n radius,\n border,\n animate,\n vertical\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n // Component usage\n const progressBar = new ProgressBar({\n bg,\n fill,\n progress: value\n });\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n }\n\n view.addChild(progressBar);\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n view.y += view.height;\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n progressBar.progress = value;\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/UseGraphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:36,line:22},endLoc:{col:1,line:97},startBody:{col:36,line:22},endBody:{col:1,line:97}}}}},title:"Components/ProgressBar/UseGraphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/color.ts"),args={fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",value:50,width:450,height:35,radius:25,border:3,animate:!0,vertical:!1},UseGraphics=function UseGraphics(_ref){var value=_ref.value,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,width=_ref.width,height=_ref.height,radius=_ref.radius,border=_ref.border,animate=_ref.animate,vertical=_ref.vertical,view=new _List__WEBPACK_IMPORTED_MODULE_1__.a({type:"vertical",elementsMargin:10});fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_2__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_3__.k({bg,fill,progress:value});vertical&&(progressBar.rotation=-Math.PI/2),view.addChild(progressBar);var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view),view.y+=view.height},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar.progress=value)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { List } from '../../List';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport type { StoryFn } from '@storybook/types';\nimport { getColor } from '../utils/color';\n\nconst args = {\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n value: 50,\n width: 450,\n height: 35,\n radius: 25,\n border: 3,\n animate: true,\n vertical: false\n};\n\nexport const UseGraphics: StoryFn = ({\n value,\n borderColor,\n backgroundColor,\n fillColor,\n width,\n height,\n radius,\n border,\n animate,\n vertical\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n // Component usage\n const progressBar = new ProgressBar({\n bg,\n fill,\n progress: value\n });\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n }\n\n view.addChild(progressBar);\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n view.y += view.height;\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n progressBar.progress = value;\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/UseGraphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-graphics":{startLoc:{col:36,line:22},endLoc:{col:1,line:97},startBody:{col:36,line:22},endBody:{col:1,line:97}}}}},title:"Components/ProgressBar/UseGraphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/ProgressBar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i100?100:progress}},{key:"progress",get:function get(){return this._progress},set:function set(progress){this._progress=this.validate(progress),this.fill&&this.fillMask&&(this.fillMask.width=this.fill.width/100*(this._progress-this.progressStart),this.fillMask.x=this.progressStart/100*this.fill.width,this.fillMask.height=this.fill.height)}},{key:"width",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"width",this)},set:function set(width){var _this$options3;if(null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane){if(this.bg&&(this.bg.width=width),this.fill){var _this$options$fillPad,_this$options$fillPad2,_this$options$fillPad3,_this$options$fillPad4,leftPadding=null!==(_this$options$fillPad=null===(_this$options$fillPad2=this.options.fillPaddings)||void 0===_this$options$fillPad2?void 0:_this$options$fillPad2.left)&&void 0!==_this$options$fillPad?_this$options$fillPad:0,rightPadding=null!==(_this$options$fillPad3=null===(_this$options$fillPad4=this.options.fillPaddings)||void 0===_this$options$fillPad4?void 0:_this$options$fillPad4.right)&&void 0!==_this$options$fillPad3?_this$options$fillPad3:0;this.fill.width=width-leftPadding-rightPadding,this.fillMask.width=width-leftPadding-rightPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"height",this)},set:function set(height){var _this$options4;if(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane){if(this.bg&&(this.bg.height=height),this.fill){var _this$options$fillPad5,_this$options$fillPad6,_this$options$fillPad7,_this$options$fillPad8,topPadding=null!==(_this$options$fillPad5=null===(_this$options$fillPad6=this.options.fillPaddings)||void 0===_this$options$fillPad6?void 0:_this$options$fillPad6.top)&&void 0!==_this$options$fillPad5?_this$options$fillPad5:0,bottomPadding=null!==(_this$options$fillPad7=null===(_this$options$fillPad8=this.options.fillPaddings)||void 0===_this$options$fillPad8?void 0:_this$options$fillPad8.bottom)&&void 0!==_this$options$fillPad7?_this$options$fillPad7:0;this.fill.height=height-topPadding-bottomPadding,this.fillMask.height=height-topPadding-bottomPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"height",height,this,!0)}}]),ProgressBar}(_pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NineSlicePlane:()=>NineSlicePlane,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_argTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/List.ts"),args={value:50,width:500,height:60,animate:!0,vertical:!1},NineSlicePlane=function NineSlicePlane(_ref){var progressBar,value=_ref.value,animate=_ref.animate,vertical=_ref.vertical,width=_ref.width,height=_ref.height,view=new _List__WEBPACK_IMPORTED_MODULE_0__.a({type:"vertical",elementsMargin:10});(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["slider_bg.png","slider_progress.png"]).then((function(){(progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_2__.k({bg:"slider_bg.png",fill:"slider_progress.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},progress:value,fillPaddings:{top:3,right:5,bottom:6.5,left:4.5}})).width=width,progressBar.height=height,view.addChild(progressBar),vertical?(progressBar.rotation=-Math.PI/2,view.y+=view.height/2):view.x+=-view.width/2}));var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__.w)(view),vertical&&(view.y+=view.height)},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar&&(progressBar.progress=value))}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\nimport { List } from '../../List';\n\nconst args = {\n value: 50,\n width: 500,\n height: 60,\n animate: true,\n vertical: false,\n};\n\nexport const NineSlicePlane: StoryFn = ({ value, animate, vertical, width, height }: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider_progress.png'];\n\n let progressBar: ProgressBar;\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n progressBar = new ProgressBar({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n progress: value,\n fillPaddings: {\n top: 3,\n right: 5,\n bottom: 6.5,\n left: 4.5\n }\n });\n\n progressBar.width = width;\n progressBar.height = height;\n\n view.addChild(progressBar);\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n view.y += view.height / 2;\n }\n else\n {\n view.x += -view.width / 2;\n }\n });\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n if (vertical)\n {\n view.y += view.height;\n }\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n if (progressBar)\n {\n progressBar.progress = value;\n }\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/NineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"nine-slice-plane":{startLoc:{col:39,line:16},endLoc:{col:1,line:95},startBody:{col:39,line:16},endBody:{col:1,line:95}}}}},title:"Components/ProgressBar/NineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.V)(args)};var __namedExportsOrder=["NineSlicePlane"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js b/storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js new file mode 100644 index 00000000..69e5bfcd --- /dev/null +++ b/storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[716],{"./src/stories/progressBar/ProgressBarNineSlicePlane.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NineSlicePlane:()=>NineSlicePlane,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_argTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/List.ts"),args={value:50,width:500,height:60,animate:!0,vertical:!1},NineSlicePlane=function NineSlicePlane(_ref){var progressBar,value=_ref.value,animate=_ref.animate,vertical=_ref.vertical,width=_ref.width,height=_ref.height,view=new _List__WEBPACK_IMPORTED_MODULE_0__.a({type:"vertical",elementsMargin:10});(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["slider_bg.png","slider_progress.png"]).then((function(){(progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_2__.k({bg:"slider_bg.png",fill:"slider_progress.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},progress:value,fillPaddings:{top:3,right:5,bottom:6.5,left:4.5}})).width=width,progressBar.height=height,view.addChild(progressBar),vertical?(progressBar.rotation=-Math.PI/2,view.y+=view.height/2):view.x+=-view.width/2}));var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__.w)(view),vertical&&(view.y+=view.height)},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar&&(progressBar.progress=value))}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\nimport { List } from '../../List';\n\nconst args = {\n value: 50,\n width: 500,\n height: 60,\n animate: true,\n vertical: false,\n};\n\nexport const NineSlicePlane: StoryFn = ({ value, animate, vertical, width, height }: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider_progress.png'];\n\n let progressBar: ProgressBar;\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n progressBar = new ProgressBar({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n progress: value,\n fillPaddings: {\n top: 3,\n right: 5,\n bottom: 6.5,\n left: 4.5\n }\n });\n\n progressBar.width = width;\n progressBar.height = height;\n\n view.addChild(progressBar);\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n view.y += view.height / 2;\n }\n else\n {\n view.x += -view.width / 2;\n }\n });\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n if (vertical)\n {\n view.y += view.height;\n }\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n if (progressBar)\n {\n progressBar.progress = value;\n }\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/NineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"nine-slice-plane":{startLoc:{col:39,line:16},endLoc:{col:1,line:95},startBody:{col:39,line:16},endBody:{col:1,line:95}}}}},title:"Components/ProgressBar/NineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.V)(args)};var __namedExportsOrder=["NineSlicePlane"]},"./src/ProgressBar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i100?100:progress}},{key:"progress",get:function get(){return this._progress},set:function set(progress){this._progress=this.validate(progress),this.fill&&this.fillMask&&(this.fillMask.width=this.fill.width/100*(this._progress-this.progressStart),this.fillMask.x=this.progressStart/100*this.fill.width,this.fillMask.height=this.fill.height)}},{key:"width",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"width",this)},set:function set(width){var _this$options3;if(null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane){if(this.bg&&(this.bg.width=width),this.fill){var _this$options$fillPad,_this$options$fillPad2,_this$options$fillPad3,_this$options$fillPad4,leftPadding=null!==(_this$options$fillPad=null===(_this$options$fillPad2=this.options.fillPaddings)||void 0===_this$options$fillPad2?void 0:_this$options$fillPad2.left)&&void 0!==_this$options$fillPad?_this$options$fillPad:0,rightPadding=null!==(_this$options$fillPad3=null===(_this$options$fillPad4=this.options.fillPaddings)||void 0===_this$options$fillPad4?void 0:_this$options$fillPad4.right)&&void 0!==_this$options$fillPad3?_this$options$fillPad3:0;this.fill.width=width-leftPadding-rightPadding,this.fillMask.width=width-leftPadding-rightPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"height",this)},set:function set(height){var _this$options4;if(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane){if(this.bg&&(this.bg.height=height),this.fill){var _this$options$fillPad5,_this$options$fillPad6,_this$options$fillPad7,_this$options$fillPad8,topPadding=null!==(_this$options$fillPad5=null===(_this$options$fillPad6=this.options.fillPaddings)||void 0===_this$options$fillPad6?void 0:_this$options$fillPad6.top)&&void 0!==_this$options$fillPad5?_this$options$fillPad5:0,bottomPadding=null!==(_this$options$fillPad7=null===(_this$options$fillPad8=this.options.fillPaddings)||void 0===_this$options$fillPad8?void 0:_this$options$fillPad8.bottom)&&void 0!==_this$options$fillPad7?_this$options$fillPad7:0;this.fill.height=height-topPadding-bottomPadding,this.fillMask.height=height-topPadding-bottomPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"height",height,this,!0)}}]),ProgressBar}(_pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js.LICENSE.txt b/storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/fancyButton-FancyButtonSprite-stories.05cd75ad.iframe.bundle.js.LICENSE.txt rename to storybook/progressBar-ProgressBarNineSlicePlane-stories.ad3ac36f.iframe.bundle.js.LICENSE.txt diff --git a/storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js b/storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js deleted file mode 100644 index 50b7913c..00000000 --- a/storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[670],{"./src/stories/progressBar/ProgressBarSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sprite:()=>Sprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_argTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/List.ts"),args={value:50,animate:!0,vertical:!1},Sprite=function Sprite(_ref){var progressBar,value=_ref.value,animate=_ref.animate,vertical=_ref.vertical,view=new _List__WEBPACK_IMPORTED_MODULE_0__.a({type:"vertical",elementsMargin:10});(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["slider_bg.png","slider_progress.png"]).then((function(){progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_2__.k({bg:"slider_bg.png",fill:"slider_progress.png",progress:value,fillPaddings:{top:3,left:4.5}}),view.addChild(progressBar),vertical?(progressBar.rotation=-Math.PI/2,view.y+=view.height/2):view.x+=-view.width/2}));var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__.w)(view),vertical&&(view.y+=view.height)},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar&&(progressBar.progress=value))}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\nimport { List } from '../../List';\n\nconst args = {\n value: 50,\n animate: true,\n vertical: false\n};\n\nexport const Sprite: StoryFn = ({ value, animate, vertical }: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider_progress.png'];\n\n let progressBar: ProgressBar;\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n progressBar = new ProgressBar({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n progress: value,\n fillPaddings: {\n top: 3,\n left: 4.5,\n }\n });\n\n view.addChild(progressBar);\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n view.y += view.height / 2;\n }\n else\n {\n view.x += -view.width / 2;\n }\n });\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n if (vertical)\n {\n view.y += view.height;\n }\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n if (progressBar)\n {\n progressBar.progress = value;\n }\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{sprite:{startLoc:{col:31,line:14},endLoc:{col:1,line:84},startBody:{col:31,line:14},endBody:{col:1,line:84}}}}},title:"Components/ProgressBar/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.V)(args)};var __namedExportsOrder=["Sprite"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js b/storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js new file mode 100644 index 00000000..0e9bdec4 --- /dev/null +++ b/storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[670],{"./src/stories/progressBar/ProgressBarSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sprite:()=>Sprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_argTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/stories/utils/argTypes.ts"),_ProgressBar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/ProgressBar.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/List.ts"),args={value:50,animate:!0,vertical:!1},Sprite=function Sprite(_ref){var progressBar,value=_ref.value,animate=_ref.animate,vertical=_ref.vertical,view=new _List__WEBPACK_IMPORTED_MODULE_0__.a({type:"vertical",elementsMargin:10});(0,_utils_loader__WEBPACK_IMPORTED_MODULE_1__.M)(["slider_bg.png","slider_progress.png"]).then((function(){progressBar=new _ProgressBar__WEBPACK_IMPORTED_MODULE_2__.k({bg:"slider_bg.png",fill:"slider_progress.png",progress:value,fillPaddings:{top:3,left:4.5}}),view.addChild(progressBar),vertical?(progressBar.rotation=-Math.PI/2,view.y+=view.height/2):view.x+=-view.width/2}));var isFilling=!0;return{view,resize:function resize(){(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_3__.w)(view),vertical&&(view.y+=view.height)},update:function update(){animate&&(isFilling?value++:value--,value>150?isFilling=!1:value<-50&&(isFilling=!0),progressBar&&(progressBar.progress=value))}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { ProgressBar } from '../../ProgressBar';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\nimport { List } from '../../List';\n\nconst args = {\n value: 50,\n animate: true,\n vertical: false\n};\n\nexport const Sprite: StoryFn = ({ value, animate, vertical }: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider_progress.png'];\n\n let progressBar: ProgressBar;\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n progressBar = new ProgressBar({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n progress: value,\n fillPaddings: {\n top: 3,\n left: 4.5,\n }\n });\n\n view.addChild(progressBar);\n\n if (vertical)\n {\n progressBar.rotation = -Math.PI / 2;\n view.y += view.height / 2;\n }\n else\n {\n view.x += -view.width / 2;\n }\n });\n\n let isFilling = true;\n\n return {\n view,\n resize: () =>\n {\n centerElement(view);\n if (vertical)\n {\n view.y += view.height;\n }\n },\n update: () =>\n {\n if (!animate)\n {\n return;\n }\n\n isFilling ? value++ : value--;\n\n if (value > 150)\n {\n isFilling = false;\n }\n else if (value < -50)\n {\n isFilling = true;\n }\n\n if (progressBar)\n {\n progressBar.progress = value;\n }\n }\n };\n};\n\nexport default {\n title: 'Components/ProgressBar/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{sprite:{startLoc:{col:31,line:14},endLoc:{col:1,line:84},startBody:{col:31,line:14},endBody:{col:1,line:84}}}}},title:"Components/ProgressBar/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_4__.V)(args)};var __namedExportsOrder=["Sprite"]},"./src/ProgressBar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_pixi_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/core/lib/index.mjs"),_pixi_sprite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs"),_utils_helpers_view__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/view.ts"),_pixi_mesh_extras__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@pixi/mesh-extras/lib/index.mjs"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@pixi/graphics/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 _construct(Parent,args,Class){return _construct=_isNativeReflectConstruct()?Reflect.construct.bind():function _construct(Parent,args,Class){var a=[null];a.push.apply(a,args);var instance=new(Function.bind.apply(Parent,a));return Class&&_setPrototypeOf(instance,Class.prototype),instance},_construct.apply(null,arguments)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||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)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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);i100?100:progress}},{key:"progress",get:function get(){return this._progress},set:function set(progress){this._progress=this.validate(progress),this.fill&&this.fillMask&&(this.fillMask.width=this.fill.width/100*(this._progress-this.progressStart),this.fillMask.x=this.progressStart/100*this.fill.width,this.fillMask.height=this.fill.height)}},{key:"width",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"width",this)},set:function set(width){var _this$options3;if(null!==(_this$options3=this.options)&&void 0!==_this$options3&&_this$options3.nineSlicePlane){if(this.bg&&(this.bg.width=width),this.fill){var _this$options$fillPad,_this$options$fillPad2,_this$options$fillPad3,_this$options$fillPad4,leftPadding=null!==(_this$options$fillPad=null===(_this$options$fillPad2=this.options.fillPaddings)||void 0===_this$options$fillPad2?void 0:_this$options$fillPad2.left)&&void 0!==_this$options$fillPad?_this$options$fillPad:0,rightPadding=null!==(_this$options$fillPad3=null===(_this$options$fillPad4=this.options.fillPaddings)||void 0===_this$options$fillPad4?void 0:_this$options$fillPad4.right)&&void 0!==_this$options$fillPad3?_this$options$fillPad3:0;this.fill.width=width-leftPadding-rightPadding,this.fillMask.width=width-leftPadding-rightPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"width",width,this,!0)}},{key:"height",get:function get(){return _get(_getPrototypeOf(ProgressBar.prototype),"height",this)},set:function set(height){var _this$options4;if(null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.nineSlicePlane){if(this.bg&&(this.bg.height=height),this.fill){var _this$options$fillPad5,_this$options$fillPad6,_this$options$fillPad7,_this$options$fillPad8,topPadding=null!==(_this$options$fillPad5=null===(_this$options$fillPad6=this.options.fillPaddings)||void 0===_this$options$fillPad6?void 0:_this$options$fillPad6.top)&&void 0!==_this$options$fillPad5?_this$options$fillPad5:0,bottomPadding=null!==(_this$options$fillPad7=null===(_this$options$fillPad8=this.options.fillPaddings)||void 0===_this$options$fillPad8?void 0:_this$options$fillPad8.bottom)&&void 0!==_this$options$fillPad7?_this$options$fillPad7:0;this.fill.height=height-topPadding-bottomPadding,this.fillMask.height=height-topPadding-bottomPadding}this.progress=this._progress}else _set(_getPrototypeOf(ProgressBar.prototype),"height",height,this,!0)}}]),ProgressBar}(_pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js.LICENSE.txt b/storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/list-ListSprite-stories.b565cd65.iframe.bundle.js.LICENSE.txt rename to storybook/progressBar-ProgressBarSprite-stories.676a6ae4.iframe.bundle.js.LICENSE.txt diff --git a/storybook/project.json b/storybook/project.json index f9937948..88853ce3 100644 --- a/storybook/project.json +++ b/storybook/project.json @@ -1 +1 @@ -{"generatedAt":1706823468604,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.2.3"},"features":{"buildStoriesJson":true,"breakingChangesV7":true,"babelModeV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@pixi/storybook-webpack5","options":{}},"builder":"@storybook/builder-webpack5","language":"typescript","storybookPackages":{"@pixi/storybook-renderer":{"version":"0.0.6"},"@pixi/storybook-webpack5":{"version":"0.0.6"},"@storybook/addon-essentials":{"version":"7.5.2"},"@storybook/addon-interactions":{"version":"7.5.2"},"@storybook/testing-library":{"version":"0.2.2"},"storybook":{"version":"7.5.2"}},"addons":{"@storybook/addon-actions":{"version":"7.5.2"},"@storybook/addon-backgrounds":{"version":"7.5.2"},"@storybook/addon-controls":{"version":"7.5.2"},"@storybook/addon-viewport":{"version":"7.5.2"},"@storybook/addon-links":{"version":"7.5.2"},"@storybook/addon-highlight":{"version":"7.5.2"},"@storybook/addon-storysource":{"version":"7.5.2"}}} +{"generatedAt":1710796254371,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.2.4"},"features":{"buildStoriesJson":true,"breakingChangesV7":true,"babelModeV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@pixi/storybook-webpack5","options":{}},"builder":"@storybook/builder-webpack5","language":"typescript","storybookPackages":{"@pixi/storybook-renderer":{"version":"0.0.6"},"@pixi/storybook-webpack5":{"version":"0.0.6"},"@storybook/addon-essentials":{"version":"7.5.2"},"@storybook/addon-interactions":{"version":"7.5.2"},"@storybook/testing-library":{"version":"0.2.2"},"storybook":{"version":"7.5.2"}},"addons":{"@storybook/addon-actions":{"version":"7.5.2"},"@storybook/addon-backgrounds":{"version":"7.5.2"},"@storybook/addon-controls":{"version":"7.5.2"},"@storybook/addon-viewport":{"version":"7.5.2"},"@storybook/addon-links":{"version":"7.5.2"},"@storybook/addon-highlight":{"version":"7.5.2"},"@storybook/addon-storysource":{"version":"7.5.2"}}} diff --git a/storybook/radio-RadioGraphics-stories.1363106d.iframe.bundle.js b/storybook/radio-RadioGraphics-stories.1363106d.iframe.bundle.js new file mode 100644 index 00000000..8afe7cee --- /dev/null +++ b/storybook/radio-RadioGraphics-stories.1363106d.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[98],{"./src/stories/radio/RadioGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _RadioGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/RadioGroup.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/CheckBox.ts"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/graphics/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 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;r=width/2;if(isCircle?graphics.drawCircle(width/2,width/2,width/2):graphics.drawRoundedRect(0,0,width,height,radius),void 0!==fillColor){graphics.beginFill(fillColor);var center=width/2;isCircle?graphics.drawCircle(center,center,center-padding):graphics.drawRoundedRect(padding,padding,width-2*padding,height-2*padding,radius)}return graphics}const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { RadioGroup } from '../../RadioGroup';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { defaultTextStyle } from '../../utils/helpers/styles';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { Container } from '@pixi/display';\nimport { getColor } from '../utils/color';\nimport { CheckBox } from '../../CheckBox';\nimport { Graphics } from '@pixi/graphics';\n\nconst args = {\n text: 'Radio',\n textColor: '#FFFFFF',\n bgColor: '#F1D583',\n fillColor: '#82C822',\n width: 50,\n height: 50,\n padding: 5,\n radius: 25,\n amount: 3,\n\n onChange: action('Radio changed'),\n};\n\nexport const UseGraphics = ({\n amount,\n text,\n\n textColor,\n fillColor,\n bgColor,\n\n width,\n height,\n padding,\n radius,\n\n onChange,\n}: any) =>\n{\n const view = new Container();\n\n bgColor = getColor(bgColor);\n fillColor = getColor(fillColor);\n\n const items = [];\n\n for (let i = 0; i < amount; i++)\n {\n items.push(\n new CheckBox({\n text: `${text} ${i + 1}`,\n style: {\n unchecked: drawRadio({\n color: bgColor,\n width,\n height,\n padding,\n radius,\n }),\n checked: drawRadio({\n color: bgColor,\n fillColor,\n width,\n height,\n padding,\n radius,\n }),\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor,\n },\n },\n }),\n );\n }\n\n // Component usage\n const radioGroup = new RadioGroup({\n selectedItem: 0,\n items,\n type: 'vertical',\n elementsMargin: 10,\n });\n\n radioGroup.onChange.connect((selectedItemID: number, selectedVal: string) =>\n onChange({ id: selectedItemID, val: selectedVal }),\n );\n\n view.addChild(radioGroup.innerView);\n\n return { view, resize: () => centerElement(view) };\n};\n\nfunction drawRadio({ color, fillColor, width, height, radius, padding }: GraphicsType)\n{\n const graphics = new Graphics().beginFill(color);\n\n const isCircle = width === height && radius >= width / 2;\n\n if (isCircle)\n {\n graphics.drawCircle(width / 2, width / 2, width / 2);\n }\n else\n {\n graphics.drawRoundedRect(0, 0, width, height, radius);\n }\n\n if (fillColor !== undefined)\n {\n graphics.beginFill(fillColor);\n\n const center = width / 2;\n\n if (isCircle)\n {\n graphics.drawCircle(center, center, center - padding);\n }\n else\n {\n graphics.drawRoundedRect(\n padding,\n padding,\n width - (padding * 2),\n height - (padding * 2),\n radius,\n );\n }\n }\n\n return graphics;\n}\n\ntype GraphicsType = {\n color: number;\n fillColor?: number;\n width?: number;\n height?: number;\n radius?: number;\n padding?: number;\n};\n\nexport default {\n title: 'Components/RadioGroup/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args),\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:25},endLoc:{col:1,line:94},startBody:{col:27,line:25},endBody:{col:1,line:94}}}}},title:"Components/RadioGroup/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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__,{E:()=>RadioGroup});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts");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__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/radio-RadioGraphics-stories.3ac4646c.iframe.bundle.js b/storybook/radio-RadioGraphics-stories.3ac4646c.iframe.bundle.js deleted file mode 100644 index b2fc59e6..00000000 --- a/storybook/radio-RadioGraphics-stories.3ac4646c.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[98],{"./src/stories/radio/RadioGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseGraphics:()=>UseGraphics,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _RadioGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/RadioGroup.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/helpers/resize.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/CheckBox.ts"),_pixi_graphics__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@pixi/graphics/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 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;r=width/2;if(isCircle?graphics.drawCircle(width/2,width/2,width/2):graphics.drawRoundedRect(0,0,width,height,radius),void 0!==fillColor){graphics.beginFill(fillColor);var center=width/2;isCircle?graphics.drawCircle(center,center,center-padding):graphics.drawRoundedRect(padding,padding,width-2*padding,height-2*padding,radius)}return graphics}const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { RadioGroup } from '../../RadioGroup';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { defaultTextStyle } from '../../utils/helpers/styles';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { Container } from '@pixi/display';\nimport { getColor } from '../utils/color';\nimport { CheckBox } from '../../CheckBox';\nimport { Graphics } from '@pixi/graphics';\n\nconst args = {\n text: 'Radio',\n textColor: '#FFFFFF',\n bgColor: '#F1D583',\n fillColor: '#82C822',\n width: 50,\n height: 50,\n padding: 5,\n radius: 25,\n amount: 3,\n\n onChange: action('Radio changed'),\n};\n\nexport const UseGraphics = ({\n amount,\n text,\n\n textColor,\n fillColor,\n bgColor,\n\n width,\n height,\n padding,\n radius,\n\n onChange,\n}: any) =>\n{\n const view = new Container();\n\n bgColor = getColor(bgColor);\n fillColor = getColor(fillColor);\n\n const items = [];\n\n for (let i = 0; i < amount; i++)\n {\n items.push(\n new CheckBox({\n text: `${text} ${i + 1}`,\n style: {\n unchecked: drawRadio({\n color: bgColor,\n width,\n height,\n padding,\n radius,\n }),\n checked: drawRadio({\n color: bgColor,\n fillColor,\n width,\n height,\n padding,\n radius,\n }),\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor,\n },\n },\n }),\n );\n }\n\n // Component usage\n const radioGroup = new RadioGroup({\n selectedItem: 0,\n items,\n type: 'vertical',\n elementsMargin: 10,\n });\n\n radioGroup.onChange.connect((selectedItemID: number, selectedVal: string) =>\n onChange({ id: selectedItemID, val: selectedVal }),\n );\n\n view.addChild(radioGroup.innerView);\n\n return { view, resize: () => centerElement(view) };\n};\n\nfunction drawRadio({ color, fillColor, width, height, radius, padding }: GraphicsType)\n{\n const graphics = new Graphics().beginFill(color);\n\n const isCircle = width === height && radius >= width / 2;\n\n if (isCircle)\n {\n graphics.drawCircle(width / 2, width / 2, width / 2);\n }\n else\n {\n graphics.drawRoundedRect(0, 0, width, height, radius);\n }\n\n if (fillColor !== undefined)\n {\n graphics.beginFill(fillColor);\n\n const center = width / 2;\n\n if (isCircle)\n {\n graphics.drawCircle(center, center, center - padding);\n }\n else\n {\n graphics.drawRoundedRect(\n padding,\n padding,\n width - (padding * 2),\n height - (padding * 2),\n radius,\n );\n }\n }\n\n return graphics;\n}\n\ntype GraphicsType = {\n color: number;\n fillColor?: number;\n width?: number;\n height?: number;\n radius?: number;\n padding?: number;\n};\n\nexport default {\n title: 'Components/RadioGroup/Use Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args),\n};\n",locationsMap:{"use-graphics":{startLoc:{col:27,line:25},endLoc:{col:1,line:94},startBody:{col:27,line:25},endBody:{col:1,line:94}}}}},title:"Components/RadioGroup/Use Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_8__.V)(args)};var __namedExportsOrder=["UseGraphics"]},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _RadioGroup__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/RadioGroup.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/CheckBox.ts");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 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;r\n{\n const view = new List({\n type: 'vertical',\n elementsMargin: 20\n });\n\n const assets = [`radio.png`, `radio_checked.png`];\n\n preload(assets).then(() =>\n {\n const items = [];\n\n for (let i = 0; i < amount; i++)\n {\n items.push(\n new CheckBox({\n text: `${text} ${i + 1}`,\n style: {\n unchecked: 'radio.png',\n checked: 'radio_checked.png',\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n })\n );\n }\n\n // Component usage\n const radioGroup = new RadioGroup({\n selectedItem: 0,\n items,\n type: 'vertical',\n elementsMargin: 10\n });\n\n radioGroup.onChange.connect((selectedItemID: number, selectedVal: string) =>\n onChange({ id: selectedItemID, val: selectedVal })\n );\n\n view.addChild(radioGroup.innerView);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/RadioGroup/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:17},endLoc:{col:1,line:66},startBody:{col:25,line:17},endBody:{col:1,line:66}}}}},title:"Components/RadioGroup/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js b/storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js new file mode 100644 index 00000000..dd2ca409 --- /dev/null +++ b/storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see radio-RadioSprite-stories.9e15e74d.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[944],{"./src/stories/radio/RadioSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UseSprite:()=>UseSprite,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _RadioGroup__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/RadioGroup.ts"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/stories/utils/argTypes.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_utils_helpers_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/styles.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/utils/helpers/resize.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/CheckBox.ts");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 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;r\n{\n const view = new List({\n type: 'vertical',\n elementsMargin: 20\n });\n\n const assets = [`radio.png`, `radio_checked.png`];\n\n preload(assets).then(() =>\n {\n const items = [];\n\n for (let i = 0; i < amount; i++)\n {\n items.push(\n new CheckBox({\n text: `${text} ${i + 1}`,\n style: {\n unchecked: 'radio.png',\n checked: 'radio_checked.png',\n text: {\n ...defaultTextStyle,\n fontSize: 22,\n fill: textColor\n }\n }\n })\n );\n }\n\n // Component usage\n const radioGroup = new RadioGroup({\n selectedItem: 0,\n items,\n type: 'vertical',\n elementsMargin: 10\n });\n\n radioGroup.onChange.connect((selectedItemID: number, selectedVal: string) =>\n onChange({ id: selectedItemID, val: selectedVal })\n );\n\n view.addChild(radioGroup.innerView);\n\n centerElement(view);\n });\n\n return { view, resize: () => centerElement(view) };\n};\n\nexport default {\n title: 'Components/RadioGroup/Use Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{"use-sprite":{startLoc:{col:25,line:17},endLoc:{col:1,line:66},startBody:{col:25,line:17},endBody:{col:1,line:66}}}}},title:"Components/RadioGroup/Use Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_7__.V)(args)};var __namedExportsOrder=["UseSprite"]},"./src/CheckBox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{J:()=>CheckBox});var lib=__webpack_require__("./node_modules/@pixi/text/lib/index.mjs"),dist=__webpack_require__("./node_modules/typed-signals/dist/index.js"),Switcher=__webpack_require__("./src/Switcher.ts");var view=__webpack_require__("./src/utils/helpers/view.ts");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__,{E:()=>RadioGroup});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),typed_signals__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/typed-signals/dist/index.js"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts");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__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>defaultTextStyle});var defaultTextStyle=new(__webpack_require__("./node_modules/@pixi/text/lib/index.mjs").pn)({fill:16777215,fontSize:42,fontWeight:"bold",dropShadow:!0,dropShadowAlpha:.5,dropShadowDistance:0,dropShadowBlur:3})}}]); \ No newline at end of file diff --git a/storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js.LICENSE.txt b/storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/maskedFrame-MaskedFrameGraphics-stories.92c3b71b.iframe.bundle.js.LICENSE.txt rename to storybook/radio-RadioSprite-stories.9e15e74d.iframe.bundle.js.LICENSE.txt diff --git a/storybook/runtime~main.1a7cad6a.iframe.bundle.js b/storybook/runtime~main.2d033b57.iframe.bundle.js similarity index 90% rename from storybook/runtime~main.1a7cad6a.iframe.bundle.js rename to storybook/runtime~main.2d033b57.iframe.bundle.js index 27b48ee8..4aee61c5 100644 --- a/storybook/runtime~main.1a7cad6a.iframe.bundle.js +++ b/storybook/runtime~main.2d033b57.iframe.bundle.js @@ -1 +1 @@ -(()=>{"use strict";var deferred,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({17:"fancyButton-FancyButtonGraphics-stories",25:"slider-SliderNineSlicePlane-stories",41:"slider-SliderGraphics-stories",98:"radio-RadioGraphics-stories",204:"scrollBox-ScrollBoxGraphics-stories",222:"list-ListSprite-stories",227:"fancyButton-FancyButtonHTMLText-stories",234:"slider-DoubleSliderGraphics-stories",235:"checkbox-CheckBoxSprite-stories",255:"button-ButtonGraphics-stories",260:"slider-SliderSprite-stories",306:"fancyButton-FancyButtonBitmapText-stories",329:"slider-DoubleSliderSprite-stories",340:"button-ButtonSprite-stories",363:"fancyButton-FancyButtonIcon-stories",380:"progressBar-ProgressBarGraphics-stories",381:"fancyButton-FancyButtonTextLink-stories",449:"list-ListGraphics-stories",460:"fancyButton-FancyButtonNineSlicePlaneSprite-stories",510:"fancyButton-FancyButtonDynamicUpdate-stories",586:"slider-DoubleSliderNineSlicePlane-stories",606:"select-SelectGraphics-stories",670:"progressBar-ProgressBarSprite-stories",672:"maskedFrame-MaskedFrameSprite-stories",701:"select-SelectSprite-stories",716:"progressBar-ProgressBarNineSlicePlane-stories",786:"input-InputSprite-stories",839:"button-ButtonContainerSprite-stories",902:"input-InputNineSlicePlane-stories",909:"checkbox-CheckBoxGraphics-stories",918:"Switcher-Switcher-stories",935:"scrollBox-ScrollBoxSprite-stories",942:"fancyButton-FancyButtonSprite-stories",944:"radio-RadioSprite-stories",948:"progressBar-ProgressBarCircular-stories",977:"maskedFrame-MaskedFrameGraphics-stories",979:"input-InputGraphics-stories"}[chunkId]||chunkId)+"."+{17:"6b992831",25:"bf78d08f",41:"19efd1f2",59:"d470c8b9",87:"1fd21b47",98:"3ac4646c",136:"874ab1d4",182:"18ad0870",204:"e6e1d714",222:"b565cd65",227:"2a6e3289",234:"3bf7886d",235:"1518bf54",255:"8ed46398",260:"d26a44bf",306:"957145e7",329:"6e0e8cc2",340:"58dfca23",363:"5ce1e021",380:"3bd7d85a",381:"b5b38688",449:"79415786",460:"2b2d6406",510:"f51f854a",586:"4a4478ca",606:"c9770e2d",664:"8310debe",670:"5ec315b0",672:"e8f6dc35",701:"034cb773",716:"766ab554",733:"d5e1a663",786:"827f9607",839:"9c08e189",879:"f8bad56a",901:"163c766a",902:"4eed020c",909:"fd2c361e",918:"745b674a",935:"6356ccb3",942:"05cd75ad",944:"1153acf7",948:"e0e82d18",952:"a94063b5",977:"92c3b71b",979:"c6bb3135"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{"use strict";var deferred,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({17:"fancyButton-FancyButtonGraphics-stories",25:"slider-SliderNineSlicePlane-stories",41:"slider-SliderGraphics-stories",98:"radio-RadioGraphics-stories",204:"scrollBox-ScrollBoxGraphics-stories",222:"list-ListSprite-stories",227:"fancyButton-FancyButtonHTMLText-stories",234:"slider-DoubleSliderGraphics-stories",235:"checkbox-CheckBoxSprite-stories",255:"button-ButtonGraphics-stories",260:"slider-SliderSprite-stories",306:"fancyButton-FancyButtonBitmapText-stories",329:"slider-DoubleSliderSprite-stories",340:"button-ButtonSprite-stories",363:"fancyButton-FancyButtonIcon-stories",380:"progressBar-ProgressBarGraphics-stories",381:"fancyButton-FancyButtonTextLink-stories",449:"list-ListGraphics-stories",460:"fancyButton-FancyButtonNineSlicePlaneSprite-stories",510:"fancyButton-FancyButtonDynamicUpdate-stories",586:"slider-DoubleSliderNineSlicePlane-stories",606:"select-SelectGraphics-stories",670:"progressBar-ProgressBarSprite-stories",672:"maskedFrame-MaskedFrameSprite-stories",701:"select-SelectSprite-stories",716:"progressBar-ProgressBarNineSlicePlane-stories",786:"input-InputSprite-stories",839:"button-ButtonContainerSprite-stories",902:"input-InputNineSlicePlane-stories",909:"checkbox-CheckBoxGraphics-stories",918:"Switcher-Switcher-stories",935:"scrollBox-ScrollBoxSprite-stories",942:"fancyButton-FancyButtonSprite-stories",944:"radio-RadioSprite-stories",948:"progressBar-ProgressBarCircular-stories",977:"maskedFrame-MaskedFrameGraphics-stories",979:"input-InputGraphics-stories"}[chunkId]||chunkId)+"."+{17:"8498162b",25:"85ad3a5c",41:"636044e8",54:"f712f5e7",87:"1fd21b47",98:"1363106d",136:"874ab1d4",204:"e6e1d714",222:"ac7abe7f",227:"24c22ef9",234:"71b484b5",235:"7e0f99c6",255:"8ed46398",260:"38dd6d64",306:"efe0579c",329:"81c461d2",340:"58dfca23",363:"830c7edc",380:"7fd179eb",381:"5a317cca",449:"382512fb",460:"f7fc7cd4",510:"fd7c4741",511:"ec8094cc",586:"1b7a6299",604:"ee83ad99",606:"c9770e2d",670:"676a6ae4",672:"c9718712",701:"034cb773",716:"ad3ac36f",733:"49d39df7",746:"93201860",786:"827f9607",839:"9c08e189",879:"81dec86b",902:"4eed020c",903:"17216f08",909:"a72ad29f",918:"5d2ad188",935:"6356ccb3",942:"302c1241",944:"9e15e74d",948:"e0e82d18",977:"978a3876",979:"c6bb3135"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/DoubleSlider.ts"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),args={meshColor:"#a5e34d",fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,width:450,height:35,radius:25,fontSize:20,border:5,handleBorder:3,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,meshColor=_ref.meshColor,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,width=_ref.width,height=_ref.height,radius=_ref.radius,fontSize=_ref.fontSize,fontColor=_ref.fontColor,border=_ref.border,handleBorder=_ref.handleBorder,showValue=_ref.showValue,onChange=_ref.onChange,view=new _List__WEBPACK_IMPORTED_MODULE_2__.a({type:"vertical",elementsMargin:10});meshColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(meshColor),fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),slider1=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),slider2=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),doubleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_4__.D({bg,fill,slider1,slider2,min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue});return doubleSlider.onChange.connect((function(value1,value2){onChange("".concat(value1," - ").concat(value2))})),view.addChild(doubleSlider),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { action } from '@storybook/addon-actions';\nimport type { StoryFn } from '@storybook/types';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { List } from '../../List';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { getColor } from '../utils/color';\n\nconst args = {\n meshColor: '#a5e34d',\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n width: 450,\n height: 35,\n radius: 25,\n fontSize: 20,\n border: 5,\n handleBorder: 3,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({\n min,\n max,\n value1,\n value2,\n meshColor,\n borderColor,\n backgroundColor,\n fillColor,\n width,\n height,\n radius,\n fontSize,\n fontColor,\n border,\n handleBorder,\n showValue,\n onChange,\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n meshColor = getColor(meshColor);\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const slider1 = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n const slider2 = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n const doubleSlider = new DoubleSlider({\n bg,\n fill,\n slider1,\n slider2,\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue\n });\n\n doubleSlider.onChange.connect((value1, value2) =>\n {\n onChange(`${value1} - ${value2}`);\n });\n\n view.addChild(doubleSlider);\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:30},endLoc:{col:1,line:110},startBody:{col:31,line:30},endBody:{col:1,line:110}}}}},title:"Components/Slider/Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/DoubleSlider.ts"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),args={meshColor:"#a5e34d",fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,width:450,height:35,radius:25,fontSize:20,border:5,handleBorder:3,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,meshColor=_ref.meshColor,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,width=_ref.width,height=_ref.height,radius=_ref.radius,fontSize=_ref.fontSize,fontColor=_ref.fontColor,border=_ref.border,handleBorder=_ref.handleBorder,showValue=_ref.showValue,onChange=_ref.onChange,view=new _List__WEBPACK_IMPORTED_MODULE_2__.a({type:"vertical",elementsMargin:10});meshColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(meshColor),fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),slider1=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),slider2=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),doubleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_4__.D({bg,fill,slider1,slider2,min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue});return doubleSlider.onChange.connect((function(value1,value2){onChange("".concat(value1," - ").concat(value2))})),view.addChild(doubleSlider),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { action } from '@storybook/addon-actions';\nimport type { StoryFn } from '@storybook/types';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { List } from '../../List';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { getColor } from '../utils/color';\n\nconst args = {\n meshColor: '#a5e34d',\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n width: 450,\n height: 35,\n radius: 25,\n fontSize: 20,\n border: 5,\n handleBorder: 3,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({\n min,\n max,\n value1,\n value2,\n meshColor,\n borderColor,\n backgroundColor,\n fillColor,\n width,\n height,\n radius,\n fontSize,\n fontColor,\n border,\n handleBorder,\n showValue,\n onChange,\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n meshColor = getColor(meshColor);\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const slider1 = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n const slider2 = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n const doubleSlider = new DoubleSlider({\n bg,\n fill,\n slider1,\n slider2,\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue\n });\n\n doubleSlider.onChange.connect((value1, value2) =>\n {\n onChange(`${value1} - ${value2}`);\n });\n\n view.addChild(doubleSlider);\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:30},endLoc:{col:1,line:110},startBody:{col:31,line:30},endBody:{col:1,line:110}}}}},title:"Components/Slider/Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/DoubleSlider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),args={fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,fontSize:20,showValue:!0,width:500,height:38,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,width=_ref.width,height=_ref.height,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var singleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_3__.D({bg:"slider_bg.png",fill:"slider_progress.png",slider1:"slider.png",slider2:"slider.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},fillPaddings:{top:2.5,left:5,right:5,bottom:7},min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40}});singleSlider.width=width,singleSlider.height=height,singleSlider.onChange.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n fontSize: 20,\n showValue: true,\n width: 500,\n height: 38,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({\n min,\n max,\n value1,\n value2,\n fontSize,\n fontColor,\n onChange,\n showValue,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const singleSlider = new DoubleSlider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider1: 'slider.png',\n slider2: 'slider.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n fillPaddings: {\n top: 2.5,\n left: 5,\n right: 5,\n bottom: 7,\n },\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n });\n\n singleSlider.width = width;\n singleSlider.height = height;\n\n singleSlider.onChange.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/SpriteNineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:22},endLoc:{col:1,line:85},startBody:{col:31,line:22},endBody:{col:1,line:85}}}}},title:"Components/Slider/SpriteNineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file +/*! For license information please see slider-DoubleSliderNineSlicePlane-stories.1b7a6299.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[586],{"./src/stories/slider/DoubleSliderNineSlicePlane.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/DoubleSlider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),args={fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,fontSize:20,showValue:!0,width:500,height:38,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,width=_ref.width,height=_ref.height,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var singleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_3__.D({bg:"slider_bg.png",fill:"slider_progress.png",slider1:"slider.png",slider2:"slider.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},fillPaddings:{top:2.5,left:5,right:5,bottom:7},min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40}});singleSlider.width=width,singleSlider.height=height,singleSlider.onChange.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n fontSize: 20,\n showValue: true,\n width: 500,\n height: 38,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({\n min,\n max,\n value1,\n value2,\n fontSize,\n fontColor,\n onChange,\n showValue,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const singleSlider = new DoubleSlider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider1: 'slider.png',\n slider2: 'slider.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n fillPaddings: {\n top: 2.5,\n left: 5,\n right: 5,\n bottom: 7,\n },\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n });\n\n singleSlider.width = width;\n singleSlider.height = height;\n\n singleSlider.onChange.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/SpriteNineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:22},endLoc:{col:1,line:85},startBody:{col:31,line:22},endBody:{col:1,line:85}}}}},title:"Components/Slider/SpriteNineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/maskedFrame-MaskedFrameSprite-stories.e8f6dc35.iframe.bundle.js.LICENSE.txt b/storybook/slider-DoubleSliderNineSlicePlane-stories.1b7a6299.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/maskedFrame-MaskedFrameSprite-stories.e8f6dc35.iframe.bundle.js.LICENSE.txt rename to storybook/slider-DoubleSliderNineSlicePlane-stories.1b7a6299.iframe.bundle.js.LICENSE.txt diff --git a/storybook/slider-DoubleSliderNineSlicePlane-stories.4a4478ca.iframe.bundle.js.LICENSE.txt b/storybook/slider-DoubleSliderNineSlicePlane-stories.4a4478ca.iframe.bundle.js.LICENSE.txt deleted file mode 100644 index ae386fb7..00000000 --- a/storybook/slider-DoubleSliderNineSlicePlane-stories.4a4478ca.iframe.bundle.js.LICENSE.txt +++ /dev/null @@ -1 +0,0 @@ -/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ diff --git a/storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js.LICENSE.txt b/storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js.LICENSE.txt deleted file mode 100644 index ae386fb7..00000000 --- a/storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js.LICENSE.txt +++ /dev/null @@ -1 +0,0 @@ -/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ diff --git a/storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js b/storybook/slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js similarity index 57% rename from storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js rename to storybook/slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js index 130d6138..d044a5d7 100644 --- a/storybook/slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js +++ b/storybook/slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js @@ -1,2 +1,2 @@ -/*! For license information please see slider-DoubleSliderSprite-stories.6e0e8cc2.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[329],{"./src/stories/slider/DoubleSliderSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/DoubleSlider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),args={fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,fontSize:20,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,fontSize=_ref.fontSize,fontColor=_ref.fontColor,showValue=_ref.showValue,onChange=_ref.onChange,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var doubleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_3__.D({bg:"slider_bg.png",fill:"slider_progress.png",slider1:"slider.png",slider2:"slider.png",min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40},fillPaddings:{left:4.5,top:2}});doubleSlider.value1=value1,doubleSlider.value2=value2,doubleSlider.onChange.connect((function(value1,value2){onChange("".concat(value1," - ").concat(value2))})),view.addChild(doubleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Container } from '@pixi/display';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n fontSize: 20,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({ min, max, value1, value2, fontSize, fontColor, showValue, onChange }: any) =>\n{\n const view = new Container();\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const doubleSlider = new DoubleSlider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider1: 'slider.png',\n slider2: 'slider.png',\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n fillPaddings: {\n left: 4.5,\n top: 2\n }\n });\n\n doubleSlider.value1 = value1;\n doubleSlider.value2 = value2;\n\n doubleSlider.onChange.connect((value1, value2) =>\n {\n onChange(`${value1} - ${value2}`);\n });\n\n view.addChild(doubleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:20},endLoc:{col:1,line:68},startBody:{col:31,line:20},endBody:{col:1,line:68}}}}},title:"Components/Slider/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file +/*! For license information please see slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[329],{"./src/stories/slider/DoubleSliderSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Double:()=>Double,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_display__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_DoubleSlider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/DoubleSlider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),args={fontColor:"#FFFFFF",min:0,max:100,value1:15,value2:85,fontSize:20,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Double=function Double(_ref){var min=_ref.min,max=_ref.max,value1=_ref.value1,value2=_ref.value2,fontSize=_ref.fontSize,fontColor=_ref.fontColor,showValue=_ref.showValue,onChange=_ref.onChange,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_0__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var doubleSlider=new _DoubleSlider__WEBPACK_IMPORTED_MODULE_3__.D({bg:"slider_bg.png",fill:"slider_progress.png",slider1:"slider.png",slider2:"slider.png",min,max,value1,value2,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40},fillPaddings:{left:4.5,top:2}});doubleSlider.value1=value1,doubleSlider.value2=value2,doubleSlider.onChange.connect((function(value1,value2){onChange("".concat(value1," - ").concat(value2))})),view.addChild(doubleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Container } from '@pixi/display';\nimport { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { DoubleSlider } from '../../DoubleSlider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value1: 15,\n value2: 85,\n fontSize: 20,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Double: StoryFn = ({ min, max, value1, value2, fontSize, fontColor, showValue, onChange }: any) =>\n{\n const view = new Container();\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const doubleSlider = new DoubleSlider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider1: 'slider.png',\n slider2: 'slider.png',\n min,\n max,\n value1,\n value2,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n fillPaddings: {\n left: 4.5,\n top: 2\n }\n });\n\n doubleSlider.value1 = value1;\n doubleSlider.value2 = value2;\n\n doubleSlider.onChange.connect((value1, value2) =>\n {\n onChange(`${value1} - ${value2}`);\n });\n\n view.addChild(doubleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{double:{startLoc:{col:31,line:20},endLoc:{col:1,line:68},startBody:{col:31,line:20},endBody:{col:1,line:68}}}}},title:"Components/Slider/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Double"]},"./src/DoubleSlider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>DoubleSlider});var _SliderBase__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/SliderBase.ts"),typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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;i0&&void 0!==arguments[0]?arguments[0]:this.value1,value2=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.value2;this.progressStart=(value1-this.min)/(this.max-this.min)*100,this.progress=(value2-this.min)/(this.max-this.min)*100}},{key:"validateValues",value:function validateValues(){this.sliderOptions.value1||(this.sliderOptions.value1=this.min),this.sliderOptions.value2||(this.sliderOptions.value2=this.sliderOptions.max),this.sliderOptions.value2this.sliderOptions.max&&(this.sliderOptions.value1=this.sliderOptions.max),this.sliderOptions.value2>this.sliderOptions.max&&(this.sliderOptions.value2=this.sliderOptions.max)}},{key:"value1",get:function get(){return this._value1},set:function set(value1){var _this$onUpdate;value1!==this._value1&&(value1this._value2&&(value1=this._value2),this._value1=value1,this.updateSlider1(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value1,this.value2))}},{key:"value2",get:function get(){return this._value2},set:function set(value2){var _this$onUpdate2;value2!==this._value2&&(value2this.max&&(value2=this.max),this._value2=value2,this.updateSlider2(),null===(_this$onUpdate2=this.onUpdate)||void 0===_this$onUpdate2||_this$onUpdate2.emit(this.value1,this.value2))}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(DoubleSlider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x,slider1Dist=Math.abs(x-this._slider1.x-this._slider1.width),slider2Dist=Math.abs(x-this._slider2.x);this.activeValue||(this.slider1&&xthis.slider2.x?this.activeValue="value2":this.activeValue=slider1Distthis._slider2.x&&(this._slider1.x=this._slider2.x),null!==(_this$sliderOptions2=this.sliderOptions)&&void 0!==_this$sliderOptions2&&_this$sliderOptions2.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value1));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"updateSlider2",value:function updateSlider2(){var _this$bg4,_this$bg5,_this$sliderOptions3;if(this.updateProgress(this.value1,this.value2),this._slider2.x=(null===(_this$bg4=this.bg)||void 0===_this$bg4?void 0:_this$bg4.width)/100*this.progress-this._slider2.width/2,this._slider2.y=(null===(_this$bg5=this.bg)||void 0===_this$bg5?void 0:_this$bg5.height)/2,this._slider2.x{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/progressBar-ProgressBarNineSlicePlane-stories.766ab554.iframe.bundle.js.LICENSE.txt b/storybook/slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/progressBar-ProgressBarNineSlicePlane-stories.766ab554.iframe.bundle.js.LICENSE.txt rename to storybook/slider-DoubleSliderSprite-stories.81c461d2.iframe.bundle.js.LICENSE.txt diff --git a/storybook/slider-SliderGraphics-stories.19efd1f2.iframe.bundle.js b/storybook/slider-SliderGraphics-stories.19efd1f2.iframe.bundle.js deleted file mode 100644 index 2b2c93dd..00000000 --- a/storybook/slider-SliderGraphics-stories.19efd1f2.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[41],{"./src/stories/slider/SliderGraphics.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),args={meshColor:"#a5e34d",fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",fontColor:"#FFFFFF",min:0,max:100,value:50,width:450,height:35,radius:25,fontSize:20,border:3,handleBorder:3,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,meshColor=_ref.meshColor,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,handleBorder=_ref.handleBorder,width=_ref.width,height=_ref.height,radius=_ref.radius,fontSize=_ref.fontSize,fontColor=_ref.fontColor,border=_ref.border,onChange=_ref.onChange,showValue=_ref.showValue,view=new _List__WEBPACK_IMPORTED_MODULE_2__.a({type:"vertical",elementsMargin:10});meshColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(meshColor),fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),slider=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_4__.i({bg,fill,slider,min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue});return singleSlider.value=value,singleSlider.onUpdate.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { action } from '@storybook/addon-actions';\nimport { List } from '../../List';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { Slider } from '../../Slider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport type { StoryFn } from '@storybook/types';\nimport { getColor } from '../utils/color';\n\nconst args = {\n meshColor: '#a5e34d',\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value: 50,\n width: 450,\n height: 35,\n radius: 25,\n fontSize: 20,\n border: 3,\n handleBorder: 3,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Single: StoryFn = ({\n min,\n max,\n value,\n meshColor,\n borderColor,\n backgroundColor,\n fillColor,\n handleBorder,\n width,\n height,\n radius,\n fontSize,\n fontColor,\n border,\n onChange,\n showValue,\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n meshColor = getColor(meshColor);\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const slider = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n // Component usage\n const singleSlider = new Slider({\n bg,\n fill,\n slider,\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue\n });\n\n singleSlider.value = value;\n\n singleSlider.onUpdate.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:29},endLoc:{col:1,line:99},startBody:{col:31,line:29},endBody:{col:1,line:99}}}}},title:"Components/Slider/Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["Single"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/graphics/lib/index.mjs"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_List__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/List.ts"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/stories/utils/color.ts"),args={meshColor:"#a5e34d",fillColor:"#00b1dd",borderColor:"#FFFFFF",backgroundColor:"#fe6048",fontColor:"#FFFFFF",min:0,max:100,value:50,width:450,height:35,radius:25,fontSize:20,border:3,handleBorder:3,showValue:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,meshColor=_ref.meshColor,borderColor=_ref.borderColor,backgroundColor=_ref.backgroundColor,fillColor=_ref.fillColor,handleBorder=_ref.handleBorder,width=_ref.width,height=_ref.height,radius=_ref.radius,fontSize=_ref.fontSize,fontColor=_ref.fontColor,border=_ref.border,onChange=_ref.onChange,showValue=_ref.showValue,view=new _List__WEBPACK_IMPORTED_MODULE_2__.a({type:"vertical",elementsMargin:10});meshColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(meshColor),fillColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(fillColor),borderColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(borderColor),backgroundColor=(0,_utils_color__WEBPACK_IMPORTED_MODULE_3__.Lq)(backgroundColor);var bg=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(backgroundColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),fill=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawRoundedRect(0,0,width,height,radius).beginFill(fillColor).drawRoundedRect(border,border,width-2*border,height-2*border,radius),slider=(new _pixi_graphics__WEBPACK_IMPORTED_MODULE_0__.TC).beginFill(borderColor).drawCircle(0,0,20+handleBorder).beginFill(meshColor).drawCircle(0,0,20).endFill(),singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_4__.i({bg,fill,slider,min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue});return singleSlider.value=value,singleSlider.onUpdate.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_5__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { Graphics } from '@pixi/graphics';\nimport { action } from '@storybook/addon-actions';\nimport { List } from '../../List';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { Slider } from '../../Slider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport type { StoryFn } from '@storybook/types';\nimport { getColor } from '../utils/color';\n\nconst args = {\n meshColor: '#a5e34d',\n fillColor: '#00b1dd',\n borderColor: '#FFFFFF',\n backgroundColor: '#fe6048',\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value: 50,\n width: 450,\n height: 35,\n radius: 25,\n fontSize: 20,\n border: 3,\n handleBorder: 3,\n showValue: true,\n onChange: action('Slider')\n};\n\nexport const Single: StoryFn = ({\n min,\n max,\n value,\n meshColor,\n borderColor,\n backgroundColor,\n fillColor,\n handleBorder,\n width,\n height,\n radius,\n fontSize,\n fontColor,\n border,\n onChange,\n showValue,\n}: any) =>\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n meshColor = getColor(meshColor);\n fillColor = getColor(fillColor);\n borderColor = getColor(borderColor);\n backgroundColor = getColor(backgroundColor);\n\n const bg = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(backgroundColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const fill = new Graphics()\n .beginFill(borderColor)\n .drawRoundedRect(0, 0, width, height, radius)\n .beginFill(fillColor)\n .drawRoundedRect(border, border, width - (border * 2), height - (border * 2), radius);\n\n const slider = new Graphics()\n .beginFill(borderColor)\n .drawCircle(0, 0, 20 + handleBorder)\n .beginFill(meshColor)\n .drawCircle(0, 0, 20)\n .endFill();\n\n // Component usage\n const singleSlider = new Slider({\n bg,\n fill,\n slider,\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue\n });\n\n singleSlider.value = value;\n\n singleSlider.onUpdate.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Graphics',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:29},endLoc:{col:1,line:99},startBody:{col:31,line:29},endBody:{col:1,line:99}}}}},title:"Components/Slider/Graphics",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_6__.V)(args)};var __namedExportsOrder=["Single"]},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/color.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Lq:()=>getColor});var pixi_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/pixi.js/lib/index.mjs");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);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),args={fontColor:"#FFFFFF",min:0,max:100,value:50,fontSize:20,showValue:!0,width:500,height:38,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,width=_ref.width,height=_ref.height,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_3__.i({bg:"slider_bg.png",fill:"slider_progress.png",slider:"slider.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},fillPaddings:{top:2.5,left:5,right:5,bottom:7},min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40}});singleSlider.width=width,singleSlider.height=height,singleSlider.onChange.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { Slider } from '../../Slider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value: 50,\n fontSize: 20,\n showValue: true,\n width: 500,\n height: 38,\n onChange: action('Slider')\n};\n\nexport const Single: StoryFn = ({\n min,\n max,\n value,\n fontSize,\n fontColor,\n onChange,\n showValue,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const singleSlider = new Slider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider: 'slider.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n fillPaddings: {\n top: 2.5,\n left: 5,\n right: 5,\n bottom: 7,\n },\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n });\n\n singleSlider.width = width;\n singleSlider.height = height;\n\n singleSlider.onChange.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/SpriteNineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:21},endLoc:{col:1,line:81},startBody:{col:31,line:21},endBody:{col:1,line:81}}}}},title:"Components/Slider/SpriteNineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Single"]},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file +/*! For license information please see slider-SliderNineSlicePlane-stories.85ad3a5c.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[25],{"./src/stories/slider/SliderNineSlicePlane.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_pixi_display__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@pixi/display/lib/index.mjs"),args={fontColor:"#FFFFFF",min:0,max:100,value:50,fontSize:20,showValue:!0,width:500,height:38,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,width=_ref.width,height=_ref.height,view=new _pixi_display__WEBPACK_IMPORTED_MODULE_1__.W2;return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){var singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_3__.i({bg:"slider_bg.png",fill:"slider_progress.png",slider:"slider.png",nineSlicePlane:{bg:[22,15,22,23],fill:[22,15,22,15]},fillPaddings:{top:2.5,left:5,right:5,bottom:7},min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40}});singleSlider.width=width,singleSlider.height=height,singleSlider.onChange.connect((function(value){return onChange("".concat(value))})),view.addChild(singleSlider),(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)})),{view,resize:function resize(){return(0,_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__.w)(view)}}};const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import { action } from '@storybook/addon-actions';\nimport { argTypes, getDefaultArgs } from '../utils/argTypes';\nimport { Slider } from '../../Slider';\nimport { centerElement } from '../../utils/helpers/resize';\nimport { preload } from '../utils/loader';\nimport { Container } from '@pixi/display';\nimport type { StoryFn } from '@storybook/types';\n\nconst args = {\n fontColor: '#FFFFFF',\n min: 0,\n max: 100,\n value: 50,\n fontSize: 20,\n showValue: true,\n width: 500,\n height: 38,\n onChange: action('Slider')\n};\n\nexport const Single: StoryFn = ({\n min,\n max,\n value,\n fontSize,\n fontColor,\n onChange,\n showValue,\n width,\n height\n}: any) =>\n{\n const view = new Container();\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n // Component usage !!!\n const singleSlider = new Slider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider: 'slider.png',\n nineSlicePlane: {\n bg: [22, 15, 22, 23],\n fill: [22, 15, 22, 15]\n },\n fillPaddings: {\n top: 2.5,\n left: 5,\n right: 5,\n bottom: 7,\n },\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n });\n\n singleSlider.width = width;\n singleSlider.height = height;\n\n singleSlider.onChange.connect((value) => onChange(`${value}`));\n\n view.addChild(singleSlider);\n\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/SpriteNineSlicePlane',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:21},endLoc:{col:1,line:81},startBody:{col:31,line:21},endBody:{col:1,line:81}}}}},title:"Components/Slider/SpriteNineSlicePlane",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Single"]},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/argTypes.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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)}__webpack_require__.d(__webpack_exports__,{P:()=>argTypes,V:()=>getDefaultArgs});var controls={select:{control:{type:"select"}},check:{control:{type:"check"}},color:{control:{type:"color"}},amount:{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,arg=args[key];key.includes("font")&&(min=1),exportArgTypes[key]=arg>=0?arg>=100?{control:{type:"range",min,max:1e3,step:10}}:arg>10?{control:{type:"range",min,max:100,step:1}}:0!==arg&&arg<1?{control:{type:"range",min:0,max:1,step:.1}}:{control:{type:"range",min,max:10,step:1}}:arg<=-100?{control:{type:"range",min:-1e3,max:1e3,step:10}}:arg<-10?{control:{type:"range",min:-100,max:100,step:10}}:0!==arg&&arg>-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]=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/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}},"./src/utils/helpers/resize.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function centerElement(view,horPos,verPos){var canvas=document.getElementById("storybook-root");view.width>0?view.x=0===horPos?0:horPos?canvas.offsetWidth*horPos-view.width/2:canvas.offsetWidth/2-view.width/2:view.x=canvas.offsetWidth/2,view.height>0?view.y=0===verPos?0:verPos?canvas.offsetHeight*verPos-view.height/2:canvas.offsetHeight/2-view.height/2:view.y=canvas.offsetHeight/2}function centerView(view){var canvas=document.getElementById("storybook-root");view.x=canvas.offsetWidth/2,view.y=canvas.offsetHeight/2}__webpack_require__.d(__webpack_exports__,{C:()=>centerView,w:()=>centerElement})},"./src/utils/helpers/view.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>getView,v:()=>getSpriteView});var _pixi_sprite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/sprite/lib/index.mjs");function getView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}function getSpriteView(view){return"string"==typeof view?_pixi_sprite__WEBPACK_IMPORTED_MODULE_0__.j.from(view):view}}}]); \ No newline at end of file diff --git a/storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js.LICENSE.txt b/storybook/slider-SliderNineSlicePlane-stories.85ad3a5c.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/progressBar-ProgressBarSprite-stories.5ec315b0.iframe.bundle.js.LICENSE.txt rename to storybook/slider-SliderNineSlicePlane-stories.85ad3a5c.iframe.bundle.js.LICENSE.txt diff --git a/storybook/slider-SliderNineSlicePlane-stories.bf78d08f.iframe.bundle.js.LICENSE.txt b/storybook/slider-SliderNineSlicePlane-stories.bf78d08f.iframe.bundle.js.LICENSE.txt deleted file mode 100644 index ae386fb7..00000000 --- a/storybook/slider-SliderNineSlicePlane-stories.bf78d08f.iframe.bundle.js.LICENSE.txt +++ /dev/null @@ -1 +0,0 @@ -/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ diff --git a/storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js b/storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js new file mode 100644 index 00000000..4b2a8bfe --- /dev/null +++ b/storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see slider-SliderSprite-stories.38dd6d64.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[260],{"./src/stories/slider/SliderSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),args={fontColor:"#FFFFFF",min:0,max:100,value:50,fontSize:20,showValue:!0,amount:1,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,amount=_ref.amount,view=new _List__WEBPACK_IMPORTED_MODULE_1__.a({type:"vertical",elementsMargin:10});return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){for(var _loop=function _loop(i){var singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_3__.i({bg:"slider_bg.png",fill:"slider_progress.png",slider:"slider.png",min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40},fillPaddings:{left:4.5,top:2}});singleSlider.onChange.connect((function(value){return onChange("onChange ".concat(i+1,": ").concat(value))})),view.addChild(singleSlider)},i=0;i\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const singleSlider = new Slider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider: 'slider.png',\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n fillPaddings: {\n left: 4.5,\n top: 2\n }\n });\n\n singleSlider.onChange.connect((value) => onChange(`onChange ${i + 1}: ${value}`));\n\n view.addChild(singleSlider);\n }\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:20},endLoc:{col:1,line:63},startBody:{col:31,line:20},endBody:{col:1,line:63}}}}},title:"Components/Slider/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Single"]},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/radio-RadioSprite-stories.1153acf7.iframe.bundle.js.LICENSE.txt b/storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js.LICENSE.txt similarity index 100% rename from storybook/radio-RadioSprite-stories.1153acf7.iframe.bundle.js.LICENSE.txt rename to storybook/slider-SliderSprite-stories.38dd6d64.iframe.bundle.js.LICENSE.txt diff --git a/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js b/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js deleted file mode 100644 index 0f9b09ad..00000000 --- a/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see slider-SliderSprite-stories.d26a44bf.iframe.bundle.js.LICENSE.txt */ -"use strict";(self.webpackChunk_pixi_ui=self.webpackChunk_pixi_ui||[]).push([[260],{"./src/stories/slider/SliderSprite.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Single:()=>Single,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/index.mjs"),_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/stories/utils/argTypes.ts"),_Slider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Slider.ts"),_utils_helpers_resize__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/helpers/resize.ts"),_utils_loader__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/utils/loader.ts"),_List__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/List.ts"),args={fontColor:"#FFFFFF",min:0,max:100,value:50,fontSize:20,showValue:!0,amount:1,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.aD)("Slider")},Single=function Single(_ref){var min=_ref.min,max=_ref.max,value=_ref.value,fontSize=_ref.fontSize,fontColor=_ref.fontColor,onChange=_ref.onChange,showValue=_ref.showValue,amount=_ref.amount,view=new _List__WEBPACK_IMPORTED_MODULE_1__.a({type:"vertical",elementsMargin:10});return(0,_utils_loader__WEBPACK_IMPORTED_MODULE_2__.M)(["slider_bg.png","slider.png","slider_progress.png"]).then((function(){for(var _loop=function _loop(i){var singleSlider=new _Slider__WEBPACK_IMPORTED_MODULE_3__.i({bg:"slider_bg.png",fill:"slider_progress.png",slider:"slider.png",min,max,value,valueTextStyle:{fill:fontColor,fontSize},showValue,valueTextOffset:{y:-40},fillPaddings:{left:4.5,top:2}});singleSlider.onChange.connect((function(value){return onChange("onChange ".concat(i+1,": ").concat(value))})),view.addChild(singleSlider)},i=0;i\n{\n const view = new List({ type: 'vertical', elementsMargin: 10 });\n\n const assets = ['slider_bg.png', 'slider.png', 'slider_progress.png'];\n\n preload(assets).then(() =>\n {\n for (let i = 0; i < amount; i++)\n {\n // Component usage !!!\n const singleSlider = new Slider({\n bg: 'slider_bg.png',\n fill: 'slider_progress.png',\n slider: 'slider.png',\n min,\n max,\n value,\n valueTextStyle: {\n fill: fontColor,\n fontSize\n },\n showValue,\n valueTextOffset: {\n y: -40\n },\n fillPaddings: {\n left: 4.5,\n top: 2\n }\n });\n\n singleSlider.onChange.connect((value) => onChange(`onChange ${i + 1}: ${value}`));\n\n view.addChild(singleSlider);\n }\n centerElement(view);\n });\n\n return {\n view,\n resize: () => centerElement(view)\n };\n};\n\nexport default {\n title: 'Components/Slider/Sprite',\n argTypes: argTypes(args),\n args: getDefaultArgs(args)\n};\n",locationsMap:{single:{startLoc:{col:31,line:20},endLoc:{col:1,line:63},startBody:{col:31,line:20},endBody:{col:1,line:63}}}}},title:"Components/Slider/Sprite",argTypes:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.P)(args),args:(0,_utils_argTypes__WEBPACK_IMPORTED_MODULE_5__.V)(args)};var __namedExportsOrder=["Single"]},"./src/List.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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;iList});var List=function(_Container){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(List,_Container);var _super=_createSuper(List);function List(options){var _options$items,_this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,List),function _defineProperty(obj,key,value){return(key=_toPropertyKey(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(_assertThisInitialized(_this=_super.call(this)),"children",[]),options&&_this.init(options),null==options||null===(_options$items=options.items)||void 0===_options$items||_options$items.forEach((function(item){return _this.addChild(item)})),_this.on("added",(function(){return _this.arrangeChildren()})),_this.on("childAdded",(function(){return _this.arrangeChildren()})),_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(List,[{key:"init",value:function init(options){var _this2=this;this.options=options,null!=options&&options.type&&(this.type=options.type),null!=options&&options.children&&options.children.forEach((function(child){return _this2.addChild(child)}))}},{key:"type",get:function get(){return this._type},set:function set(type){this._type=type,this.arrangeChildren()}},{key:"elementsMargin",get:function get(){return this.options.elementsMargin},set:function set(margin){this.options.elementsMargin=margin,this.arrangeChildren()}},{key:"vertPadding",get:function get(){return this.options.vertPadding},set:function set(padding){this.options.vertPadding=padding,this.arrangeChildren()}},{key:"horPadding",get:function get(){return this.options.horPadding},set:function set(padding){this.options.horPadding=padding,this.arrangeChildren()}},{key:"arrangeChildren",value:function arrangeChildren(){var _this$options$horPadd,_this$options,_this$options$vertPad,_this$options2,_this$options$element,_this$options3,_this$parent,_this$options4,_this3=this,x=null!==(_this$options$horPadd=null===(_this$options=this.options)||void 0===_this$options?void 0:_this$options.horPadding)&&void 0!==_this$options$horPadd?_this$options$horPadd:0,y=null!==(_this$options$vertPad=null===(_this$options2=this.options)||void 0===_this$options2?void 0:_this$options2.vertPadding)&&void 0!==_this$options$vertPad?_this$options$vertPad:0,elementsMargin=null!==(_this$options$element=null===(_this$options3=this.options)||void 0===_this$options3?void 0:_this$options3.elementsMargin)&&void 0!==_this$options$element?_this$options$element:0,maxWidth=null===(_this$parent=this.parent)||void 0===_this$parent?void 0:_this$parent.width;null!==(_this$options4=this.options)&&void 0!==_this$options4&&_this$options4.horPadding&&(maxWidth-=this.options.horPadding),this.children.forEach((function(child,id){switch(_this3.type){case"vertical":child.y=y,child.x=x,y+=elementsMargin+child.height;break;case"horizontal":child.x=x,child.y=y,x+=elementsMargin+child.width;break;default:var _this3$options$horPad,_this3$options;if(child.x=x,child.y=y,child.x+child.width>=maxWidth&&id>0)y+=elementsMargin+child.height,x=null!==(_this3$options$horPad=null===(_this3$options=_this3.options)||void 0===_this3$options?void 0:_this3$options.horPadding)&&void 0!==_this3$options$horPad?_this3$options$horPad:0,child.x=x,child.y=y;x+=elementsMargin+child.width}}))}},{key:"removeItem",value:function removeItem(itemID){var child=this.children[itemID];child&&(this.removeChild(child),this.arrangeChildren())}}]),List}(__webpack_require__("./node_modules/@pixi/display/lib/index.mjs").W2)},"./src/Slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>Slider});var typed_signals__WEBPACK_IMPORTED_MODULE_0__=__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 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 _defineProperties(target,props){for(var i=0;ithis.max&&(value=this.max),this._value1=value,this.updateSlider(),null===(_this$onUpdate=this.onUpdate)||void 0===_this$onUpdate||_this$onUpdate.emit(this.value))}},{key:"max",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"max",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"max",value,this,!0),this.updateSlider()}},{key:"min",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"min",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"min",value,this,!0),this.updateSlider()}},{key:"slider",set:function set(value){this.slider1=value,this.updateSlider()}},{key:"update",value:function update(event){var _this$bg;if(_get(_getPrototypeOf(Slider.prototype),"update",this).call(this,event),this.dragging){var x=event.currentTarget.parent.worldTransform.applyInverse(event.global).x;this.progress=this.validate(x/(null===(_this$bg=this.bg)||void 0===_this$bg?void 0:_this$bg.width)*100),this.value=this.min+(this.max-this.min)/100*this.progress}}},{key:"change",value:function change(){var _this$onChange;null===(_this$onChange=this.onChange)||void 0===_this$onChange||_this$onChange.emit(this.value)}},{key:"updateSlider",value:function updateSlider(){var _this$value,_this$bg2,_this$bg3,_this$sliderOptions;if(this.progress=((null!==(_this$value=this.value)&&void 0!==_this$value?_this$value:this.min)-this.min)/(this.max-this.min)*100,this._slider1.x=(null===(_this$bg2=this.bg)||void 0===_this$bg2?void 0:_this$bg2.width)/100*this.progress-this._slider1.width/2,this._slider1.y=(null===(_this$bg3=this.bg)||void 0===_this$bg3?void 0:_this$bg3.height)/2,null!==(_this$sliderOptions=this.sliderOptions)&&void 0!==_this$sliderOptions&&_this$sliderOptions.showValue){var _this$sliderOptions$v,_this$sliderOptions$v2,_this$sliderOptions$v3,_this$sliderOptions$v4;this.value1Text.text="".concat(Math.round(this.value));var sliderPosX=this._slider1.x+this._slider1.width/2,sliderPosY=this._slider1.y;this.value1Text.x=sliderPosX+(null!==(_this$sliderOptions$v=null===(_this$sliderOptions$v2=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v2?void 0:_this$sliderOptions$v2.x)&&void 0!==_this$sliderOptions$v?_this$sliderOptions$v:0),this.value1Text.y=sliderPosY+(null!==(_this$sliderOptions$v3=null===(_this$sliderOptions$v4=this.sliderOptions.valueTextOffset)||void 0===_this$sliderOptions$v4?void 0:_this$sliderOptions$v4.y)&&void 0!==_this$sliderOptions$v3?_this$sliderOptions$v3:0)}}},{key:"width",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"width",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"width",value,this,!0),this.updateSlider()}},{key:"height",get:function get(){return _get(_getPrototypeOf(Slider.prototype),"height",this)},set:function set(value){_set(_getPrototypeOf(Slider.prototype),"height",value,this,!0),this.updateSlider()}}]),Slider}(__webpack_require__("./src/SliderBase.ts").V)},"./src/stories/utils/loader.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>preload});var _pixi_assets__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@pixi/assets/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 _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function preload(_x){return _preload.apply(this,arguments)}function _preload(){return _preload=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(assets){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,_pixi_assets__WEBPACK_IMPORTED_MODULE_0__.de.load(assets);case 2:case"end":return _context.stop()}}),_callee)}))),_preload.apply(this,arguments)}}}]); \ No newline at end of file diff --git a/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js.LICENSE.txt b/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js.LICENSE.txt deleted file mode 100644 index ae386fb7..00000000 --- a/storybook/slider-SliderSprite-stories.d26a44bf.iframe.bundle.js.LICENSE.txt +++ /dev/null @@ -1 +0,0 @@ -/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */