amotify 0.1.21 → 0.1.23

package/dist/@declaration/property.d.ts

@@ -90,8 +90,8 @@ export declare namespace Sizes {
     type Params = {
         maxHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
         minHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
-        minWidth?: 0 | 1 | 'unset';
-        maxWidth?: 0 | 1 | 'unset';
+        minWidth?: 0 | 1 | 'viewWidth' | 'unset';
+        maxWidth?: 0 | 1 | 'viewWidth' | 'unset';
         unitWidth?: Size;
         unitHeight?: Size;
         width?: 0 | 1 | 'viewWidth' | 'auto';

package/dist/@styles/componentClasses/_.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.21
+* amotify 0.1.22
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/5/31
+* Latest updated at: 2024/6/12
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */
@@ -188,21 +188,21 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/f_sheet.module.scss */
-._FixScroll_14cjf_1 {
+._FixScroll_81ouy_1 {
   overflow: hidden !important;
   min-height: 0 !important;
   height: calc(var(--viewHeight));
   width: 100vw;
   transition: var(--animation-time3);
 }
-._FixScroll_14cjf_1._Float_14cjf_8 {
+._FixScroll_81ouy_1._Float_81ouy_8 {
   opacity: 0.8 !important;
   pointer-events: none;
   transform-origin: center center;
   transform: scale(0.96);
   border-radius: calc((2vw + 2vh) / 2);
 }
-._Wrapper_14cjf_16 {
+._Wrapper_81ouy_16 {
   position: fixed;
   top: 0;
   left: 0;
@@ -211,11 +211,11 @@
   pointer-events: none;
   z-index: 6;
 }
-._Wrap_14cjf_16 {
+._Wrap_81ouy_16 {
   pointer-events: none !important;
   height: 0;
 }
-._Wrap_14cjf_16 ._TapSensor_14cjf_30 {
+._Wrap_81ouy_16 ._TapSensor_81ouy_30 {
   position: sticky;
   top: 0;
   height: 0;
@@ -224,158 +224,157 @@
   -webkit-touch-callout: none;
   flex: none;
 }
-._Wrap_14cjf_16 ._TapSensor_14cjf_30 ._TapContent_14cjf_39 {
+._Wrap_81ouy_16 ._TapSensor_81ouy_30 ._TapContent_81ouy_39 {
   height: var(--viewHeight);
   width: 100vw;
 }
-._Wrap_14cjf_16._Hide_14cjf_43 {
+._Wrap_81ouy_16._Hide_81ouy_43 {
   display: none !important;
 }
-._Wrap_14cjf_16._Open_14cjf_46._isNewSheet_true_14cjf_46 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Open_81ouy_46._isNewSheet_true_81ouy_46 ._Content_81ouy_46 {
   pointer-events: all !important;
   background-color: rgba(var(--color-dark-rgb), 0.25);
 }
-._Wrap_14cjf_16._Open_14cjf_46._isNewSheet_false_14cjf_50 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Open_81ouy_46._isNewSheet_false_81ouy_50 ._BB_81ouy_50 {
   pointer-events: all !important;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transform: scale(1.015);
   transition: var(--animation-time1);
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 ._BaseBody_14cjf_57 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 ._BaseBody_81ouy_57 {
   transition: var(--animation-time1);
   box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark);
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._BB_81ouy_50 {
   transform: scale(0.75);
-  padding: var(--grid-unit);
   pointer-events: none !important;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._BB_14cjf_50 > * {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._BB_81ouy_50 > * {
   pointer-events: all;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53._Open_81ouy_46 ._BB_81ouy_50 {
   transform: scale(1);
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._Content_81ouy_46 {
   overflow: hidden auto;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transition: var(--animation-time1);
   left: calc(-1 * var(--grid-unit) * 2);
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._BB_81ouy_50 {
   max-width: 100vw;
   left: -10%;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72._Open_81ouy_46 ._BB_81ouy_50 {
   left: 0;
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._Content_81ouy_46 {
   overflow: hidden auto;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transition: var(--animation-time1);
   right: calc(-1 * var(--grid-unit) * 2);
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._BB_81ouy_50 {
   max-width: 100vw;
   right: -10%;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87._Open_81ouy_46 ._BB_81ouy_50 {
   right: 0;
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   padding-top: 2vh !important;
   transition: var(--animation-time1) !important;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._BB_81ouy_50 {
   padding-top: 10vh;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._BB_14cjf_50 ._DragBar_14cjf_110 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._BB_81ouy_50 ._DragBar_81ouy_109 {
   position: relative;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102._Open_81ouy_46 ._BB_81ouy_50 {
   padding-top: 0;
   opacity: 1 !important;
   transition: var(--animation-time3);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transform: scale(1.015);
   transition: var(--animation-time1);
   box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._BB_81ouy_50 {
   transform: scale(0.95);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._BB_14cjf_50._CustomSheet_14cjf_126 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._BB_81ouy_50._CustomSheet_81ouy_125 {
   position: relative;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_4_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_4_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_4_81ouy_128 {
   transform-origin: bottom right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_5_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_5_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_5_81ouy_131 {
   transform-origin: top right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_4_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_4_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_4_81ouy_128 {
   transform-origin: bottom left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_5_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_5_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_5_81ouy_131 {
   transform-origin: top left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_3_14cjf_141,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_18_14cjf_141 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_3_81ouy_140,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_18_81ouy_140 {
   transform-origin: bottom;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_8_14cjf_144,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_23_14cjf_144 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_8_81ouy_143,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_23_81ouy_143 {
   transform-origin: top;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_11_14cjf_147,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14_14cjf_147 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_11_81ouy_146,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_14_81ouy_146 {
   transform-origin: right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_12_14cjf_150,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_15_14cjf_150 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_12_81ouy_149,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_15_81ouy_149 {
   transform-origin: left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128 {
   right: 0;
   justify-content: flex-end;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134 {
   left: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_3_14cjf_160 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_3_81ouy_159 {
   align-items: center;
   justify-content: center;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_4_81ouy_128 {
   bottom: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_5_81ouy_131 {
   top: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117._Open_81ouy_46 ._BB_81ouy_50 {
   transform: scale(1);
   opacity: 1;
 }

package/dist/@styles/componentClasses/_.js

@@ -57,45 +57,45 @@ var f_snackbar_module_default = {
 
 // src/@styles/componentClasses/f_sheet.module.scss
 var f_sheet_module_default = {
-  "FixScroll": "_FixScroll_14cjf_1",
-  "Float": "_Float_14cjf_8",
-  "Wrapper": "_Wrapper_14cjf_16",
-  "Wrap": "_Wrap_14cjf_16",
-  "TapSensor": "_TapSensor_14cjf_30",
-  "TapContent": "_TapContent_14cjf_39",
-  "Hide": "_Hide_14cjf_43",
-  "Open": "_Open_14cjf_46",
-  "isNewSheet_true": "_isNewSheet_true_14cjf_46",
-  "Content": "_Content_14cjf_46",
-  "isNewSheet_false": "_isNewSheet_false_14cjf_50",
-  "BB": "_BB_14cjf_50",
-  "Tcate_normal": "_Tcate_normal_14cjf_53",
-  "BaseBody": "_BaseBody_14cjf_57",
-  "Tcate_drawer": "_Tcate_drawer_14cjf_73",
-  "Tpos_left": "_Tpos_left_14cjf_73",
-  "Tpos_right": "_Tpos_right_14cjf_88",
-  "Tpos_bottom": "_Tpos_bottom_14cjf_103",
-  "DragBar": "_DragBar_14cjf_110",
-  "Tcate_custom": "_Tcate_custom_14cjf_118",
-  "CustomSheet": "_CustomSheet_14cjf_126",
-  "GPT": "_GPT_14cjf_129",
-  "Col_1": "_Col_1_14cjf_129",
-  "Row_1": "_Row_1_14cjf_129",
-  "Row_4": "_Row_4_14cjf_129",
-  "Col_4": "_Col_4_14cjf_129",
-  "Row_2": "_Row_2_14cjf_132",
-  "Row_5": "_Row_5_14cjf_132",
-  "Col_2": "_Col_2_14cjf_135",
-  "Col_5": "_Col_5_14cjf_135",
-  "GPT_3": "_GPT_3_14cjf_141",
-  "GPT_18": "_GPT_18_14cjf_141",
-  "GPT_8": "_GPT_8_14cjf_144",
-  "GPT_23": "_GPT_23_14cjf_144",
-  "GPT_11": "_GPT_11_14cjf_147",
-  "GPT_14": "_GPT_14_14cjf_147",
-  "GPT_12": "_GPT_12_14cjf_150",
-  "GPT_15": "_GPT_15_14cjf_150",
-  "Col_3": "_Col_3_14cjf_160"
+  "FixScroll": "_FixScroll_81ouy_1",
+  "Float": "_Float_81ouy_8",
+  "Wrapper": "_Wrapper_81ouy_16",
+  "Wrap": "_Wrap_81ouy_16",
+  "TapSensor": "_TapSensor_81ouy_30",
+  "TapContent": "_TapContent_81ouy_39",
+  "Hide": "_Hide_81ouy_43",
+  "Open": "_Open_81ouy_46",
+  "isNewSheet_true": "_isNewSheet_true_81ouy_46",
+  "Content": "_Content_81ouy_46",
+  "isNewSheet_false": "_isNewSheet_false_81ouy_50",
+  "BB": "_BB_81ouy_50",
+  "Tcate_normal": "_Tcate_normal_81ouy_53",
+  "BaseBody": "_BaseBody_81ouy_57",
+  "Tcate_drawer": "_Tcate_drawer_81ouy_72",
+  "Tpos_left": "_Tpos_left_81ouy_72",
+  "Tpos_right": "_Tpos_right_81ouy_87",
+  "Tpos_bottom": "_Tpos_bottom_81ouy_102",
+  "DragBar": "_DragBar_81ouy_109",
+  "Tcate_custom": "_Tcate_custom_81ouy_117",
+  "CustomSheet": "_CustomSheet_81ouy_125",
+  "GPT": "_GPT_81ouy_128",
+  "Col_1": "_Col_1_81ouy_128",
+  "Row_1": "_Row_1_81ouy_128",
+  "Row_4": "_Row_4_81ouy_128",
+  "Col_4": "_Col_4_81ouy_128",
+  "Row_2": "_Row_2_81ouy_131",
+  "Row_5": "_Row_5_81ouy_131",
+  "Col_2": "_Col_2_81ouy_134",
+  "Col_5": "_Col_5_81ouy_134",
+  "GPT_3": "_GPT_3_81ouy_140",
+  "GPT_18": "_GPT_18_81ouy_140",
+  "GPT_8": "_GPT_8_81ouy_143",
+  "GPT_23": "_GPT_23_81ouy_143",
+  "GPT_11": "_GPT_11_81ouy_146",
+  "GPT_14": "_GPT_14_81ouy_146",
+  "GPT_12": "_GPT_12_81ouy_149",
+  "GPT_15": "_GPT_15_81ouy_149",
+  "Col_3": "_Col_3_81ouy_159"
 };
 
 // src/@styles/componentClasses/f_loader.module.scss

package/dist/atoms/FAI.js

@@ -1 +1 @@
-import{b as r,c as i,d as f}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faUser as h}from"@fortawesome/free-solid-svg-icons/faUser";import{faTimes as C}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as A}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as g}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as w}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as R}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as u}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as L}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as S}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as E}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as x}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as I}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as P}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as D}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as d}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as k}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as y}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as U}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as F}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as v}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as T}from"@fortawesome/free-solid-svg-icons/faCheck";import{faCheckCircle as H}from"@fortawesome/free-solid-svg-icons/faCheckCircle";import{faQuestion as B}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faQuestionCircle as Q}from"@fortawesome/free-solid-svg-icons/faQuestionCircle";import{faExclamation as M}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as G}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as V}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as Y}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as N}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as O}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faHeart as W}from"@fortawesome/free-solid-svg-icons/faHeart";import{faStar as z}from"@fortawesome/free-solid-svg-icons/faStar";import{faEdit as b}from"@fortawesome/free-solid-svg-icons/faEdit";import{faPen as q}from"@fortawesome/free-solid-svg-icons/faPen";import{faCopy as J}from"@fortawesome/free-solid-svg-icons/faCopy";import{faFile as K}from"@fortawesome/free-solid-svg-icons/faFile";import{faTrashAlt as X}from"@fortawesome/free-solid-svg-icons/faTrashAlt";import{faBars as Z}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as _}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as $}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as j}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as oo}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as ro}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as io}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as to}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as no}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as eo}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faPaperPlane as ao}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faImage as mo}from"@fortawesome/free-solid-svg-icons/faImage";const e=o=>{let m=o,{icon:p,iconParams:a}=m,c=f(m,["icon","iconParams"]);return n(l,i(r({display:"inlineFlex",flexCenter:!0,position:"relative",freeCSS:{aspectRatio:"1"}},c),{children:n(s,i(r({icon:p,fixedWidth:!0,size:"sm"},a),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},a==null?void 0:a.style)}))}))},t=e;t.User=o=>n(e,i(r({},o),{icon:h})),t.Times=o=>n(e,i(r({},o),{icon:C})),t.AngleRight=o=>n(e,i(r({},o),{icon:A})),t.AngleLeft=o=>n(e,i(r({},o),{icon:g})),t.AngleUp=o=>n(e,i(r({},o),{icon:w})),t.AngleDown=o=>n(e,i(r({},o),{icon:R})),t.ChevronLeft=o=>n(e,i(r({},o),{icon:u})),t.ChevronRight=o=>n(e,i(r({},o),{icon:L})),t.ChevronUp=o=>n(e,i(r({},o),{icon:S})),t.ChevronDown=o=>n(e,i(r({},o),{icon:E})),t.CaretLeft=o=>n(e,i(r({},o),{icon:x})),t.CaretRight=o=>n(e,i(r({},o),{icon:I})),t.CaretUp=o=>n(e,i(r({},o),{icon:P})),t.CaretDown=o=>n(e,i(r({},o),{icon:D})),t.ArrowLeft=o=>n(e,i(r({},o),{icon:d})),t.ArrowRight=o=>n(e,i(r({},o),{icon:k})),t.ArrowUp=o=>n(e,i(r({},o),{icon:y})),t.ArrowDown=o=>n(e,i(r({},o),{icon:U})),t.Rotate=o=>n(e,i(r({},o),{icon:F})),t.Redo=o=>n(e,i(r({},o),{icon:v})),t.Check=o=>n(e,i(r({},o),{icon:T})),t.CheckCircle=o=>n(e,i(r({},o),{icon:H})),t.Question=o=>n(e,i(r({},o),{icon:B})),t.QuestionCircle=o=>n(e,i(r({},o),{icon:Q})),t.Exclamation=o=>n(e,i(r({},o),{icon:M})),t.ExclamationTriangle=o=>n(e,i(r({},o),{icon:G})),t.Home=o=>n(e,i(r({},o),{icon:V})),t.Share=o=>n(e,i(r({},o),{icon:Y})),t.Search=o=>n(e,i(r({},o),{icon:N})),t.YenSign=o=>n(e,i(r({},o),{icon:O})),t.Heart=o=>n(e,i(r({},o),{icon:W})),t.Star=o=>n(e,i(r({},o),{icon:z})),t.Edit=o=>n(e,i(r({},o),{icon:b})),t.Pen=o=>n(e,i(r({},o),{icon:q})),t.Copy=o=>n(e,i(r({},o),{icon:J})),t.File=o=>n(e,i(r({},o),{icon:K})),t.TrashAlt=o=>n(e,i(r({},o),{icon:X})),t.Bars=o=>n(e,i(r({},o),{icon:Z})),t.Download=o=>n(e,i(r({},o),{icon:_})),t.Link=o=>n(e,i(r({},o),{icon:$})),t.LinkSlash=o=>n(e,i(r({},o),{icon:j})),t.ExternalLinkAlt=o=>n(e,i(r({},o),{icon:oo})),t.Gear=o=>n(e,i(r({},o),{icon:ro})),t.Plus=o=>n(e,i(r({},o),{icon:io})),t.Minus=o=>n(e,i(r({},o),{icon:to})),t.EllipsisH=o=>n(e,i(r({},o),{icon:no})),t.EllipsisV=o=>n(e,i(r({},o),{icon:eo})),t.PaperPlane=o=>n(e,i(r({},o),{icon:ao})),t.Image=o=>n(e,i(r({},o),{icon:mo}));export{t as FAI,t as default};
+import{b as r,c as i,d as f}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as u}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as L}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as D}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as k}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as no}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as eo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as ao}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as mo}from"@fortawesome/free-regular-svg-icons/faImage";const e=o=>{let m=o,{icon:p,iconParams:a}=m,c=f(m,["icon","iconParams"]);return n(l,i(r({display:"inlineFlex",flexCenter:!0,position:"relative",freeCSS:{aspectRatio:"1"}},c),{children:n(s,i(r({icon:p,fixedWidth:!0,size:"sm"},a),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},a==null?void 0:a.style)}))}))},t=e;t.User=o=>n(e,i(r({},o),{icon:oo})),t.Times=o=>n(e,i(r({},o),{icon:h})),t.AngleRight=o=>n(e,i(r({},o),{icon:C})),t.AngleLeft=o=>n(e,i(r({},o),{icon:A})),t.AngleUp=o=>n(e,i(r({},o),{icon:g})),t.AngleDown=o=>n(e,i(r({},o),{icon:w})),t.ChevronLeft=o=>n(e,i(r({},o),{icon:R})),t.ChevronRight=o=>n(e,i(r({},o),{icon:u})),t.ChevronUp=o=>n(e,i(r({},o),{icon:L})),t.ChevronDown=o=>n(e,i(r({},o),{icon:S})),t.CaretLeft=o=>n(e,i(r({},o),{icon:E})),t.CaretRight=o=>n(e,i(r({},o),{icon:x})),t.CaretUp=o=>n(e,i(r({},o),{icon:I})),t.CaretDown=o=>n(e,i(r({},o),{icon:P})),t.ArrowLeft=o=>n(e,i(r({},o),{icon:D})),t.ArrowRight=o=>n(e,i(r({},o),{icon:d})),t.ArrowUp=o=>n(e,i(r({},o),{icon:k})),t.ArrowDown=o=>n(e,i(r({},o),{icon:y})),t.Rotate=o=>n(e,i(r({},o),{icon:U})),t.Redo=o=>n(e,i(r({},o),{icon:F})),t.Check=o=>n(e,i(r({},o),{icon:v})),t.CheckCircle=o=>n(e,i(r({},o),{icon:ro})),t.Question=o=>n(e,i(r({},o),{icon:T})),t.QuestionCircle=o=>n(e,i(r({},o),{icon:io})),t.Exclamation=o=>n(e,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>n(e,i(r({},o),{icon:B})),t.Home=o=>n(e,i(r({},o),{icon:Q})),t.Share=o=>n(e,i(r({},o),{icon:M})),t.Search=o=>n(e,i(r({},o),{icon:G})),t.YenSign=o=>n(e,i(r({},o),{icon:V})),t.Heart=o=>n(e,i(r({},o),{icon:j})),t.Star=o=>n(e,i(r({},o),{icon:_})),t.Edit=o=>n(e,i(r({},o),{icon:to})),t.Pen=o=>n(e,i(r({},o),{icon:Y})),t.Copy=o=>n(e,i(r({},o),{icon:no})),t.File=o=>n(e,i(r({},o),{icon:eo})),t.TrashAlt=o=>n(e,i(r({},o),{icon:ao})),t.Bars=o=>n(e,i(r({},o),{icon:N})),t.Download=o=>n(e,i(r({},o),{icon:O})),t.Link=o=>n(e,i(r({},o),{icon:W})),t.LinkSlash=o=>n(e,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>n(e,i(r({},o),{icon:b})),t.Gear=o=>n(e,i(r({},o),{icon:q})),t.Plus=o=>n(e,i(r({},o),{icon:J})),t.Minus=o=>n(e,i(r({},o),{icon:K})),t.EllipsisH=o=>n(e,i(r({},o),{icon:X})),t.EllipsisV=o=>n(e,i(r({},o),{icon:Z})),t.PaperPlane=o=>n(e,i(r({},o),{icon:$})),t.Image=o=>n(e,i(r({},o),{icon:mo}));export{t as FAI,t as default};

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as o,c as a,e as B}from"../../chunk-VY3566IV.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as O}from"react";import{$$ as i,$$fromRoot as W,Config as z,useStore as v,GenerateClassName as P}from"../../@utils/_";import{InputClasses as k}from"../../@styles/componentClasses/_";import x from"../../atoms/Box";import E from"../../atoms/Flex";import V from"../../atoms/FAI";import L from"../../mols/Row";import A from"../../mols/Column";import U from"../Button";import D from"../Tooltips";const se=e=>{let[t]=N(e.componentID||i.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},ue=e=>{let{children:t,val_status:n,set_status:r,val_validate:c,params:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=l;return n.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),C(x,a(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[C(E,{flexWrap:!1,className:k("Wrapper"),children:[l.leftIndicator,C(E,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{r(a(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:m(V.Times,{})}):u]}),l.rightIndicator]}),m($,{notice:c.notice,val_status:n})]}))},$=e=>{let{notice:t,val_status:n}=e,{componentID:r,eventType:c}=n;i.interval.clear("NoticeTimer-"+r),i.interval.clear("NoticeTimerClose-"+r);let l="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return C(L.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return i.interval.standBy("NoticeTimer-"+r,350,()=>{D.open({tipsID:s,parent:"#"+l,padding:["1/2",0],content:C(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(A,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),i.interval.standBy("NoticeTimerClose-"+r,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:l})},de=e=>{let{type:t,params:n,val_status:r,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=r,[F,w]=N(i.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,w(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:h}=d;p({ok:f,notice:h})}},s)}),()=>{v.delete(R)}),[]);const _=O(!1);T(()=>{_.current?c(a(o({},r),{eventType:"refresh",eventID:i.uuid.gen()})):_.current=!0},[F]),T(()=>{n.value=r.dataValue,i.interval.clear("ValidationTimer-"+R),j({val_status:r,set_validate:p,DefaultValidation:y,params:n})},[r.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=v.get(r.componentID);f&&(n.value!=r.dataValue&&n.status_id!=f.status_id&&c(a(o(a(o({},r),{dataValue:n.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:h}=r,g=h;if(t=="list"?g=h.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?g=JSON.parse(h):t=="file"&&v.update({key:d,value:{Files:r.dataValue}}),f=="refresh"){let b=v.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:g,storeData:v.get(d),eventType:f}),i.scope(()=>{u.ok&&S&&S({componentID:d,value:g,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:r,DefaultValidation:c}=e,l=c({value:t.dataValue,params:n});if(!l.ok){r(l);return}let s=l.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:n,formName:r}=t.dataset;n=r||n;let c=!1,l=W(`[data-form-submit-button="${n}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||z.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"2.layer.cloud"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"1.layer.base"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"tcOpFew",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),P(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),e.leftIndicator?{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}:null),e.rightIndicator?{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}:null),{className:[k("Input"),e.className].join(" ")});return P(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};
+import{b as o,c as a,e as B}from"../../chunk-VY3566IV.js";import{jsx as m,jsxs as C}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as O}from"react";import{$$ as i,$$fromRoot as W,Config as z,useStore as v,GenerateClassName as P}from"../../@utils/_";import{InputClasses as k}from"../../@styles/componentClasses/_";import x from"../../atoms/Box";import E from"../../atoms/Flex";import V from"../../atoms/FAI";import L from"../../mols/Row";import A from"../../mols/Column";import U from"../Button";import D from"../Tooltips";const se=e=>{let[t]=N(e.componentID||i.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},ue=e=>{let{children:t,val_status:n,set_status:r,val_validate:c,params:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=l;return n.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),C(x,a(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[C(E,{flexWrap:!1,flexSizing:0,className:k("Wrapper"),children:[l.leftIndicator,C(E,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{r(a(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:m(V.Times,{})}):u]}),l.rightIndicator]}),m($,{notice:c.notice,val_status:n})]}))},$=e=>{let{notice:t,val_status:n}=e,{componentID:r,eventType:c}=n;i.interval.clear("NoticeTimer-"+r),i.interval.clear("NoticeTimerClose-"+r);let l="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return C(L.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return i.interval.standBy("NoticeTimer-"+r,350,()=>{D.open({tipsID:s,parent:"#"+l,padding:["1/2",0],content:C(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(A,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),i.interval.standBy("NoticeTimerClose-"+r,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:l})},de=e=>{let{type:t,params:n,val_status:r,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=r,[F,w]=N(i.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,w(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{v.delete(R)}),[]);const _=O(!1);T(()=>{_.current?c(a(o({},r),{eventType:"refresh",eventID:i.uuid.gen()})):_.current=!0},[F]),T(()=>{n.value=r.dataValue,i.interval.clear("ValidationTimer-"+R),j({val_status:r,set_validate:p,DefaultValidation:y,params:n})},[r.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=v.get(r.componentID);f&&(n.value!=r.dataValue&&n.status_id!=f.status_id&&c(a(o(a(o({},r),{dataValue:n.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:g}=r,h=g;if(t=="list"?h=g.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&v.update({key:d,value:{Files:r.dataValue}}),f=="refresh"){let b=v.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:h,storeData:v.get(d),eventType:f}),i.scope(()=>{u.ok&&S&&S({componentID:d,value:h,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:r,DefaultValidation:c}=e,l=c({value:t.dataValue,params:n});if(!l.ok){r(l);return}let s=l.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:n,formName:r}=t.dataset;n=r||n;let c=!1,l=W(`[data-form-submit-button="${n}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||z.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"1.layer.base"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"2.layer.cloud"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"1.layer.base"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"tcOpFew",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),P(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),e.leftIndicator?{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}:null),e.rightIndicator?{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}:null),{className:[k("Input"),e.className].join(" ")});return P(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};

package/dist/fn/Layout/SwipeView.d.ts

@@ -12,7 +12,7 @@ declare namespace SwipeView {
                 (index: number): void;
             };
             visibilitySurroundSlide?: boolean;
-            autoSwipeSeconds?: number;
+            autoSwipems?: number;
             loop?: boolean;
             disableMousedrag?: boolean;
             disableTouch?: boolean;

package/dist/fn/Layout/SwipeView.js

@@ -1 +1 @@
-import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils/_";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
+import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils/_";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as h,c as I,d as M}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as W,useRef as Z}from"react";import{$$ as a,$$fromRoot as P,Config as U,useStore as T}from"../@utils/_";import R from"../atoms/Box";import $ from"../atoms/Img";import X from"../atoms/FAI";import J from"../atoms/Flex";import G from"../mols/Column";import Y from"../mols/Row";import V from"./Button";import Q from"./Layout/_";import q from"./Input/_";import{SheetClasses as c}from"../@styles/componentClasses/_";const d={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},addNewSheet:function(e){if(e=I(h({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||a.uuid.gen(),close_option:h({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let s=T.get(e.sheetID);s&&s.refresh&&s.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:a.Time()};let t=T.get("Sheet-"+U.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=z(a.uuid.gen());W(()=>{T.set({key:"Sheet-"+U.get().sessionUID,value:{refresh:()=>{t(a.uuid.gen())}}}),a(U.get().appRoot).addEvent({eventType:"keyup",callback:function(r){let{key:o,metaKey:f}=r;if(o=="Escape"||o==","&&f){let v=Object.values(d.contents).filter(S=>S.isOpen);if(!v.length)return;let n=v.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(n.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(r){var v;let o=Object.values(d.contents).filter(n=>n.params.type=="custom");!o.length||o.find(n=>{let{params:S}=n,w=S.parent,_=r.target,g=P(w)[0];return!!(w==_||g===_||a(g).find(_).length)})||(v=r.target)!=null&&v.closest("."+c("CustomSheet"))||o.forEach(n=>{var S;(S=n.params.close_option)!=null&&S.aroundClick&&x.close(n.params.sheetID)})}})},[]);let s=Object.entries(d.contents).map(([r,o])=>i(R,{id:"Sheet-"+r,children:i(d.Core,h({isOpen:o.isOpen},o.params),r)},r));return i(R,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:s})},Core:e=>{var y;let[t]=z(a.uuid.gen()),[s,r]=z(e),[o,f]=z(!0),{type:v,sheetID:n,openAfter:S,closeAfter:w}=s,_=!e.overwrap,g=d.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[v]];W(()=>{T.set({key:n,value:{refresh:(p,m)=>{r(p),f(m!=null?m:!1)},resize:p=>{if(v=="drawer.bottom"){let m=T.get(t);m&&m.resize&&m.resize(p)}else(s.type.includes("normal")||s.type.includes("drawer"))&&r(I(h({},s),{size:p}))},close:p=>{d.contents[n].isOpen=!1,f(!1)},open:()=>{d.contents[n].isOpen=!0,f(!0)}}})}),W(()=>{a.scope(()=>{if(_&&e.backgroundEffect){if(d.subSheetLength=d.subSheetLength+(o?1:-1),o){let p=a("html");if(d.subSheetLength==1){let m=p[0].scrollTop;d.mainSheetScrolls=m}U.get().isPhone||(p.callback(()=>{P(".AMOTIFY_be_root").addClass(c("FixScroll")).callback(m=>{m[0].scrollTop=d.mainSheetScrolls}).await(40).addClass(c("Float"))})[0].scrollTop=0);return}d.subSheetLength==0&&(U.get().isPhone||P(".AMOTIFY_be_root").removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{a("html")[0].scrollTop=d.mainSheetScrolls|0,P(".AMOTIFY_be_root")[0].scrollTop=0}))}}),a.scope(()=>{let p=P("#"+t);if(o){p.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{d.contents[n].isOpen=!0,S&&S()});return}p.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{if(!w||w(),d.contents[n].isOpen=!1,e.hold_state)return;delete d.contents[n];let m=T.get("Sheet-"+U.get().sessionUID);m&&m.refresh()})})},[o]),W(()=>{d.currentIndex++;let{close_option:p}=e;a.scope(()=>{if(!(p!=null&&p.parentBlur))return;let m=a(s.parent);m[0]&&m.addEvent({eventID:"SheetClosation-"+n,eventType:"mouseout",callback:()=>{m.removeEvent("SheetClosation-"+n),f(!1)}})})},[]);let[B,C]=v.split(".");return i(R,{className:[c("Wrap"),c("Tcate_"+B),c("Tpos_"+C),c("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:d.currentIndex+1},id:t,children:j(G,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[_?i(d.TapSensor,{sheetID:n,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,i(g,h({componentID:t},s))]})},t)},Types:{Normal:e=>{let m=e,{sheetID:t,sheetGroups:s,content:r,className:o="",type:f,size:v="R",freeCSS:n,openAfter:S,hold_state:w,overwrap:_}=m,g=M(m,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[B,C]=f.split("."),y={},p=[];return C.match(/top/)?(p.push("top"),y.marginBottom="auto"):C.match(/middle/)?(p.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(p.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(p.push("left"),y.marginRight="auto"):C.match(/center/i)?(p.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(p.push("right"),y.marginLeft="auto"),i(R,I(h(h({className:[c("BB"),o].join(" "),transition:"long",opacity:"trans"},y),g),{freeCSS:h({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[v],maxWidth:"96vw",transformOrigin:p.join(" ")},n),children:a.is.function(r)?i(r,{}):r}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:s,type:r,content:o,className:f="",size:v="R",freeCSS:n,close_option:S,hold_state:w,overwrap:_}=B,g=M(B,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return i(R,I(h(h({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[c("BB"),f].join(" ")},r=="drawer.right"?{marginLeft:"auto"}:r=="drawer.left"?{marginRight:"auto"}:{}),g),{freeCSS:h({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[v]},n),children:a.is.function(o)?i(o,{}):o}))},Bottom:e=>{let H=e,{componentID:t,sheetID:s,sheetGroups:r,content:o,size:f="R",sizeChanged:v,baseStyles:n,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:_}=H,g=M(H,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),B=a.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[p,m]=z(f),[N,A]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});T.update({key:t,value:{val_edit:N,resize:k=>{let l=C[y[k]];A(I(h({},N),{value:l})),m(k)}}});const D={Start:k=>{a(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let l=a.getCursor(k),u=I(h({},N),{process:!0,processStart:new Date().getTime(),originY:l.y,originValue:N.value,viewHeight:a.getScreenSize().height});T.update({key:t,value:{val_edit:u}}),A(u)},Move:k=>{var O;let l=(O=T.get(t))==null?void 0:O.val_edit;if(!l.process)return;let E=(a.getCursor(k).y-l.originY)/l.viewHeight,b=l.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let L=.2-b;L-=.1,b=.1+(.1-L)*.5}A(I(h({},l),{value:b}))},End:k=>{var b;let l=(b=T.get(t))==null?void 0:b.val_edit;if(!l.process)return;a(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let u=0;if(l.value<.1||(l.value<.5?u=1:l.value>.75?u=3:u=2),new Date().getTime()-l.processStart<300){let O=a.getCursor(k).y-l.originY;if(Math.abs(O)>=20){let L=+(O<0)*2-1;u+=L,u=Math.min(Math.max(u,0),C.length-1)}}u==0&&(S||(u=1)),m(["ZERO","S","R","L"][u]),A(I(h({},l),{value:C[u],process:!1}))}},F=Z(!1);return W(()=>{F.current?p=="ZERO"?S&&x.close(s):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(p)},250):F.current=!0},[p]),i(R,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:12*60,height:B.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,I(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},n),{children:[j(Y.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[i(Y.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:c("DragBar")})}),i(V.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(s)},children:i(X.Times,{})})]}),i(R,I(h({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},g),{children:a.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let k=e,{sheetID:t,sheetGroups:s,parent:r,gravityPoint:o=22,content:f,close_option:v,hold_state:n,overwrap:S,openAfter:w,closeAfter:_}=k,g=M(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[B]=z(a.uuid.gen()),C=a.is.element(r)?a(r):a.is.jsmin(r)?r:P(r),y='[data-sheet-id="'+B+'"]',p='[data-sheet-content="'+B+'"]';o=o;let m=o%5||5,N=Math.ceil(o/5);const A=()=>{let l={},{top:u,right:E,bottom:b,left:O,height:L,width:K}=C.position();return[1,2].includes(m)?l.left=O:m==3?l.left=O+K/2:[4,5].includes(m)&&(l.left=E),o<=10?l.top=u:o<=15?l.top=u+L/2:o<=25&&(l.top=b),l};let[D,F]=z(A());const H=()=>{let l=P(y).position(),u=P(p).position(),E=a.getScreenSize(),b=h({},D);return u.top<0&&(b.top=l.top-u.top),u.left<0&&(b.left=l.left-u.left),u.right>E.width&&(b.left=l.left-(u.right-E.width)),u.bottom>E.height&&(b.top=l.top-(u.bottom-E.height)),b};return W(()=>{P(y).await(10).addClass(c("Open")).await(250).callback(()=>{F(H())}),T.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{F(H())},200)}}})},[]),C[0]?i(R,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":B,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:i(J,{className:[c("GPT"),c("GPT_"+o),c("Col_"+m),c("Row_"+N)].join(" "),position:"absolute",children:i(R,I(h({flexSizing:"none","data-sheet-content":B,maxHeight:"viewHeight",overflow:"auto",padding:1},g),{freeCSS:h({maxWidth:"98vw"},g.freeCSS),children:a.is.function(f)?i(f,{}):f}))})}):null}},TapSensor:e=>i(V.Button.Plain,{className:c("TapSensor"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:i(R,{className:c("TapContent")})})},x={Wrapper:()=>i(d.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let s=e.sheetID||a.uuid.gen(),t=e,{type:r,src:o}=t,f=M(t,["type","src"]);x.open(I(h({type:"normal.topCenter",backgroundColor:"trans"},f),{sheetID:s,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[v]=z(a.flatArray(o)),[n,S]=z(0),w=[],_=[];return v.forEach((g,B)=>{w.push({value:B,label:i($,{src:a.flatArray(g)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(i($,{width:1,height:"auto",src:a.flatArray(g)[0]}))}),j(G,{gap:0,children:[j(Y.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(q.Radio,{tone:"border",icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{S(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),j(V.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{x.close(s)},children:["\u9589\u3058\u308B ",i(X.Times,{})]})]}),i(Q.SwipeView,{slideIndex:n,options:{loop:v.length>1,onSlideCallback:g=>{S(g)}},slides:_,wrapper:g=>i(R,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:g})})]})}}));return}d.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let s=T.get(e.sheetID);s&&s.refresh&&s.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,s){var o;e=e==null?void 0:e.replace(/\./g,"-");let r=d.contents[e];if(r&&!(t=="Escape"&&!((o=r.params.close_option)!=null&&o.escapeKeyDown))){let{params:f}=r,{sheetID:v}=f,n=T.get(v);n&&n.close&&n.close(s)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[s,r]of Object.entries(d.contents))(t=r.params.sheetGroups)!=null&&t.includes(e)&&x.close(s)},closeAll:e=>{var t;for(let[s,r]of Object.entries(d.contents))e&&((t=r.params.close_option)==null?void 0:t.pageTransit)==!1||x.close(s,"pageTransit",!0)},Comps:{Body:e=>i(R,h({className:c("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};
+import{b as h,c as I,d as M}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as W,useRef as Z}from"react";import{$$ as a,$$fromRoot as P,Config as U,useStore as T}from"../@utils/_";import R from"../atoms/Box";import $ from"../atoms/Img";import X from"../atoms/FAI";import J from"../atoms/Flex";import G from"../mols/Column";import Y from"../mols/Row";import V from"./Button";import Q from"./Layout/_";import q from"./Input/_";import{SheetClasses as c}from"../@styles/componentClasses/_";const d={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},addNewSheet:function(e){if(e=I(h({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||a.uuid.gen(),close_option:h({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let s=T.get(e.sheetID);s&&s.refresh&&s.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:a.Time()};let t=T.get("Sheet-"+U.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=z(a.uuid.gen());W(()=>{T.set({key:"Sheet-"+U.get().sessionUID,value:{refresh:()=>{t(a.uuid.gen())}}}),a(U.get().appRoot).addEvent({eventType:"keyup",callback:function(r){let{key:o,metaKey:f}=r;if(o=="Escape"||o==","&&f){let v=Object.values(d.contents).filter(S=>S.isOpen);if(!v.length)return;let n=v.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(n.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(r){var v;let o=Object.values(d.contents).filter(n=>n.params.type=="custom");!o.length||o.find(n=>{let{params:S}=n,w=S.parent,_=r.target,g=P(w)[0];return!!(w==_||g===_||a(g).find(_).length)})||(v=r.target)!=null&&v.closest("."+c("CustomSheet"))||o.forEach(n=>{var S;(S=n.params.close_option)!=null&&S.aroundClick&&x.close(n.params.sheetID)})}})},[]);let s=Object.entries(d.contents).map(([r,o])=>i(R,{id:"Sheet-"+r,children:i(d.Core,h({isOpen:o.isOpen},o.params),r)},r));return i(R,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:s})},Core:e=>{var y;let[t]=z(a.uuid.gen()),[s,r]=z(e),[o,f]=z(!0),{type:v,sheetID:n,openAfter:S,closeAfter:w}=s,_=!e.overwrap,g=d.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[v]];W(()=>{T.set({key:n,value:{refresh:(p,m)=>{r(p),f(m!=null?m:!1)},resize:p=>{if(v=="drawer.bottom"){let m=T.get(t);m&&m.resize&&m.resize(p)}else(s.type.includes("normal")||s.type.includes("drawer"))&&r(I(h({},s),{size:p}))},close:p=>{d.contents[n].isOpen=!1,f(!1)},open:()=>{d.contents[n].isOpen=!0,f(!0)}}})}),W(()=>{a.scope(()=>{if(_&&e.backgroundEffect){if(d.subSheetLength=d.subSheetLength+(o?1:-1),o){let p=a("html");if(d.subSheetLength==1){let m=p[0].scrollTop;d.mainSheetScrolls=m}U.get().isPhone||(p.callback(()=>{P(".AMOTIFY_be_root").addClass(c("FixScroll")).callback(m=>{m[0].scrollTop=d.mainSheetScrolls}).await(40).addClass(c("Float"))})[0].scrollTop=0);return}d.subSheetLength==0&&(U.get().isPhone||P(".AMOTIFY_be_root").removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{a("html")[0].scrollTop=d.mainSheetScrolls|0,P(".AMOTIFY_be_root")[0].scrollTop=0}))}}),a.scope(()=>{let p=P("#"+t);if(o){p.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{d.contents[n].isOpen=!0,S&&S()});return}p.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{if(!w||w(),d.contents[n].isOpen=!1,e.hold_state)return;delete d.contents[n];let m=T.get("Sheet-"+U.get().sessionUID);m&&m.refresh()})})},[o]),W(()=>{d.currentIndex++;let{close_option:p}=e;a.scope(()=>{if(!(p!=null&&p.parentBlur))return;let m=a(s.parent);m[0]&&m.addEvent({eventID:"SheetClosation-"+n,eventType:"mouseout",callback:()=>{m.removeEvent("SheetClosation-"+n),f(!1)}})})},[]);let[B,C]=v.split(".");return i(R,{className:[c("Wrap"),c("Tcate_"+B),c("Tpos_"+C),c("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:d.currentIndex+1},id:t,children:j(G,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[_?i(d.TapSensor,{sheetID:n,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,i(g,h({componentID:t},s))]})},t)},Types:{Normal:e=>{let m=e,{sheetID:t,sheetGroups:s,content:r,className:o="",type:f,size:v="R",freeCSS:n,openAfter:S,hold_state:w,overwrap:_}=m,g=M(m,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[B,C]=f.split("."),y={},p=[];return C.match(/top/)?(p.push("top"),y.marginBottom="auto"):C.match(/middle/)?(p.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(p.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(p.push("left"),y.marginRight="auto"):C.match(/center/i)?(p.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(p.push("right"),y.marginLeft="auto"),i(R,I(h(h({className:[c("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},y),g),{freeCSS:h({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[v],maxWidth:"96vw",transformOrigin:p.join(" ")},n),children:a.is.function(r)?i(r,{}):r}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:s,type:r,content:o,className:f="",size:v="R",freeCSS:n,close_option:S,hold_state:w,overwrap:_}=B,g=M(B,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return i(R,I(h(h({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[c("BB"),f].join(" ")},r=="drawer.right"?{marginLeft:"auto"}:r=="drawer.left"?{marginRight:"auto"}:{}),g),{freeCSS:h({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[v]},n),children:a.is.function(o)?i(o,{}):o}))},Bottom:e=>{let H=e,{componentID:t,sheetID:s,sheetGroups:r,content:o,size:f="R",sizeChanged:v,baseStyles:n,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:_}=H,g=M(H,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),B=a.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[p,m]=z(f),[N,A]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});T.update({key:t,value:{val_edit:N,resize:k=>{let l=C[y[k]];A(I(h({},N),{value:l})),m(k)}}});const D={Start:k=>{a(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let l=a.getCursor(k),u=I(h({},N),{process:!0,processStart:new Date().getTime(),originY:l.y,originValue:N.value,viewHeight:a.getScreenSize().height});T.update({key:t,value:{val_edit:u}}),A(u)},Move:k=>{var O;let l=(O=T.get(t))==null?void 0:O.val_edit;if(!l.process)return;let E=(a.getCursor(k).y-l.originY)/l.viewHeight,b=l.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let L=.2-b;L-=.1,b=.1+(.1-L)*.5}A(I(h({},l),{value:b}))},End:k=>{var b;let l=(b=T.get(t))==null?void 0:b.val_edit;if(!l.process)return;a(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let u=0;if(l.value<.1||(l.value<.5?u=1:l.value>.75?u=3:u=2),new Date().getTime()-l.processStart<300){let O=a.getCursor(k).y-l.originY;if(Math.abs(O)>=20){let L=+(O<0)*2-1;u+=L,u=Math.min(Math.max(u,0),C.length-1)}}u==0&&(S||(u=1)),m(["ZERO","S","R","L"][u]),A(I(h({},l),{value:C[u],process:!1}))}},F=Z(!1);return W(()=>{F.current?p=="ZERO"?S&&x.close(s):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(p)},250):F.current=!0},[p]),i(R,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:12*60,height:B.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,I(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},n),{children:[j(Y.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[i(Y.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:c("DragBar")})}),i(V.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(s)},children:i(X.Times,{})})]}),i(R,I(h({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},g),{children:a.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let k=e,{sheetID:t,sheetGroups:s,parent:r,gravityPoint:o=22,content:f,close_option:v,hold_state:n,overwrap:S,openAfter:w,closeAfter:_}=k,g=M(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[B]=z(a.uuid.gen()),C=a.is.element(r)?a(r):a.is.jsmin(r)?r:P(r),y='[data-sheet-id="'+B+'"]',p='[data-sheet-content="'+B+'"]';o=o;let m=o%5||5,N=Math.ceil(o/5);const A=()=>{let l={},{top:u,right:E,bottom:b,left:O,height:L,width:K}=C.position();return[1,2].includes(m)?l.left=O:m==3?l.left=O+K/2:[4,5].includes(m)&&(l.left=E),o<=10?l.top=u:o<=15?l.top=u+L/2:o<=25&&(l.top=b),l};let[D,F]=z(A());const H=()=>{let l=P(y).position(),u=P(p).position(),E=a.getScreenSize(),b=h({},D);return u.top<0&&(b.top=l.top-u.top),u.left<0&&(b.left=l.left-u.left),u.right>E.width&&(b.left=l.left-(u.right-E.width)),u.bottom>E.height&&(b.top=l.top-(u.bottom-E.height)),b};return W(()=>{P(y).await(10).addClass(c("Open")).await(250).callback(()=>{F(H())}),T.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{F(H())},200)}}})},[]),C[0]?i(R,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":B,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:i(J,{className:[c("GPT"),c("GPT_"+o),c("Col_"+m),c("Row_"+N)].join(" "),position:"absolute",children:i(R,I(h({flexSizing:"none","data-sheet-content":B,maxHeight:"viewHeight",overflow:"auto",padding:1},g),{freeCSS:h({maxWidth:"98vw"},g.freeCSS),children:a.is.function(f)?i(f,{}):f}))})}):null}},TapSensor:e=>i(V.Button.Plain,{className:c("TapSensor"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:i(R,{className:c("TapContent")})})},x={Wrapper:()=>i(d.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let s=e.sheetID||a.uuid.gen(),t=e,{type:r,src:o}=t,f=M(t,["type","src"]);x.open(I(h({type:"normal.topCenter",backgroundColor:"trans"},f),{sheetID:s,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[v]=z(a.flatArray(o)),[n,S]=z(0),w=[],_=[];return v.forEach((g,B)=>{w.push({value:B,label:i($,{src:a.flatArray(g)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(i($,{width:1,height:"auto",src:a.flatArray(g)[0]}))}),j(G,{gap:0,children:[j(Y.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(q.Radio,{tone:"border",icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{S(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),j(V.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{x.close(s)},children:["\u9589\u3058\u308B ",i(X.Times,{})]})]}),i(Q.SwipeView,{slideIndex:n,options:{loop:v.length>1,onSlideCallback:g=>{S(g)}},slides:_,wrapper:g=>i(R,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:g})})]})}}));return}d.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let s=T.get(e.sheetID);s&&s.refresh&&s.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,s){var o;e=e==null?void 0:e.replace(/\./g,"-");let r=d.contents[e];if(r&&!(t=="Escape"&&!((o=r.params.close_option)!=null&&o.escapeKeyDown))){let{params:f}=r,{sheetID:v}=f,n=T.get(v);n&&n.close&&n.close(s)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[s,r]of Object.entries(d.contents))(t=r.params.sheetGroups)!=null&&t.includes(e)&&x.close(s)},closeAll:e=>{var t;for(let[s,r]of Object.entries(d.contents))e&&((t=r.params.close_option)==null?void 0:t.pageTransit)==!1||x.close(s,"pageTransit",!0)},Comps:{Body:e=>i(R,h({className:c("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};

package/dist/style.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.21
+* amotify 0.1.22
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/5/31
+* Latest updated at: 2024/6/12
 */
 
 /* src/@styles/@app.scss */
@@ -1535,21 +1535,21 @@ amotify-app {
 }
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/f_sheet.module.scss */
-._FixScroll_14cjf_1 {
+._FixScroll_81ouy_1 {
   overflow: hidden !important;
   min-height: 0 !important;
   height: calc(var(--viewHeight));
   width: 100vw;
   transition: var(--animation-time3);
 }
-._FixScroll_14cjf_1._Float_14cjf_8 {
+._FixScroll_81ouy_1._Float_81ouy_8 {
   opacity: 0.8 !important;
   pointer-events: none;
   transform-origin: center center;
   transform: scale(0.96);
   border-radius: calc((2vw + 2vh) / 2);
 }
-._Wrapper_14cjf_16 {
+._Wrapper_81ouy_16 {
   position: fixed;
   top: 0;
   left: 0;
@@ -1558,11 +1558,11 @@ amotify-app {
   pointer-events: none;
   z-index: 6;
 }
-._Wrap_14cjf_16 {
+._Wrap_81ouy_16 {
   pointer-events: none !important;
   height: 0;
 }
-._Wrap_14cjf_16 ._TapSensor_14cjf_30 {
+._Wrap_81ouy_16 ._TapSensor_81ouy_30 {
   position: sticky;
   top: 0;
   height: 0;
@@ -1571,158 +1571,157 @@ amotify-app {
   -webkit-touch-callout: none;
   flex: none;
 }
-._Wrap_14cjf_16 ._TapSensor_14cjf_30 ._TapContent_14cjf_39 {
+._Wrap_81ouy_16 ._TapSensor_81ouy_30 ._TapContent_81ouy_39 {
   height: var(--viewHeight);
   width: 100vw;
 }
-._Wrap_14cjf_16._Hide_14cjf_43 {
+._Wrap_81ouy_16._Hide_81ouy_43 {
   display: none !important;
 }
-._Wrap_14cjf_16._Open_14cjf_46._isNewSheet_true_14cjf_46 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Open_81ouy_46._isNewSheet_true_81ouy_46 ._Content_81ouy_46 {
   pointer-events: all !important;
   background-color: rgba(var(--color-dark-rgb), 0.25);
 }
-._Wrap_14cjf_16._Open_14cjf_46._isNewSheet_false_14cjf_50 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Open_81ouy_46._isNewSheet_false_81ouy_50 ._BB_81ouy_50 {
   pointer-events: all !important;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transform: scale(1.015);
   transition: var(--animation-time1);
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 ._BaseBody_14cjf_57 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 ._BaseBody_81ouy_57 {
   transition: var(--animation-time1);
   box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark);
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._BB_81ouy_50 {
   transform: scale(0.75);
-  padding: var(--grid-unit);
   pointer-events: none !important;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53 ._BB_14cjf_50 > * {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53 ._BB_81ouy_50 > * {
   pointer-events: all;
 }
-._Wrap_14cjf_16._Tcate_normal_14cjf_53._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_normal_81ouy_53._Open_81ouy_46 ._BB_81ouy_50 {
   transform: scale(1);
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._Content_81ouy_46 {
   overflow: hidden auto;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transition: var(--animation-time1);
   left: calc(-1 * var(--grid-unit) * 2);
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72 ._BB_81ouy_50 {
   max-width: 100vw;
   left: -10%;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_left_14cjf_73._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_left_81ouy_72._Open_81ouy_46 ._BB_81ouy_50 {
   left: 0;
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._Content_14cjf_46 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._Content_81ouy_46 {
   overflow: hidden auto;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transition: var(--animation-time1);
   right: calc(-1 * var(--grid-unit) * 2);
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87 ._BB_81ouy_50 {
   max-width: 100vw;
   right: -10%;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_right_14cjf_88._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_right_81ouy_87._Open_81ouy_46 ._BB_81ouy_50 {
   right: 0;
   opacity: 1;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   padding-top: 2vh !important;
   transition: var(--animation-time1) !important;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._BB_81ouy_50 {
   padding-top: 10vh;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103 ._BB_14cjf_50 ._DragBar_14cjf_110 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102 ._BB_81ouy_50 ._DragBar_81ouy_109 {
   position: relative;
 }
-._Wrap_14cjf_16._Tcate_drawer_14cjf_73._Tpos_bottom_14cjf_103._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_drawer_81ouy_72._Tpos_bottom_81ouy_102._Open_81ouy_46 ._BB_81ouy_50 {
   padding-top: 0;
   opacity: 1 !important;
   transition: var(--animation-time3);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._TapSensor_14cjf_30:active + ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._TapSensor_81ouy_30:active + ._BB_81ouy_50 {
   transform: scale(1.015);
   transition: var(--animation-time1);
   box-shadow: 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._BB_81ouy_50 {
   transform: scale(0.95);
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._BB_14cjf_50._CustomSheet_14cjf_126 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._BB_81ouy_50._CustomSheet_81ouy_125 {
   position: relative;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_4_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_4_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_4_81ouy_128 {
   transform-origin: bottom right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129._Row_5_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128._Row_5_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128._Row_5_81ouy_131 {
   transform-origin: top right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_4_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_4_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_4_81ouy_128 {
   transform-origin: bottom left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135._Row_5_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134._Row_5_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134._Row_5_81ouy_131 {
   transform-origin: top left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_3_14cjf_141,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_18_14cjf_141 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_3_81ouy_140,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_18_81ouy_140 {
   transform-origin: bottom;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_8_14cjf_144,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_23_14cjf_144 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_8_81ouy_143,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_23_81ouy_143 {
   transform-origin: top;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_11_14cjf_147,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14_14cjf_147 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_11_81ouy_146,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_14_81ouy_146 {
   transform-origin: right;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_12_14cjf_150,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_15_14cjf_150 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_12_81ouy_149,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_15_81ouy_149 {
   transform-origin: left;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_4_81ouy_128 {
   right: 0;
   justify-content: flex-end;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_2_14cjf_135,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_5_14cjf_135 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_2_81ouy_134,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_5_81ouy_134 {
   left: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Col_3_14cjf_160 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Col_3_81ouy_159 {
   align-items: center;
   justify-content: center;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_1_14cjf_129,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_4_14cjf_129 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_1_81ouy_128,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_4_81ouy_128 {
   bottom: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_2_14cjf_132,
-._Wrap_14cjf_16._Tcate_custom_14cjf_118 ._GPT_14cjf_129._Row_5_14cjf_132 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_2_81ouy_131,
+._Wrap_81ouy_16._Tcate_custom_81ouy_117 ._GPT_81ouy_128._Row_5_81ouy_131 {
   top: 0;
 }
-._Wrap_14cjf_16._Tcate_custom_14cjf_118._Open_14cjf_46 ._BB_14cjf_50 {
+._Wrap_81ouy_16._Tcate_custom_81ouy_117._Open_81ouy_46 ._BB_81ouy_50 {
   transform: scale(1);
   opacity: 1;
 }
@@ -4970,6 +4969,9 @@ amotify-app {
 .amotf_minhviewHeight {
   min-height: var(--viewHeight);
 }
+.amotf_minhviewWidth {
+  min-height: 100vw;
+}
 .amotf_minhtopNavigationHeight {
   min-height: var(--topNavHeight);
 }
@@ -4991,6 +4993,9 @@ amotify-app {
 .amotf_minwviewHeight {
   min-width: var(--viewHeight);
 }
+.amotf_minwviewWidth {
+  min-width: 100vw;
+}
 .amotf_minwtopNavigationHeight {
   min-width: var(--topNavHeight);
 }
@@ -5012,6 +5017,9 @@ amotify-app {
 .amotf_maxhviewHeight {
   max-height: var(--viewHeight);
 }
+.amotf_maxhviewWidth {
+  max-height: 100vw;
+}
 .amotf_maxhtopNavigationHeight {
   max-height: var(--topNavHeight);
 }
@@ -5033,6 +5041,9 @@ amotify-app {
 .amotf_maxwviewHeight {
   max-width: var(--viewHeight);
 }
+.amotf_maxwviewWidth {
+  max-width: 100vw;
+}
 .amotf_maxwtopNavigationHeight {
   max-width: var(--topNavHeight);
 }
@@ -7183,6 +7194,9 @@ amotify-app {
   .amotf_bpminhviewHeight {
     min-height: var(--viewHeight);
   }
+  .amotf_bpminhviewWidth {
+    min-height: 100vw;
+  }
   .amotf_bpminhtopNavigationHeight {
     min-height: var(--topNavHeight);
   }
@@ -7204,6 +7218,9 @@ amotify-app {
   .amotf_bpminwviewHeight {
     min-width: var(--viewHeight);
   }
+  .amotf_bpminwviewWidth {
+    min-width: 100vw;
+  }
   .amotf_bpminwtopNavigationHeight {
     min-width: var(--topNavHeight);
   }
@@ -7225,6 +7242,9 @@ amotify-app {
   .amotf_bpmaxhviewHeight {
     max-height: var(--viewHeight);
   }
+  .amotf_bpmaxhviewWidth {
+    max-height: 100vw;
+  }
   .amotf_bpmaxhtopNavigationHeight {
     max-height: var(--topNavHeight);
   }
@@ -7246,6 +7266,9 @@ amotify-app {
   .amotf_bpmaxwviewHeight {
     max-width: var(--viewHeight);
   }
+  .amotf_bpmaxwviewWidth {
+    max-width: 100vw;
+  }
   .amotf_bpmaxwtopNavigationHeight {
     max-width: var(--topNavHeight);
   }

package/dist/style.js

@@ -57,45 +57,45 @@ var f_snackbar_module_default = {
 
 // src/@styles/componentClasses/f_sheet.module.scss
 var f_sheet_module_default = {
-  "FixScroll": "_FixScroll_14cjf_1",
-  "Float": "_Float_14cjf_8",
-  "Wrapper": "_Wrapper_14cjf_16",
-  "Wrap": "_Wrap_14cjf_16",
-  "TapSensor": "_TapSensor_14cjf_30",
-  "TapContent": "_TapContent_14cjf_39",
-  "Hide": "_Hide_14cjf_43",
-  "Open": "_Open_14cjf_46",
-  "isNewSheet_true": "_isNewSheet_true_14cjf_46",
-  "Content": "_Content_14cjf_46",
-  "isNewSheet_false": "_isNewSheet_false_14cjf_50",
-  "BB": "_BB_14cjf_50",
-  "Tcate_normal": "_Tcate_normal_14cjf_53",
-  "BaseBody": "_BaseBody_14cjf_57",
-  "Tcate_drawer": "_Tcate_drawer_14cjf_73",
-  "Tpos_left": "_Tpos_left_14cjf_73",
-  "Tpos_right": "_Tpos_right_14cjf_88",
-  "Tpos_bottom": "_Tpos_bottom_14cjf_103",
-  "DragBar": "_DragBar_14cjf_110",
-  "Tcate_custom": "_Tcate_custom_14cjf_118",
-  "CustomSheet": "_CustomSheet_14cjf_126",
-  "GPT": "_GPT_14cjf_129",
-  "Col_1": "_Col_1_14cjf_129",
-  "Row_1": "_Row_1_14cjf_129",
-  "Row_4": "_Row_4_14cjf_129",
-  "Col_4": "_Col_4_14cjf_129",
-  "Row_2": "_Row_2_14cjf_132",
-  "Row_5": "_Row_5_14cjf_132",
-  "Col_2": "_Col_2_14cjf_135",
-  "Col_5": "_Col_5_14cjf_135",
-  "GPT_3": "_GPT_3_14cjf_141",
-  "GPT_18": "_GPT_18_14cjf_141",
-  "GPT_8": "_GPT_8_14cjf_144",
-  "GPT_23": "_GPT_23_14cjf_144",
-  "GPT_11": "_GPT_11_14cjf_147",
-  "GPT_14": "_GPT_14_14cjf_147",
-  "GPT_12": "_GPT_12_14cjf_150",
-  "GPT_15": "_GPT_15_14cjf_150",
-  "Col_3": "_Col_3_14cjf_160"
+  "FixScroll": "_FixScroll_81ouy_1",
+  "Float": "_Float_81ouy_8",
+  "Wrapper": "_Wrapper_81ouy_16",
+  "Wrap": "_Wrap_81ouy_16",
+  "TapSensor": "_TapSensor_81ouy_30",
+  "TapContent": "_TapContent_81ouy_39",
+  "Hide": "_Hide_81ouy_43",
+  "Open": "_Open_81ouy_46",
+  "isNewSheet_true": "_isNewSheet_true_81ouy_46",
+  "Content": "_Content_81ouy_46",
+  "isNewSheet_false": "_isNewSheet_false_81ouy_50",
+  "BB": "_BB_81ouy_50",
+  "Tcate_normal": "_Tcate_normal_81ouy_53",
+  "BaseBody": "_BaseBody_81ouy_57",
+  "Tcate_drawer": "_Tcate_drawer_81ouy_72",
+  "Tpos_left": "_Tpos_left_81ouy_72",
+  "Tpos_right": "_Tpos_right_81ouy_87",
+  "Tpos_bottom": "_Tpos_bottom_81ouy_102",
+  "DragBar": "_DragBar_81ouy_109",
+  "Tcate_custom": "_Tcate_custom_81ouy_117",
+  "CustomSheet": "_CustomSheet_81ouy_125",
+  "GPT": "_GPT_81ouy_128",
+  "Col_1": "_Col_1_81ouy_128",
+  "Row_1": "_Row_1_81ouy_128",
+  "Row_4": "_Row_4_81ouy_128",
+  "Col_4": "_Col_4_81ouy_128",
+  "Row_2": "_Row_2_81ouy_131",
+  "Row_5": "_Row_5_81ouy_131",
+  "Col_2": "_Col_2_81ouy_134",
+  "Col_5": "_Col_5_81ouy_134",
+  "GPT_3": "_GPT_3_81ouy_140",
+  "GPT_18": "_GPT_18_81ouy_140",
+  "GPT_8": "_GPT_8_81ouy_143",
+  "GPT_23": "_GPT_23_81ouy_143",
+  "GPT_11": "_GPT_11_81ouy_146",
+  "GPT_14": "_GPT_14_81ouy_146",
+  "GPT_12": "_GPT_12_81ouy_149",
+  "GPT_15": "_GPT_15_81ouy_149",
+  "Col_3": "_Col_3_81ouy_159"
 };
 
 // src/@styles/componentClasses/f_loader.module.scss

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "UI FW for React",
   "scripts": {
     "clean": "rimraf dist",
@@ -30,6 +30,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-common-types": "^6.5.1",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@mingoo/jsmin": "^0.0.9",