amotify 0.1.8 → 0.1.9

package/dist/fn/Input/RichSelect.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/RichSelect.tsx"],
-  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport {\n  $$\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Column from '@mols/Column'\nimport Button from '@fn/Button'\nimport Tooltips from '@fn/Tooltips'\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  CommonEffects,\n  DefaultStyles\n} from './core'\n\nimport { InputTypes } from './_'\n\nimport Parts from './Parts'\nimport {\n  InputRichSelectClasses,\n  InputClasses\n} from '@styles/componentClasses/_'\n\nnamespace RichSelect {\n  export type Input = InputTypes.CoreInput & React.DOMAttributes<HTMLInputElement> & {\n    tone?: InputTypes.BoxTone\n\n    tabIndex?: number\n\n    id?: string\n\n    disabled?: boolean\n\n    value?: Value\n    options: Option[]\n\n    placeholder?: string\n\n    leftIndicator?: ReactElement | false\n    rightIndicator?: ReactElement | false\n    leftIcon?: ReactElement | false\n    rightIcon?: ReactElement | false\n\n    enableUnSelected?: boolean\n\n    rightIconStyles?: TagProperty.Params\n\n    cellStyles?: TagProperty.Params\n    sheetStyles?: TagProperty.Params\n\n    gravityPoint?: number\n  }\n  export type Value = string | number | boolean | plainObject | void | null\n  export type Option = {\n    type?: 'button' | 'label'\n    value: Value\n    label: ReactElement\n    selectedLabel?: ReactElement\n  }\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let {\n    value,\n    params\n  } = props\n  let {\n    required,\n    options\n  } = params as RichSelect.Input\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( required ) {\n    if ( !options.length || ( options.length && $$.is.nullish( JSON.parse( value ) ) ) ) {\n      notice.push( { type: 'invalid',label: '\u5FC5\u9808\u9805\u76EE\u3067\u3059' } )\n    }\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\nconst Core: React.FC<RichSelect.Input> = ( params ) => {\n  let {\n    tone,\n    required,\n    form,\n    className,\n\n    enableFormSubmit,\n    enableUnSelected,\n\n    checkValidationAtFirst,\n    onChange,onKeyDown,\n    onValidate,\n    onUpdateValue,\n    onUpdateValidValue,\n    value = '',\n    options,\n    placeholder,\n\n    leftIndicator,rightIndicator,leftIcon,rightIcon,\n    componentID,status_id,\n\n    cellStyles,\n    sheetStyles,\n\n    gravityPoint,\n    ...others\n  } = params\n\n  let Default_Status: InputTypes.Status.Plain = {\n    componentID: params.componentID || '',\n    dataValue: value,\n    eventType: 'init',\n    eventID: $$.uuid.gen()\n  }\n  let [ val_tipID ] = useState( $$.uuid.gen() )\n  let [ val_status,set_status ] = useState( Default_Status )\n  let [ val_validate,set_validate ] = useState( {\n    ok: false,\n    notice: []\n  } as InputTypes.Validation.Result )\n\n  CommonEffects( {\n    type: 'richSelect',\n    params,\n    val_status,\n    set_status,\n    ExtraOverrideParams: {\n      dataValue: value,\n      formatValue: value,\n    },\n    val_validate,\n    set_validate,\n    DefaultValidation,\n    onUpdateValue,\n    onUpdateValidValue\n  } )\n\n  let SelectedElement: ReactElement = <Box fontColor='4.thin' textAlign='left'>{ placeholder || '\u9078\u629E' }</Box>\n  if ( val_status.dataValue ) {\n    let Selected = options.find( ( option ) => option.type == 'button' && option.value == val_status.dataValue )\n    if ( Selected ) {\n      SelectedElement = Selected.selectedLabel || Selected.label\n    }\n  }\n\n  return <BoxWrapper\n    val_status={ val_status }\n    set_status={ set_status }\n    val_validate={ val_validate }\n    params={ params }\n  >\n    <button\n      { ...others as any }\n      data-form={ form }\n      data-validation={ val_validate.ok }\n      data-component-id={ val_status.componentID }\n      data-value={ val_status.dataValue }\n      data-input-type={ 'richSelect' }\n      className={ [\n        className,\n        InputRichSelectClasses( 'SelectLegend' ),\n        InputClasses( 'InputCover' )\n      ].join( ' ' ) }\n      onClick={ ( e ) => {\n        Tooltips.open( {\n          tipsID: val_tipID,\n          parent: e.currentTarget,\n          gravityPoint: gravityPoint || 13,\n          close_option: {\n            elementBlur: ''\n          },\n          content: () => {\n            let Options = options.map( ( option ) => {\n              let {\n                type,\n                value,\n                label\n              } = option\n\n              if ( type == 'button' ) {\n                return <Button.Button.Clear.R\n                  color='cloud'\n                  borderRadius={ 0 }\n                  fontColor='2.normal'\n                  textAlign='left'\n                  padding={ 0 }\n                  onClick={ () => {\n                    set_status( {\n                      ...val_status,\n                      dataValue: value,\n                      eventType: 'update',\n                      eventID: $$.uuid.gen()\n                    } )\n                    Tooltips.close( val_tipID )\n                  } }\n                  { ...cellStyles }\n                >\n                  { label }\n                </Button.Button.Clear.R>\n              } else {\n                return label\n              }\n            } )\n            return <Column\n              ssCardBox\n              padding={ [ 1,0 ] }\n              gap={ 0 }\n              // maxHeight={ 'viewHeight' }\n              overflow={ 'auto' }\n              { ...sheetStyles }\n              freeCSS={ {\n                minWidth: 12 * 20,\n                maxHeight: '90vh',\n                ...sheetStyles?.freeCSS\n              } }\n            >\n              { Options }\n            </Column>\n          }\n        } )\n      } }\n    >\n      { SelectedElement }\n    </button>\n  </BoxWrapper>\n}\n\nconst RichSelectInput: React.FC<RichSelect.Input> = ( params ) => {\n  let {\n    value = null,\n    placeholder,\n    options = []\n  } = params\n\n  let SelectedExist = 0\n  let SelectedValue = JSON.stringify( value )\n  let DefaultOptions = options.map( ( option ) => {\n    let { type,value } = option\n    let Value = JSON.stringify( value )\n    let Selected = Value == SelectedValue\n    SelectedExist |= Number( Selected )\n\n    return {\n      ...option,\n      type: type || 'button',\n      value: Value\n    }\n  } )\n  if ( !SelectedExist ) value = null\n  let DefaultValue = JSON.stringify( value )\n\n  return <Core\n    { ...params }\n    value={ DefaultValue }\n    options={ DefaultOptions }\n  />\n}\n\nconst RichSelect: React.FC<RichSelect.Input> = ( rawParams ) => {\n  rawParams = { ...rawParams }\n  if ( $$.is.nullish( rawParams.rightIcon ) ) {\n    rawParams.rightIcon = <Parts.RightIcon\n      flexType='col'\n      { ...rawParams.rightIconStyles }\n    >\n      <FAI.AngleDown />\n    </Parts.RightIcon>\n  }\n  if ( rawParams.rightIcon ) rawParams.paddingRight = rawParams.paddingRight ?? 3\n  if ( rawParams.leftIcon ) rawParams.paddingLeft = rawParams.paddingLeft ?? 3\n\n  let params = DefaultStyles.Boxish( rawParams ) as RichSelect.Input\n  delete params.rightIconStyles\n  return <Wrapper\n    componentID={ rawParams.componentID }\n    children={ RichSelectInput }\n    params={ params }\n  />\n}\n\nexport {\n  RichSelect,\n  RichSelect as default\n}"],
-  "mappings": "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",
-  "names": ["jsx", "useState", "$$", "Box", "FAI", "Column", "Button", "Tooltips", "Wrapper", "BoxWrapper", "CommonEffects", "DefaultStyles", "Parts", "InputRichSelectClasses", "InputClasses", "DefaultValidation", "props", "value", "params", "required", "options", "notice", "type", "Core", "_a", "tone", "form", "className", "enableFormSubmit", "enableUnSelected", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "placeholder", "leftIndicator", "rightIndicator", "leftIcon", "rightIcon", "componentID", "status_id", "cellStyles", "sheetStyles", "gravityPoint", "others", "__objRest", "Default_Status", "val_tipID", "val_status", "set_status", "val_validate", "set_validate", "SelectedElement", "Selected", "option", "__spreadProps", "__spreadValues", "e", "Options", "label", "RichSelectInput", "SelectedExist", "SelectedValue", "DefaultOptions", "Value", "DefaultValue", "RichSelect", "rawParams", "_b"]
-}

package/dist/fn/Input/Search.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Search.tsx"],
-  "sourcesContent": ["import Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Row from '@mols/Row'\nimport Column from '@mols/Column'\n\nimport { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp'\nimport { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown'\n\nimport Chips from './Chips/_'\nimport Parts from './Parts'\n\nnamespace Search {\n  export type Input = Chips.Input\n}\n\nconst Search = ( params: Search.Input ) => {\n  return <Chips\n    AddButtonComponent={ ( props ) => {\n      if ( props.selected.length ) return null\n      return <Box>\n        \u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\n      </Box>\n    } }\n    SelectedCellComponent={ ( props ) => {\n      return <Box\n        width={ 1 }\n        textAlign='left'\n      >\n        <Row.Separate>\n          { props.label }\n          { props.defaultRemoveButton }\n        </Row.Separate>\n      </Box>\n    } }\n    paddingLeft={ 3 }\n    rightIcon={ <Parts.LeftIcon>\n      <Column\n        gap={ 0 }\n      >\n        <FAI icon={ faAngleUp } />\n        <FAI icon={ faAngleDown } freeCSS={ { marginTop: -6 } } />\n      </Column>\n    </Parts.LeftIcon> }\n    limit={ 1 }\n    { ...params }\n  />\n}\n\nexport {\n  Search,\n  Search as default\n}"],
-  "mappings": "4CAmBa,cAAAA,EASL,QAAAC,MATK,oBAnBb,OAAOC,MAAS,aAChB,OAAOC,MAAS,aAChB,OAAOC,MAAS,YAChB,OAAOC,MAAY,eAEnB,OAAS,aAAAC,MAAiB,8CAC1B,OAAS,eAAAC,MAAmB,gDAE5B,OAAOC,MAAW,YAClB,OAAOC,MAAW,UAMlB,MAAMC,EAAWC,GACRX,EAACQ,EAAAI,EAAA,CACN,mBAAuBC,GAChBA,EAAM,SAAS,OAAgB,KAC7Bb,EAACE,EAAA,CAAI,4DAEZ,EAEF,sBAA0BW,GACjBb,EAACE,EAAA,CACN,MAAQ,EACR,UAAU,OAEV,SAAAD,EAACG,EAAI,SAAJ,CACG,UAAAS,EAAM,MACNA,EAAM,qBACV,EACF,EAEF,YAAc,EACd,UAAYb,EAACS,EAAM,SAAN,CACX,SAAAR,EAACI,EAAA,CACC,IAAM,EAEN,UAAAL,EAACG,EAAA,CAAI,KAAOG,EAAY,EACxBN,EAACG,EAAA,CAAI,KAAOI,EAAc,QAAU,CAAE,UAAW,EAAG,EAAI,GAC1D,EACF,EACA,MAAQ,GACHI,EACP",
-  "names": ["jsx", "jsxs", "Box", "FAI", "Row", "Column", "faAngleUp", "faAngleDown", "Chips", "Parts", "Search", "params", "__spreadValues", "props"]
-}

package/dist/fn/Input/Segmented.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Segmented.tsx"],
-  "sourcesContent": ["import {\n  $$\n} from '@utils'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport List from './List'\n\nimport { InputSegmentedClasses } from '@styles/componentClasses/_'\n\nnamespace Segmented {\n  export type Tones = 'Border' | 'ThemeBorder' | 'BottomLine' | 'Cloud' | 'ThemeCloud' | 'WhiteCloud'\n  export type CoreInput = Segmented.Input & {\n    appearance: Segmented.Tones\n  }\n  export type ListInput = List.Options[]\n  export type Input = List.Input\n  export type Methods = {\n    Auto: ( params: Input ) => JSX.Element\n    Normal: ( params: Input ) => JSX.Element\n\n    Cloud: ( params: Input ) => JSX.Element\n    Cloud2: ( params: Input ) => JSX.Element\n    Cloud3: ( params: Input ) => JSX.Element\n\n    Border: ( params: Input ) => JSX.Element\n    Border2: ( params: Input ) => JSX.Element\n    BottomLine: ( params: Input ) => JSX.Element\n  }\n}\n\nconst Core: React.FC<Segmented.CoreInput> = ( params ) => {\n  let {\n    tone,\n    appearance,\n    value,\n    options,\n    onUpdateValue,onUpdateValidValue,\n    freeCSS,\n    cellStyles,\n    cellClassName,\n    cellCheckedClassName,\n    cellCheckedStyles,\n    ...others\n  } = params\n\n  let [ val_componentID ] = useState( $$.uuid.gen() )\n\n  let [ val_defValue,set_defValue ] = useState( value )\n  let [ val_value,set_value ] = useState( val_defValue )\n  if ( val_defValue != value ) {\n    set_defValue( value )\n    set_value( value )\n  }\n\n  return <List.Radio\n    // hideInput\n    defaultActiveStyling={ false }\n    flexWrap={ false }\n    borderRadius={ '2.tone.secondary' }\n    position='relative'\n    options={ options }\n    value={ val_value }\n    componentID={ val_componentID }\n    icon={ false }\n    { ...others }\n    freeCSS={ {\n      whiteSpace: 'nowrap',\n      ...freeCSS\n    } }\n    cellStyles={ {\n      flexCenter: true,\n      ssPushable: true,\n      boxShadow: 'none',\n      ...cellStyles\n    } }\n    cellClassName={ [\n      cellClassName,\n      InputSegmentedClasses( 'Label' ),\n      InputSegmentedClasses( 'Tone_' + appearance )\n    ].join( ' ' ) }\n    cellCheckedStyles={ {\n      isSemiBoldFont: true,\n      ...cellCheckedStyles,\n    } }\n    cellCheckedClassName={ [\n      cellCheckedClassName,\n      InputSegmentedClasses( 'Checked' )\n    ].join( ' ' ) }\n    tone={ 'custom' as any }\n    onUpdateValue={ onUpdateValue }\n    onUpdateValidValue={ ( args ) => {\n      if ( onUpdateValidValue ) onUpdateValidValue( args )\n      if ( appearance == 'BottomLine' ) {\n        set_value( args.value[ 0 ] )\n      }\n    } }\n  />\n}\n\nconst Segmented: Segmented.Methods = {\n  Auto: ( params ) => {\n    params = { ...params }\n    params = {\n      padding: '1/3',\n      gap: '1/3',\n      ssCardBox: true,\n      ...params,\n      cellStyles: {\n        borderRadius: 'inherit',\n        position: 'relative',\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        backgroundColor: 'theme',\n        fontColor: 'white',\n        ...params.cellCheckedStyles\n      },\n    }\n\n    return <Core appearance={ ( params as any ).tone || 'Auto' } { ...params } />\n  },\n  Normal: ( params ) => {\n    params = { ...params }\n    params = {\n      border: true,\n      borderColor: 'theme',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      fontColor: '3.blur',\n      ...params,\n      cellStyles: {\n        borderRadius: 0,\n        borderRight: true,\n        borderColor: 'theme',\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        backgroundColor: 'theme',\n        fontColor: 'white',\n        ...params.cellCheckedStyles\n      }\n    };\n    ( params as any ).tone = 'ThemeBorder'\n\n    return <Core appearance={ 'Border' } { ...params } />\n  },\n  Cloud: ( params ) => {\n    params = { ...params }\n    params = {\n      padding: '1/3',\n      gap: '1/3',\n      backgroundColor: 'cloud',\n      ...params,\n      cellStyles: {\n        borderRadius: 'inherit',\n        position: 'relative',\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        backgroundColor: 'theme',\n        fontColor: 'white',\n        ...params.cellCheckedStyles\n      },\n    }\n\n    return <Core appearance={ ( params as any ).tone || 'Cloud' } { ...params } />\n  },\n  Cloud2: ( params ) => {\n    params = { ...params };\n    ( params as any ).tone = 'WhiteCloud'\n    return <Segmented.Cloud\n      fontColor='3.blur'\n      { ...params }\n      cellCheckedStyles={ {\n        fontColor: '1.clear',\n        ...params.cellCheckedStyles\n      } }\n    />\n  },\n  Cloud3: ( params ) => {\n    params = { ...params };\n    ( params as any ).tone = 'ThemeCloud'\n    return <Segmented.Cloud\n      backgroundColor='tcOpFew'\n      fontColor='theme'\n      { ...params }\n      cellStyles={ {\n        ...params.cellStyles\n      } }\n    />\n  },\n  Border: ( params ) => {\n    params = { ...params }\n    params = {\n      backgroundColor: '1.layer.base',\n      border: '2.normal',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      boxShadow: '0.thin',\n      ...params,\n      cellStyles: {\n        borderRadius: 0,\n        borderRight: '2.normal',\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        backgroundColor: 'tcOpFew',\n        fontColor: 'theme',\n        ...params.cellCheckedStyles\n      },\n    }\n\n    return <Core appearance={ ( params as any ).tone || 'Border' } { ...params } />\n  },\n  Border2: ( params ) => {\n    params = { ...params }\n    params = {\n      border: true,\n      borderColor: 'theme',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      boxShadow: '0.thin',\n      fontColor: '3.blur',\n      ...params,\n      cellStyles: {\n        borderRadius: 0,\n        borderRight: true,\n        borderColor: 'theme',\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        backgroundColor: 'theme',\n        fontColor: 'white',\n        ...params.cellCheckedStyles\n      }\n    };\n    ( params as any ).tone = 'ThemeBorder'\n\n    return <Core appearance={ 'Border' } { ...params } />\n  },\n  BottomLine: ( params ) => {\n    params = { ...params }\n    params = {\n      gap: 0,\n      fontColor: '3.blur',\n      ...params,\n      cellStyles: {\n        ssEffectsOnActive: 'ripple.theme',\n        borderRadius: 0,\n        padding: 1,\n        ...params.cellStyles\n      },\n      cellCheckedStyles: {\n        fontColor: 'theme',\n        ...params.cellCheckedStyles\n      }\n    }\n\n    return <Core appearance={ 'BottomLine' } { ...params } />\n  },\n}\n\nexport {\n  Segmented,\n  Segmented as default\n}"],
-  "mappings": "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",
-  "names": ["jsx", "$$", "useState", "List", "InputSegmentedClasses", "Core", "params", "_a", "tone", "appearance", "value", "options", "onUpdateValue", "onUpdateValidValue", "freeCSS", "cellStyles", "cellClassName", "cellCheckedClassName", "cellCheckedStyles", "others", "__objRest", "val_componentID", "val_defValue", "set_defValue", "val_value", "set_value", "__spreadProps", "__spreadValues", "args", "Segmented"]
-}

package/dist/fn/Input/Select.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Select.tsx"],
-  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  SubmitForm,\n  CommonEffects,\n  DefaultStyles\n} from './core'\n\nimport { InputTypes } from './_'\n\nimport Parts from './Parts'\nimport {\n  InputClasses,\n  InputSelectClasses\n} from '@styles/componentClasses/_'\n\nnamespace Select {\n  export type Input = InputTypes.CoreInput & React.DOMAttributes<HTMLSelectElement> & {\n    tone?: InputTypes.BoxTone\n\n    tabIndex?: number\n\n    id?: string\n\n    disabled?: boolean\n\n\n    value?: Value\n    options: Options[]\n\n    placeholder?: string\n\n    leftIndicator?: ReactElement | false\n    rightIndicator?: ReactElement | false\n    leftIcon?: ReactElement | false\n    rightIcon?: ReactElement | false\n\n    enableUnSelected?: boolean\n\n    rightIconStyles?: TagProperty.Params\n  }\n  export type Value = string | number | boolean | plainObject | void | null\n  export type Options = {\n    value: Value\n    label: string\n    displayLabel?: ReactElement\n  }\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let {\n    value,\n    params\n  } = props\n  let {\n    required,\n    options\n  } = params as Select.Input\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( required ) {\n    if ( !options.length || ( options.length && $$.is.nullish( JSON.parse( value ) ) ) ) {\n      notice.push( { type: 'invalid',label: '\u5FC5\u9808\u9805\u76EE\u3067\u3059' } )\n    }\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\n\nconst Comps = {\n  Core: ( params: Select.Input ) => {\n    let {\n      tone,\n      required,\n      form,\n      className,\n\n      enableFormSubmit,\n      enableUnSelected,\n\n      checkValidationAtFirst,\n      onChange,onKeyDown,\n      onValidate,\n      onUpdateValue,\n      onUpdateValidValue,\n      value = '',\n      options,\n      placeholder,\n\n      leftIndicator,rightIndicator,leftIcon,rightIcon,\n      componentID,status_id,\n\n      ...others\n    } = params\n\n    let Default_Status: InputTypes.Status.Plain = {\n      componentID: params.componentID || '',\n      dataValue: value,\n      eventType: 'init',\n      eventID: $$.uuid.gen()\n    }\n    let [ val_status,set_status ] = useState( Default_Status )\n    let [ val_validate,set_validate ] = useState( {\n      ok: false,\n      notice: []\n    } as InputTypes.Validation.Result )\n\n    CommonEffects( {\n      type: 'select',\n      params,\n      val_status,\n      set_status,\n      ExtraOverrideParams: {\n        dataValue: value,\n        formatValue: value,\n      },\n      val_validate,\n      set_validate,\n      DefaultValidation,\n      onUpdateValue,\n      onUpdateValidValue\n    } )\n\n    let SelectedElement: ReactElement = <Box fontColor='4.thin' textAlign='left'>{ placeholder || '\u9078\u629E' }</Box>\n    if ( val_status.dataValue ) {\n      let Selected = options.find( ( option ) => option.value == val_status.dataValue )\n      if ( Selected ) SelectedElement = Selected.displayLabel ?? Selected.label\n    }\n\n    return <BoxWrapper\n      val_status={ val_status }\n      set_status={ set_status }\n      val_validate={ val_validate }\n      params={ params }\n    >\n      <Box\n        className={ [\n          className,\n          InputSelectClasses( 'SelectLegend' ),\n          InputClasses( 'InputCover' )\n        ].join( ' ' ) }\n      >\n        { SelectedElement }\n        <select\n          data-form={ form }\n          data-input-type={ 'select' }\n          data-validation={ val_validate.ok }\n          data-component-id={ val_status.componentID }\n          data-value={ val_status.dataValue }\n          value={ val_status.dataValue }\n          onKeyDown={ ( event ) => {\n            if ( onKeyDown ) onKeyDown( event )\n            if ( enableFormSubmit ) SubmitForm( event )\n          } }\n          onChange={ ( event ) => {\n            let {\n              value: rawValue\n            } = event.target\n\n            if ( val_validate.ok ) set_validate( { ok: false,notice: [] } )\n            set_status( {\n              ...val_status,\n              dataValue: rawValue,\n              eventType: 'update',\n              eventID: $$.uuid.gen(),\n            } )\n\n            if ( onChange ) onChange( event )\n          } }\n          { ...others as any }\n          className={ InputSelectClasses( 'Select' ) }\n        >\n          <Comps.Options { ...params } />\n        </select>\n      </Box>\n    </BoxWrapper>\n  },\n  Options: ( params: Select.Input ) => {\n    let {\n      options = [],\n      placeholder = '\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044',\n      enableUnSelected = true\n    } = params\n\n    let Options = options.map( ( option: Select.Options ) => {\n      let {\n        value,\n        label,\n      } = option\n      let Value = String( value )\n      return <option\n        value={ Value }\n        key={ Value }\n        children={ label }\n      />\n    } )\n\n    if ( enableUnSelected ) {\n      Options.unshift( <option\n        key={ 0 }\n        value={ JSON.stringify( null ) }\n        children={ placeholder }\n      /> )\n    }\n\n    return <>\n      { Options }\n    </>\n  }\n}\nconst SelectInput: React.FC<Select.Input> = ( params ) => {\n  let {\n    value = null,\n    placeholder,\n    options = []\n  } = params\n\n  let SelectedExist = 0\n  let SelectedValue = JSON.stringify( value )\n  let DefaultOptions = options.map( ( option ) => {\n    let { value,label } = option\n    let Value = JSON.stringify( value )\n    let Selected = Value == SelectedValue\n    SelectedExist |= Number( Selected )\n\n    return {\n      ...option,\n      value: Value,\n      label\n    }\n  } )\n  if ( !SelectedExist ) value = null\n  let DefaultValue = JSON.stringify( value )\n\n  return <Comps.Core\n    { ...params }\n    value={ DefaultValue }\n    options={ DefaultOptions }\n  />\n}\nconst Select: React.FC<Select.Input> = ( rawParams ) => {\n  rawParams = { ...rawParams }\n  if ( $$.is.nullish( rawParams.rightIcon ) ) {\n    rawParams.rightIcon = <Parts.RightIcon\n      flexType='col'\n      { ...rawParams.rightIconStyles }\n    >\n      <FAI.AngleDown />\n    </Parts.RightIcon>\n  }\n  if ( rawParams.rightIcon ) rawParams.paddingRight = rawParams.paddingRight ?? 3\n  if ( rawParams.leftIcon ) rawParams.paddingLeft = rawParams.paddingLeft ?? 3\n\n  let params = DefaultStyles.Boxish( rawParams ) as Select.Input\n  delete params.rightIconStyles\n  return <Wrapper\n    componentID={ rawParams.componentID }\n    children={ SelectInput }\n    params={ params }\n  />\n}\nexport {\n  Select,\n  Select as default\n}"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "useState", "$$", "Box", "FAI", "Wrapper", "BoxWrapper", "SubmitForm", "CommonEffects", "DefaultStyles", "Parts", "InputClasses", "InputSelectClasses", "DefaultValidation", "props", "value", "params", "required", "options", "notice", "type", "Comps", "_b", "_a", "tone", "form", "className", "enableFormSubmit", "enableUnSelected", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "placeholder", "leftIndicator", "rightIndicator", "leftIcon", "rightIcon", "componentID", "status_id", "others", "__objRest", "Default_Status", "val_status", "set_status", "val_validate", "set_validate", "SelectedElement", "Selected", "option", "__spreadProps", "__spreadValues", "event", "rawValue", "Options", "label", "Value", "SelectInput", "SelectedExist", "SelectedValue", "DefaultOptions", "DefaultValue", "Select", "rawParams"]
-}

package/dist/fn/Input/Slider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Slider.tsx"],
-  "sourcesContent": ["import {\n  ReactElement,\n  ThemeColor\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$,\n  Config,\n  useStore,\n  GenerateClassName\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport Flex from '@atoms/Flex'\nimport Column from '@mols/Column'\nimport Button from '@fn/Button'\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  SubmitForm,\n  CommonEffects\n} from './core'\n\nimport { InputTypes } from './_'\n\nimport Hidden from './Hidden'\nimport { InputSliderClasses } from '@styles/componentClasses/_'\n\nnamespace Slider {\n  export type Input = InputTypes.CoreInput & React.DOMAttributes<HTMLInputElement> & {\n    tabIndex?: number\n\n    id?: string\n\n    disabled?: boolean\n\n    value?: number\n\n    color?: Color\n\n    min: number\n    max: number\n    step: number\n    legends?: {\n      enable?: boolean\n      custom?: LegendsCallback\n      showAlways?: boolean\n    }\n  }\n  export type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn'\n  export type LegendsCallback = {\n    ( value: number ): ReactElement\n  }\n  export type DataLevelingResult = {\n    stepValue: number\n    stepIndex: number\n    positionLeft: string\n  }\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let { value,params } = props\n  let { required } = params as Slider.Input\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( required && !value ) {\n    notice.push( { type: 'invalid',label: '\u5FC5\u9808\u9805\u76EE\u3067\u3059' } )\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\n\nconst DataLeveling: {\n  ( props: {\n    value: number\n    val_status: InputTypes.Status.Slider\n  } ): Slider.DataLevelingResult\n} = ( props ) => {\n  let { value,val_status } = props\n  let { min,max,step } = val_status\n\n  value = Math.max( value,min )\n  value = Math.min( value,max )\n\n  let rawValue = value / max\n  let stepValue = rawValue * max\n\n  stepValue = Math.round( stepValue / step )\n\n  return {\n    stepValue: stepValue * step,\n    stepIndex: stepValue,\n    positionLeft: stepValue * step / max * 100 + '%'\n  }\n}\n\nconst Comps = {\n  IndicatorLabels: ( props: {\n    componentID: string\n    min: number\n    max: number\n    step: number\n    customLegends?: Slider.LegendsCallback\n  } ) => {\n    let {\n      componentID,\n      min,\n      max,\n      step,\n      customLegends\n    } = props\n    let Labels = []\n\n    let minStep = Math.round( min / step )\n    let maxStep = Math.round( max / step )\n    let steps = maxStep - minStep + 1\n\n    for ( var index = minStep; index <= maxStep; index++ ) {\n      let value = index * step\n      value = Math.max( value,min )\n      value = Math.min( value,max )\n      let left = ( value / max * 100 ) + '%'\n      Labels.push( <Box\n        key={ value }\n        className={ InputSliderClasses( 'Label' ) }\n        id={ 'Legend-' + componentID + '-' + index }\n        display={ index == minStep || index == maxStep ? 'flex' : 'none' }\n        position='absolute'\n        top={ 0 }\n        unitHeight={ 1 }\n        unitWidth={ 1.5 }\n        transition='middle'\n        fontColor={ '1.clear' }\n        freeCSS={ {\n          left: left,\n          whiteSpace: 'nowrap',\n          textAlign: 'center'\n        } }\n        verticalAlign='center'\n        horizontalAlign='center'\n        children={ customLegends ? customLegends( value ) : value.rank() }\n      /> )\n    }\n\n    useEffect( () => {\n      const LabelLeveling = () => {\n        let Labels = $$( Config.get().appRoot ).find( '#Labels-' + componentID )\n\n        let {\n          width\n        } = Labels.position()\n\n        let maxLabelCount = Math.round( width / 50 ) - 1\n        let labelStep = Math.round( steps / maxLabelCount )\n\n        for ( let index = minStep + 1; index < maxStep; index++ ) {\n          $$( Config.get().appRoot )\n            .find( '#Legend-' + componentID + '-' + index )\n            .css( {\n              display: index % labelStep == 0 ? 'flex' : 'none'\n            } )\n        }\n      }\n\n      $$( window ).addEvent( {\n        eventID: 'SliderResizeCallback-' + componentID,\n        eventType: 'resize',\n        callback: () => {\n          LabelLeveling()\n        }\n      } )\n      LabelLeveling()\n\n      return () => {\n        $$( window ).removeEvent( 'SliderResizeCallback-' + componentID )\n      }\n    },[] )\n\n    return <Flex\n      className={ InputSliderClasses( 'Labels' ) }\n      verticalAlign='center'\n      horizontalAlign='between'\n      backgroundColor='posi'\n      fontSize={ '0.xs' }\n      position='relative'\n      id={ 'Labels-' + componentID }\n    >\n      <Box\n        position='absolute'\n        top={ 0 }\n        left={ 0 }\n        bottom={ 0 }\n        freeCSS={ {\n          right: 12 * 1.5\n        } }\n        children={ Labels }\n      />\n    </Flex>\n  },\n  Rail: ( props: {\n    color: Slider.Color\n    val_status: InputTypes.Status.Slider\n    set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Slider>>\n    DotData: Slider.DataLevelingResult\n    form: string\n    enableFormSubmit: boolean\n  } ) => {\n    let {\n      val_status,\n      set_status,\n      DotData,\n      form,\n      enableFormSubmit\n    } = props\n    let {\n      componentID\n    } = val_status\n\n    return <Flex\n      className={ InputSliderClasses( 'Rail' ) }\n      position='relative'\n      paddingLeft={ '1/2' }\n      unitHeight={ 1.5 }\n      verticalAlign='center'\n      freeCSS={ {\n        minWidth: '10rem',\n        zIndex: 1,\n        cursor: 'pointer'\n      } }\n      onMouseDown={ ( event ) => {\n        event.stopPropagation()\n        Hooks.Effects.Start( event,{\n          val_status,\n          set_status,\n          DotData\n        } )\n      } }\n      onTouchStart={ ( event ) => {\n        event.stopPropagation()\n        Hooks.Effects.Start( event,{\n          val_status,\n          set_status,\n          DotData\n        } )\n      } }\n    >\n      <Box\n        className={ InputSliderClasses( 'Bar' ) }\n        backgroundColor={ '4.layer.darken' }\n        position='relative'\n        borderRadius={ 'sphere' }\n        transition='middle'\n        flexSizing={ 'none' }\n        unitHeight={ '2/3' }\n        width={ 1 }\n        id={ componentID + '_Bar' }\n      >\n        <Box\n          className={ InputSliderClasses( 'BarColor' ) }\n          position='relative'\n          height={ 1 }\n          width={ 0 }\n          left={ 0 }\n          transition='long'\n          borderRadius={ 'inherit' }\n          backgroundColor={ props.color }\n          opacity='middle'\n          overflow='hidden'\n          freeCSS={ {\n            width: DotData.positionLeft\n          } }\n          id={ componentID + '_BarColor' }\n        />\n      </Box>\n      <Box\n        className={ InputSliderClasses( 'BallWrap' ) }\n        position='absolute'\n        top={ 0 }\n        left={ 0 }\n        bottom={ 0 }\n        freeCSS={ {\n          right: 12 * 1.5\n        } }\n      >\n        <Button.Button.Plain\n          className={ InputSliderClasses( 'Ball' ) }\n          position='absolute'\n          backgroundColor={ props.color }\n          top={ 0 }\n          left={ 0 }\n          ssSphere={ 1.5 }\n          freeCSS={ {\n            zIndex: 2,\n            left: DotData.positionLeft\n          } }\n          data-form-name={ form }\n          id={ componentID + '_Ball' }\n          onKeyDown={ ( event ) => {\n            Hooks.KeyDownEvent( {\n              event,\n              val_status,\n              set_status,\n              DotData\n            } )\n\n            if ( enableFormSubmit ) SubmitForm( event )\n          } }\n        />\n      </Box>\n    </Flex>\n  },\n}\nconst Hooks = {\n  Effects: {\n    Start: ( event: any,info: {\n      val_status: InputTypes.Status.Slider\n      set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Slider>>\n      DotData: Slider.DataLevelingResult\n    } ) => {\n      $$( document )\n        .addEvent( {\n          eventID: 'SliderMouseMove',\n          eventType: 'mousemove',\n          callback: ( event ) => { Hooks.Effects.Move( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SliderTouchMove',\n          eventType: 'touchmove',\n          callback: ( event ) => { Hooks.Effects.Move( event,info ) },\n          option: { passive: false }\n        } )\n        .addEvent( {\n          eventID: 'SliderMouseUp',\n          eventType: 'mouseup',\n          callback: () => { Hooks.Effects.End() }\n        } )\n        .addEvent( {\n          eventID: 'SliderTouchEnd',\n          eventType: 'touchend',\n          callback: () => { Hooks.Effects.End() }\n        } )\n    },\n    Move: ( event: any,info: {\n      val_status: InputTypes.Status.Slider\n      set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Slider>>\n    } ) => {\n      let mouseX = $$.getCursor( event ).x\n      let {\n        val_status,\n        set_status,\n      } = info\n      let {\n        componentID,\n        min,max\n      } = val_status\n\n      let Ball = $$( Config.get().appRoot ).find( '#' + componentID + '_Ball' )\n      let Bar = $$( Config.get().appRoot ).find( '#' + componentID + '_Bar' )\n      let BarColor = $$( Config.get().appRoot ).find( '#' + componentID + '_BarColor' )\n\n      let { width: barWidth,left: barLeft } = Bar.position()\n\n      let Left = ( mouseX - barLeft ) / barWidth\n      Left = Math.max( Left,0 )\n      Left = Math.min( Left,1 )\n\n      let LeftRawValue = Left * max\n      let resultValues = DataLeveling( {\n        value: LeftRawValue,\n        val_status\n      } )\n      let left = resultValues.positionLeft\n      let stepValue = resultValues.stepValue\n\n      Ball.css( { left: left } )\n      BarColor.css( { width: left } )\n\n      let { prevValue } = useStore.get( componentID )\n      if ( stepValue != prevValue ) {\n        useStore.update( {\n          key: componentID,\n          value: {\n            prevValue: stepValue\n          }\n        } )\n        set_status( {\n          ...val_status,\n          dataValue: stepValue,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n        } )\n      }\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    },\n    End: () => {\n      $$( document ).removeEvent( [ 'SliderMouseMove','SliderTouchMove','SliderMouseUp','SliderTouchEnd' ] )\n    }\n  },\n  KeyDownEvent: (\n    props: {\n      event: React.KeyboardEvent<HTMLButtonElement>\n      val_status: InputTypes.Status.Slider\n      set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Slider>>\n      DotData: Slider.DataLevelingResult\n    }\n  ) => {\n    let {\n      event,\n      val_status,\n      set_status\n    } = props\n    let { min,max,step } = val_status\n    let { key,metaKey,ctrlKey } = event\n    let auxKey = ctrlKey || metaKey\n\n    let nextValue = val_status.dataValue\n    if ( !key.match( /Arrow/ ) ) return\n\n    event.preventDefault()\n    if ( key.match( /Left|Up/ ) ) {\n      if ( auxKey ) nextValue = min\n      else nextValue -= step\n    } else if ( key.match( /Right|Down/ ) ) {\n      if ( auxKey ) nextValue = max\n      else nextValue += step\n    }\n    nextValue = Math.max( Math.min( nextValue,max ),min )\n\n    useStore.update( {\n      key: val_status.componentID,\n      value: {\n        prevValue: nextValue\n      }\n    } )\n\n    set_status( {\n      ...val_status,\n      dataValue: nextValue,\n      eventType: 'update',\n      eventID: $$.uuid.gen(),\n    } )\n  }\n}\n\nconst SliderInput: React.FC<Slider.Input> = ( params ) => {\n  let {\n    color = 'theme',\n    required,\n    form = '',\n\n    legends: {\n      enable: showLegends = true,\n      custom: customLegends,\n      showAlways: showLegendsAlways = false\n    } = {},\n    min,max,step,\n\n    enableFormSubmit,\n\n    checkValidationAtFirst,\n    onChange,onKeyDown,\n    onValidate,\n    onUpdateValue,onUpdateValidValue,\n    value = '',\n    className,\n\n    ...others\n  } = params\n\n  let Default_Status: InputTypes.Status.Slider = {\n    componentID: params.componentID || '',\n    dataValue: value,\n    min,max,step,\n    eventType: 'init',\n    eventID: $$.uuid.gen(),\n  }\n  let [ val_status,set_status ] = useState( Default_Status )\n  let [ val_validate,set_validate ] = useState( {\n    ok: false,\n    notice: []\n  } as InputTypes.Validation.Result )\n\n  CommonEffects( {\n    params,\n    val_status,\n    set_status,\n    val_validate,\n    set_validate,\n    onUpdateValue,onUpdateValidValue,\n    DefaultValidation,\n    ExtraOverrideParams: {\n      dataValue: value\n    },\n    ExtraStoreParams: {\n      prevValue: val_status.dataValue,\n      setValueByForeign: ( value: number ) => {\n        set_status( {\n          ...val_status,\n          dataValue: value,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n        } )\n      }\n    }\n  } )\n\n  let DotData = DataLeveling( {\n    value: val_status.dataValue,\n    val_status\n  } )\n\n  return <BoxWrapper\n    val_status={ val_status }\n    set_status={ set_status }\n    val_validate={ val_validate }\n    params={ params }\n  >\n    <Hidden\n      value={ DotData.stepValue }\n      form={ form }\n      data-value={ DotData.stepValue }\n      data-validation={ val_validate.ok }\n      data-input-type={ 'slider' }\n      { ...others }\n    />\n    <Column\n      gap={ '1/2' }\n      flexSizing={ 'auto' }\n      className={ [\n        InputSliderClasses( 'Wrap' ),\n        className,\n        InputSliderClasses( 'ShowLegendsAlways_' + showLegendsAlways )\n      ].join( ' ' ) }\n    >\n      <Comps.Rail\n        color={ color }\n        val_status={ val_status }\n        set_status={ set_status }\n        DotData={ DotData }\n        form={ form }\n        enableFormSubmit={ enableFormSubmit! }\n      />\n      { showLegends ? <Comps.IndicatorLabels\n        componentID={ val_status.componentID }\n        min={ min }\n        max={ max }\n        step={ step }\n        customLegends={ customLegends }\n      /> : null }\n    </Column>\n  </BoxWrapper>\n}\n\nconst Slider: React.FC<Slider.Input> = ( rawParams ) => {\n  rawParams = { ...rawParams }\n  return <Wrapper\n    componentID={ rawParams.componentID }\n    children={ SliderInput }\n    params={ GenerateClassName( rawParams ) }\n  />\n}\n\nexport {\n  Slider,\n  Slider as default\n}"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "useEffect", "$$", "Config", "useStore", "GenerateClassName", "Box", "Flex", "Column", "Button", "Wrapper", "BoxWrapper", "SubmitForm", "CommonEffects", "Hidden", "InputSliderClasses", "DefaultValidation", "props", "value", "params", "required", "notice", "type", "DataLeveling", "val_status", "min", "max", "step", "stepValue", "Comps", "componentID", "customLegends", "Labels", "minStep", "maxStep", "steps", "index", "left", "LabelLeveling", "width", "maxLabelCount", "labelStep", "set_status", "DotData", "form", "enableFormSubmit", "event", "Hooks", "info", "mouseX", "Ball", "Bar", "BarColor", "barWidth", "barLeft", "Left", "LeftRawValue", "resultValues", "prevValue", "__spreadProps", "__spreadValues", "key", "metaKey", "ctrlKey", "auxKey", "nextValue", "SliderInput", "_a", "color", "showLegends", "showLegendsAlways", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "className", "others", "__objRest", "Default_Status", "val_validate", "set_validate", "Slider", "rawParams"]
-}

package/dist/fn/Input/Switch.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Switch.tsx"],
-  "sourcesContent": ["import {\n  ThemeColor,\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport Row from '@mols/Row'\nimport Button from '@fn/Button'\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  SubmitForm,\n  CommonEffects,\n} from './core'\n\nimport { InputTypes } from './_'\n\nimport { InputSwitchClasses } from '@styles/componentClasses/_'\n\nnamespace Switch {\n  export type Input = InputTypes.UniInput & React.DOMAttributes<HTMLInputElement> & {\n    color?: Color\n\n    id?: string\n    tabIndex?: number\n\n    appearance?: 'material' | 'applely'\n    disabled?: boolean\n    value?: boolean\n    icon?: ReactElement\n  }\n  export type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn'\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let { value,params } = props\n  let { required } = params as Switch.Input\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( required && !value ) {\n    notice.push( { type: 'invalid',label: 'ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093' } )\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\n\nconst SwitchInput: React.FC<Switch.Input> = ( params ) => {\n  let {\n    componentID,\n    color = 'posi',\n    required,\n    form,\n    id,\n\n    enableFormSubmit,\n\n    checkValidationAtFirst,\n    onChange,onKeyDown,\n    onValidate,\n    onUpdateValue,onUpdateValidValue,\n    value = '',\n    icon = '',\n    appearance = 'material',\n\n    ...others\n  } = params\n\n  let Default_Status: InputTypes.Status.Plain = {\n    componentID: params.componentID || '',\n    dataValue: value,\n    eventType: 'init',\n    eventID: $$.uuid.gen()\n  }\n  let [ val_status,set_status ] = useState( Default_Status )\n  let [ val_validate,set_validate ] = useState( {\n    ok: false,\n    notice: []\n  } as InputTypes.Validation.Result )\n  let isChecked = !!val_status.dataValue\n\n  CommonEffects( {\n    params,\n    val_status,\n    set_status,\n    val_validate,\n    set_validate,\n    DefaultValidation,\n    onUpdateValue,onUpdateValidValue,\n    ExtraOverrideParams: {\n      dataValue: value,\n      formatValue: value\n    },\n  } )\n\n  return <BoxWrapper\n    val_status={ val_status }\n    set_status={ set_status }\n    val_validate={ val_validate }\n    params={ params }\n  >\n    <input\n      type='checkbox'\n      data-form={ form }\n      data-input-type={ 'switch' }\n      data-validation={ val_validate.ok }\n      data-component-id={ val_status.componentID }\n      data-value={ val_status.dataValue }\n      checked={ val_status.dataValue }\n      className={ InputSwitchClasses( 'Input' ) }\n      id={ id }\n      onKeyDown={ ( event ) => {\n        if ( onKeyDown ) onKeyDown( event )\n        if ( enableFormSubmit ) SubmitForm( event )\n      } }\n      onChange={ ( event ) => {\n        if ( val_validate.ok ) set_validate( { ok: false,notice: [] } )\n        set_status( {\n          ...val_status,\n          dataValue: event.target.checked,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n        } )\n\n        if ( onChange ) onChange( event )\n      } }\n      { ...others }\n    />\n    <Button.Label.Plain\n      tabIndex={ -1 }\n      htmlFor={ id }\n      padding={ '1/3' }\n      transition='middle'\n      borderRadius={ '1.tone.primary' }\n      className={ InputSwitchClasses( 'Label' ) }\n    >\n      <Box\n        { ...appearance == 'applely' ? {\n          padding: '1/4',\n          isRounded: true,\n          backgroundColor: isChecked ? color : '5.layer.darker'\n        } : {} }\n      >\n        <Row.Center\n          unitHeight={ 2.5 }\n          position='relative'\n          freeCSS={ {\n            width: 12 * 4.5\n          } }\n        >\n          { appearance == 'material' ? <Box\n            position='absolute'\n            backgroundColor={ isChecked ? color : '5.layer.darker' }\n            borderRadius={ 'sphere' }\n            unitHeight={ 1 }\n            transition='middle'\n            width={ 1 }\n            className={ InputSwitchClasses( 'Bar' ) }\n            opacity='middle'\n          /> : null }\n          <Box\n            position='absolute'\n            top={ 0 }\n            left={ 0 }\n            backgroundColor={ appearance == 'material' && isChecked ? color : 'white' }\n            transition='middle'\n            ssSphere={ 2.5 }\n            boxShadow={ '1.remark' }\n            className={ InputSwitchClasses( 'Dot' ) }\n          >\n            { icon ? <Box\n              transition='middle'\n              ssSquare={ 2 }\n              flexCenter\n              fontColor={ appearance == 'applely' && isChecked ? color : 'white' }\n            >\n              { icon }\n            </Box> : null }\n          </Box>\n        </Row.Center>\n      </Box>\n    </Button.Label.Plain>\n  </BoxWrapper>\n}\n\nconst Switch: React.FC<Switch.Input> = ( rawParams ) => {\n  rawParams = { ...rawParams }\n  rawParams.color = rawParams.color || 'theme'\n  return <Wrapper\n    componentID={ rawParams.componentID }\n    children={ SwitchInput }\n    params={ rawParams }\n  />\n}\n\nexport {\n  Switch,\n  Switch as default\n}"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "$$", "Box", "Row", "Button", "Wrapper", "BoxWrapper", "SubmitForm", "CommonEffects", "InputSwitchClasses", "DefaultValidation", "props", "value", "params", "required", "notice", "type", "SwitchInput", "_a", "componentID", "color", "form", "id", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "icon", "appearance", "others", "__objRest", "Default_Status", "val_status", "set_status", "val_validate", "set_validate", "isChecked", "__spreadValues", "event", "__spreadProps", "Switch", "rawParams"]
-}

package/dist/fn/Input/Text.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/Text.tsx"],
-  "sourcesContent": ["import {\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport {\n  $$,\n  Config,\n  useStore,\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Button from '@fn/Button'\nimport Tooltips from '@fn/Tooltips'\nimport { faEye } from '@fortawesome/free-solid-svg-icons/faEye'\n\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  SubmitForm,\n  CommonEffects,\n  DefaultStyles\n} from './core'\n\nimport { InputTypes } from './_'\nimport Parts from './Parts'\n\nnamespace Text {\n  export type Restrict = 'text' | 'katakana' | 'hankaku.katakana' | 'number' | 'digitNumber' | 'tel' | 'email' | 'url' | 'fileName' | 'password' | 'postal' | 'creditCard'\n  export type Input = InputTypes.CoreInput & React.DOMAttributes<HTMLInputElement> & {\n    tone?: InputTypes.BoxTone\n\n    tabIndex?: number\n    id?: string\n\n    disabled?: boolean\n\n    min?: number | null\n    max?: number | null\n    maxLength?: number | null\n\n    autoComplete?: 'off' | 'none' | string\n    autoCapitalize?: 'off' | 'none' | string\n\n    clearButton?: boolean\n\n    value?: string | number\n\n    placeholder?: string\n\n    leftIndicator?: ReactElement | false\n    rightIndicator?: ReactElement | false\n    leftIcon?: ReactElement | false\n    rightIcon?: ReactElement | false\n  }\n  export type Origin = Input & {\n    restrict?: Restrict\n  }\n  export type Methods = {\n    Validate( value: any,restrict: Restrict ): {\n      ok: boolean\n      body: ReactElement\n    }\n    Normal: ( props: Origin ) => JSX.Element\n    Katakana: ( props: Origin ) => JSX.Element\n    HankakuKatakana: ( props: Origin ) => JSX.Element\n    Number: ( props: Input ) => JSX.Element\n    DigitNumber: ( props: Input ) => JSX.Element\n    Tel: ( props: Input ) => JSX.Element\n    CreditCard: ( props: Input ) => JSX.Element\n    Email: ( props: Input ) => JSX.Element\n    Url: ( props: Input ) => JSX.Element\n    Postal: ( props: Input ) => JSX.Element\n    Password: ( props: Input ) => JSX.Element\n    Money: {\n      JPY: ( props: Input ) => JSX.Element\n    }\n  }\n}\n\nconst ValidateTypes: {\n  [ key: string ]: {\n    reg: RegExp\n    exist: boolean\n    reason: ReactElement\n  }\n} = {\n  number: {\n    reg: /^-?[0-9\\.]+$/g,exist: true,\n    reason: '\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  katakana: {\n    reg: /^[\u30A1-\u30F6\u30FC \u3000\uFF66-\uFF9F\u3000 ]*$/g,exist: true,\n    reason: '\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  [ 'hankaku.katakana' ]: {\n    reg: /^[\uFF66-\uFF9F\u3000 ]*$/g,exist: true,\n    reason: '\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  digitNumber: {\n    reg: /^-?[0-9\\.]+$/g,exist: true,\n    reason: '\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  fileName: {\n    reg: /[\u00A5\\/:*\\?\\\"\\'\\|\\.\\s\\n\\r\\<\\>]/g,exist: false,\n    reason: '\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093'\n  },\n  creditCard: {\n    reg: /^\\d{14,16}$/g,exist: true,\n    reason: '14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  email: {\n    reg: /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\\.[A-Za-z0-9]+$/,exist: true,\n    reason: <>\n      <Box>\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044</Box>\n      <Box>\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093</Box>\n    </>,\n  },\n  password: {\n    reg: /^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist: true,\n    reason: '8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  },\n  tel: {\n    reg: /.*$/g,exist: true,\n    reason: <>\n      <Box>0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059</Box>\n      <Box>9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044</Box>\n      <Box>\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059</Box>\n    </>\n    // reg: /^(0|\\(?\\+\\d{1,3}\\)?\\s)[-0-9]{9,12}$/g,exist: true,\n    // reason: <>\n    //   <Box>0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059</Box>\n    //   <Box>9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044</Box>\n    //   <Box>\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059</Box>\n    // </>\n  },\n  url: {\n    reg: /^https?:\\/\\/[^\\n\\s]+(\\.|\\:)[^\\n\\s\\.\\:]+$/,exist: true,\n    reason: 'URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF'\n  },\n  postal: {\n    reg: /^\\d{7}$/g,exist: true,\n    reason: '7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044'\n  }\n}\n\nconst DataLeveling = ( params: {\n  min?: number | null\n  max?: number | null\n  restrict: Text.Restrict,\n  value: any\n} ) => {\n  let {\n    restrict,\n    value = ''\n  } = params\n\n  let dataValue = String( value )\n  let minus = false\n  if ( [ 'tel','number','digitNumber','test','postal','creditCard' ].includes( restrict ) ) {\n    dataValue = dataValue.zen2hanNumber()\n  }\n  if ( restrict == 'katakana' ) {\n    dataValue = dataValue.replace( /[^\u30A1-\u30F6\u30FC \u3000\uFF66-\uFF9F\u3000 ]/ig,'' )\n  }\n  if ( restrict == 'hankaku.katakana' ) {\n    dataValue = dataValue.replace( /[^\uFF66-\uFF9F\u3000 ]/ig,'' )\n  }\n  if ( [ 'postal','creditCard' ].includes( restrict ) ) {\n    dataValue = dataValue.removeLetters()\n  }\n  if ( [ 'number','digitNumber' ].includes( restrict ) ) {\n    if ( dataValue ) {\n      if ( dataValue == '-' ) {\n\n      } else if ( dataValue == '0-' ) {\n        dataValue = '-'\n      } else {\n        if ( dataValue[ 0 ] == '-' ) minus = true\n        dataValue = dataValue.replace( /[^0-9\\.]/ig,'' )\n\n        let Amount = Number( dataValue )\n        if ( Amount === 0 ) minus = false\n        if ( minus ) Amount = -1 * Amount\n\n        if ( $$.is.exist( params.min ) ) {\n          Amount = Math.max( Amount,Number( params.min ) )\n        }\n        if ( $$.is.exist( params.max ) ) {\n          Amount = Math.min( Amount,Number( params.max ) )\n        }\n        dataValue = String( Math.abs( Amount ) )\n      }\n    }\n  }\n\n  let formatValue = dataValue\n  if ( restrict == 'digitNumber' ) {\n    if ( dataValue && dataValue != '-' ) {\n      let arrary = []\n      for ( let index = dataValue.length - 1; index >= 0; index-- ) {\n        arrary.unshift( dataValue[ index ] )\n        let Index = ( dataValue.length - 1 ) - index + 1\n        if (\n          index != 0 && Index % 3 == 0 ) {\n          arrary.unshift( ',' )\n        }\n      }\n      formatValue = arrary.join( '' )\n    }\n  } else if ( restrict == 'postal' ) {\n    if ( dataValue.length >= 4 ) {\n      formatValue = dataValue.clip( 0,3 ) + '-' + dataValue.clip( 3 )\n    }\n  } else if ( restrict == 'creditCard' ) {\n    formatValue = dataValue.replace( /.{4}(?=.)/g,\"$& \" )\n  }\n\n  if ( [ 'number','digitNumber' ].includes( restrict ) ) {\n    if ( minus ) {\n      dataValue = '-' + dataValue\n      formatValue = '-' + formatValue\n    }\n  }\n\n  return {\n    formatValue,\n    dataValue\n  }\n}\n\nconst setSelection: {\n  ( props: {\n    id?: string,\n    restrict: Text.Restrict\n    val_status: any\n  } ): void\n} = ( props ) => {\n  let {\n    id,\n    restrict,\n    val_status\n  } = props\n\n  let input = $$( Config.get().appRoot ).find( '#' + id )[ 0 ] as HTMLInputElement\n  if ( input ) {\n    if ( val_status.prevValue && val_status.formatValue ) {\n      let {\n        formatValue: currentValue,\n        prevValue,\n        caretFrom,caretTo\n      } = val_status\n\n      if ( restrict == 'creditCard' ) {\n        if ( currentValue.length >= prevValue.length ) {\n          if ( caretFrom % 5 == 0 ) {\n            caretFrom++\n            caretTo++\n          }\n        }\n        input.setSelectionRange( caretFrom,caretTo )\n      } else if ( restrict == 'postal' ) {\n        if ( currentValue.length == 5 && prevValue.length == 3 ) {\n          caretFrom++\n          caretTo++\n        }\n        input.setSelectionRange( caretFrom,caretTo )\n      } else if ( restrict == 'digitNumber' ) {\n        let margin = currentValue.length - prevValue.length\n\n        if ( margin == 2 ) {\n          caretFrom++\n          caretTo++\n        }\n        if ( margin == -2 ) {\n          caretFrom--\n          caretTo--\n        }\n        input.setSelectionRange( caretFrom,caretTo )\n      }\n    }\n  }\n}\nconst TextValidate = ( value: any,restrict: Text.Restrict ) => {\n  let response = {\n    ok: true,\n    body: '' as any\n  };\n  ( () => {\n    let kit = ValidateTypes[ restrict ]\n    if ( !kit ) return\n\n    let reason = kit.reason\n    if ( kit ) {\n      let valid = Boolean( Number( !!value.match( kit.reg ) ) ^ Number( !kit.exist ) )\n      response = {\n        ok: valid,\n        body: valid ? '' : reason\n      }\n    }\n  } )()\n  return response\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let {\n    value,\n    params\n  } = props\n  let {\n    restrict = 'text',\n    maxLength = 255,\n    required\n  } = params as Text.Origin\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( $$.is.exist( maxLength ) ) {\n    if ( value.length >= Number( maxLength ) ) {\n      notice.push( { type: 'invalid',label: maxLength + '\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044' } )\n    }\n  }\n  if ( value ) {\n    let Valid = TextValidate( value,restrict )\n    if ( !Valid.ok ) notice.push( { type: 'invalid',label: Valid.body } )\n  } else if ( required ) {\n    notice.push( { type: 'invalid',label: '\u5FC5\u9808\u9805\u76EE\u3067\u3059' } )\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\n\nexport const TextInput: React.FC<Text.Origin> = ( params ) => {\n  let {\n    componentID,\n    tone,\n    required,\n    restrict = 'text',\n    form,\n    autoComplete = 'off',\n    autoCapitalize = 'off',\n\n    enableFormSubmit,\n    clearButton = false,\n\n    checkValidationAtFirst,\n    onChange,onKeyDown,\n    onValidate,\n    onUpdateValue,\n    onUpdateValidValue,\n    value = '',\n    leftIndicator,rightIndicator,leftIcon,rightIcon,\n    maxLength,\n    min,\n    max,\n    ...others\n  } = params\n\n  let inputType = restrict == 'password' ? 'password' : 'text'\n  let inputMode: 'numeric' | 'text' | 'email' = [ 'number','digitNumber','creditCard' ].includes( restrict ) ? 'numeric' : restrict == 'email' ? 'email' : 'text'\n\n  let Default_Status: InputTypes.Status.Text = {\n    componentID: componentID!,\n    ...DataLeveling( {\n      min,max,\n      restrict,\n      value\n    } ),\n    prevValue: '',\n    eventType: 'init',\n    eventID: $$.uuid.gen(),\n    caretFrom: null as any,\n    caretTo: null as any\n  }\n  let [ val_isComposing,set_isComposing ] = useState( false )\n  let [ val_status,set_status ] = useState( Default_Status )\n  let [ val_validate,set_validate ] = useState( {\n    ok: false,\n    notice: []\n  } as InputTypes.Validation.Result )\n\n  CommonEffects( {\n    params,\n    val_status,\n    set_status,\n    val_validate,\n    set_validate,\n    DefaultValidation,\n    onUpdateValue,\n    onUpdateValidValue,\n    ExtraOverrideParams: {\n      ...DataLeveling( {\n        min,max,\n        restrict,\n        value\n      } )\n    }\n  } )\n\n  useEffect( () => {\n    setSelection( { id: params.id,restrict,val_status } )\n  },[ val_status ] )\n\n  return <BoxWrapper\n    val_status={ val_status }\n    set_status={ set_status }\n    val_validate={ val_validate }\n    params={ params }\n  >\n    <input\n      type={ inputType }\n      inputMode={ inputMode }\n      data-form={ form }\n      data-input-type={ 'text' }\n      data-validation={ val_validate.ok }\n      data-value={ val_status.dataValue }\n      data-component-id={ val_status.componentID }\n      value={ val_status.formatValue }\n      autoComplete={ autoComplete }\n      autoCapitalize={ autoCapitalize }\n      onKeyDown={ ( event ) => {\n        let { key,target } = event\n\n        {\n          let input = target as HTMLInputElement\n          let { selectionStart,selectionEnd } = input\n          let caretFrom = Number( selectionStart )\n          let caretTo = Number( selectionEnd )\n\n          let _v = val_status.formatValue[ Number( caretFrom ) ]\n          let v_ = val_status.formatValue[ Number( caretFrom ) - 1 ]\n          if ( key == 'Delete' && (\n            ( restrict == 'creditCard' && _v == ' ' ) ||\n            ( restrict == 'postal' && _v == '-' ) ||\n            ( restrict == 'digitNumber' && _v == ',' )\n          ) ) {\n            input.setSelectionRange( caretFrom + 1,caretTo + 1 )\n            event.preventDefault()\n          }\n          if ( key == 'Backspace' && (\n            ( restrict == 'creditCard' && v_ == ' ' ) ||\n            ( restrict == 'postal' && v_ == '-' ) ||\n            ( restrict == 'digitNumber' && v_ == ',' )\n          ) ) {\n            input.setSelectionRange( caretFrom - 1,caretTo - 1 )\n            event.preventDefault()\n          }\n          if ( key == 'Enter' || key == 'Tab' ) {\n\n          }\n        }\n\n        if ( [ 'number','digitNumber','creditCard' ].includes( restrict ) ) {\n          if ( key == 'Clear' ) {\n            set_status( {\n              ...val_status,\n              dataValue: '',\n              formatValue: '',\n              eventType: 'update',\n              eventID: $$.uuid.gen(),\n            } )\n          }\n        }\n        if ( [ 'number','digitNumber' ].includes( restrict ) ) {\n          if ( [ 'ArrowUp','ArrowDown' ].includes( key ) ) {\n            let direction = Number( key == 'ArrowUp' ) * 2 - 1\n            let Value = String( Number( val_status.dataValue ) + direction )\n            if ( val_validate.ok ) {\n              set_validate( { ok: false,notice: [] } )\n            }\n            set_status( {\n              ...val_status,\n              ...DataLeveling( {\n                min,max,\n                restrict,\n                value: Value\n              } ),\n              eventType: 'update',\n              eventID: $$.uuid.gen(),\n            } )\n            event.preventDefault()\n          }\n        }\n\n        if ( onKeyDown ) onKeyDown( event )\n        if ( enableFormSubmit ) SubmitForm( event )\n      } }\n      onChange={ ( event ) => {\n        let {\n          value: rawValue,\n          selectionStart,\n          selectionEnd\n        } = event.target\n\n        let value = DataLeveling( {\n          min,max,\n          restrict,\n          value: rawValue\n        } )\n\n        if ( val_isComposing ) value.formatValue = rawValue\n\n        if ( value.formatValue == val_status.formatValue ) return\n\n        if ( val_validate.ok ) set_validate( { ok: false,notice: [] } )\n\n        set_status( {\n          ...val_status,\n          ...value,\n          prevValue: val_status.formatValue,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n          caretFrom: Number( selectionStart ),\n          caretTo: Number( selectionEnd )\n        } )\n\n        if ( onChange ) onChange( event )\n      } }\n      { ...others }\n      onCompositionStart={ ( event ) => {\n        others?.onCompositionStart && others?.onCompositionStart( event )\n        set_isComposing( true )\n      } }\n      onCompositionEnd={ ( event ) => {\n        others?.onCompositionEnd && others?.onCompositionEnd( event )\n\n        if ( restrict == 'text' ) {\n          return\n        }\n\n        let value = DataLeveling( {\n          min,max,\n          restrict,\n          value: val_status.formatValue\n        } )\n        set_status( {\n          ...val_status,\n          ...value,\n          prevValue: val_status.formatValue,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n          caretFrom: Number( val_status.formatValue.length + 1 ),\n          caretTo: Number( val_status.formatValue.length + 1 )\n        } )\n        set_isComposing( false )\n      } }\n    />\n  </BoxWrapper>\n}\n\nconst Text: Text.Methods = {\n  Validate: TextValidate,\n  Normal: ( rawParams ) => {\n    rawParams = { ...rawParams }\n    if ( rawParams.rightIcon ) rawParams.paddingRight = rawParams.paddingRight ?? 3\n    if ( rawParams.leftIcon ) rawParams.paddingLeft = rawParams.paddingLeft ?? 3\n\n    return <Wrapper\n      componentID={ rawParams.componentID }\n      children={ TextInput }\n      params={ DefaultStyles.Boxish( rawParams ) }\n    />\n  },\n  Katakana: ( props ) => ( <Text.Normal\n    restrict='katakana'\n    { ...props }\n  /> ),\n  HankakuKatakana: ( props ) => ( <Text.Normal\n    restrict='hankaku.katakana'\n    { ...props }\n  /> ),\n  CreditCard: ( props ) => ( <Text.Normal\n    restrict='creditCard'\n    { ...props }\n  /> ),\n  Tel: ( props ) => ( <Text.Normal\n    restrict='tel'\n    placeholder='xxx-xxxx-xxxx'\n    { ...props }\n  /> ),\n  Number: ( props ) => ( <Text.Normal restrict='number' { ...props } /> ),\n  DigitNumber: ( props ) => ( <Text.Normal restrict='digitNumber' { ...props } /> ),\n  Email: ( props ) => ( <Text.Normal restrict='email' { ...props } /> ),\n  Url: ( props ) => ( <Text.Normal\n    restrict='url'\n    placeholder='https://example.com'\n    { ...props }\n  /> ),\n  Postal: ( params ) => {\n    let [ val_postalEventID ] = useState( $$.uuid.gen() )\n    useEffect( () => {\n      return () => {\n        useStore.delete( val_postalEventID )\n      }\n    },[] )\n\n    return <Text.Normal\n      restrict='postal'\n      placeholder='\u90F5\u4FBF\u756A\u53F7'\n      leftIndicator={ <Parts.LeftIndicator children={ '\u3012' } /> }\n      { ...params }\n    />\n  },\n  Password: ( props ) => {\n    return <Text.Normal\n      restrict='password'\n      placeholder='\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B'\n      rightIndicator={\n        <Parts.RightIndicator\n          padding={ 0 }\n        >\n          <Button.Button.Normal.R\n            padding={ [ 0,1 ] }\n            fontColor='theme'\n            borderRadius={ 'inherit' }\n            backgroundColor='inherit'\n            height={ 1 }\n            ssEffectsOnActive={ [ 'expand' ] }\n            onMouseOver={ ( event ) => {\n              Tooltips.open( {\n                parent: event.currentTarget,\n                gravityPoint: 24,\n                padding: [ 1,0 ],\n                content: <Tooltips.Comps.Body>\n                  \u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A\n                </Tooltips.Comps.Body>\n              } )\n            } }\n            tabIndex={ -1 }\n            onClick={ ( event ) => {\n              $$( Config.get().appRoot )\n                .find( event.target )\n                .parent().parent().parent()\n                .find( 'input' )\n                .callback( ( input ) => {\n                  let Input = input[ 0 ]\n                  Input.type = Input.type === 'password' ? 'text' : 'password'\n                } )\n            } }\n          >\n            <FAI\n              icon={ faEye }\n              freeCSS={ {\n                pointerEvents: 'none'\n              } }\n            />\n          </Button.Button.Normal.R>\n        </Parts.RightIndicator>\n      }\n      { ...props }\n    />\n  },\n  Money: {\n    JPY: ( props ) => ( <Text.DigitNumber\n      placeholder=\"\u91D1\u984D\u3092\u5165\u529B\"\n      rightIndicator={ <Parts.RightIndicator\n        children={ '\u5186' }\n      /> }\n      { ...props }\n    /> )\n  }\n}\nexport {\n  Text,\n  Text as default\n}\n\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "useState", "useEffect", "$$", "Config", "useStore", "Box", "FAI", "Button", "Tooltips", "faEye", "Wrapper", "BoxWrapper", "SubmitForm", "CommonEffects", "DefaultStyles", "Parts", "ValidateTypes", "DataLeveling", "params", "restrict", "value", "dataValue", "minus", "Amount", "formatValue", "arrary", "index", "Index", "setSelection", "props", "id", "val_status", "input", "currentValue", "prevValue", "caretFrom", "caretTo", "margin", "TextValidate", "response", "kit", "reason", "valid", "DefaultValidation", "maxLength", "required", "notice", "Valid", "type", "TextInput", "_a", "componentID", "tone", "form", "autoComplete", "autoCapitalize", "enableFormSubmit", "clearButton", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "leftIndicator", "rightIndicator", "leftIcon", "rightIcon", "min", "max", "others", "__objRest", "inputType", "inputMode", "Default_Status", "__spreadProps", "__spreadValues", "val_isComposing", "set_isComposing", "set_status", "val_validate", "set_validate", "event", "key", "target", "selectionStart", "selectionEnd", "_v", "v_", "direction", "Value", "rawValue", "Text", "rawParams", "_b", "val_postalEventID", "Input"]
-}

package/dist/fn/Input/TextArea.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/fn/Input/TextArea.tsx"],
-  "sourcesContent": ["import {\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect\n} from 'react'\nimport {\n  $$\n} from '@utils'\n\nimport {\n  Wrapper,\n  BoxWrapper,\n  SubmitForm,\n  CommonEffects,\n  DefaultStyles\n} from './core'\n\nimport { InputTypes } from './_'\n\nnamespace TextArea {\n  export type Input = InputTypes.CoreInput & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    tone?: InputTypes.BoxTone\n\n    tabIndex?: number\n    id?: string\n\n    disabled?: boolean\n\n\n    value?: string | number\n\n    placeholder?: string\n\n    leftIndicator?: ReactElement | false\n    rightIndicator?: ReactElement | false\n    leftIcon?: ReactElement | false\n    rightIcon?: ReactElement | false\n  }\n}\n\nfunction DefaultValidation( props: {\n  value: any\n  params: any\n} ): InputTypes.Validation.Result {\n  let { value,params } = props\n  let { required } = params as TextArea.Input\n  let notice: InputTypes.Validation.Notice[] = []\n\n  if ( required && !value ) {\n    notice.push( { type: 'invalid',label: '\u5FC5\u9808\u9805\u76EE\u3067\u3059' } )\n  }\n\n  return {\n    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,\n    notice: notice\n  }\n}\n\nconst TextAreaInput: React.FC<TextArea.Input> = ( params ) => {\n  let {\n    componentID,\n    tone,\n    required,\n    form,\n\n    enableFormSubmit,\n\n    checkValidationAtFirst,\n    onChange,onKeyDown,\n    onValidate,\n    onUpdateValue,\n    onUpdateValidValue,\n    value = '',\n    leftIndicator,rightIndicator,leftIcon,rightIcon,\n\n    ...others\n  } = params\n\n  let Default_Status: InputTypes.Status.Plain = {\n    componentID: componentID!,\n    dataValue: value,\n    eventType: 'init',\n    eventID: $$.uuid.gen()\n  }\n  let [ val_status,set_status ] = useState( Default_Status )\n  let [ val_validate,set_validate ] = useState( {\n    ok: false,\n    notice: []\n  } as InputTypes.Validation.Result )\n\n  CommonEffects( {\n    params,\n    val_status,\n    set_status,\n    val_validate,\n    set_validate,\n    onUpdateValue,\n    onUpdateValidValue,\n    DefaultValidation\n  } )\n\n  return <BoxWrapper\n    val_status={ val_status }\n    set_status={ set_status }\n    val_validate={ val_validate }\n    params={ params }\n  >\n    <textarea\n      data-form={ form }\n      data-input-type={ 'textarea' }\n      data-validation={ val_validate.ok }\n      data-value={ val_status.dataValue }\n      data-component-id={ val_status.componentID }\n      value={ val_status.dataValue }\n      onKeyDown={ ( event ) => {\n        if ( onKeyDown ) onKeyDown( event )\n        if ( enableFormSubmit ) SubmitForm( event )\n      } }\n      onChange={ ( event ) => {\n        let {\n          value\n        } = event.target\n\n        if ( val_validate.ok ) set_validate( { ok: false,notice: [] } )\n        set_status( {\n          ...val_status,\n          dataValue: value,\n          eventType: 'update',\n          eventID: $$.uuid.gen(),\n        } )\n\n        if ( onChange ) onChange( event )\n      } }\n      { ...others }\n    />\n  </BoxWrapper>\n}\n\nconst TextArea: React.FC<TextArea.Input> = ( rawParams ) => {\n  rawParams = { ...rawParams }\n  if ( rawParams.rightIcon ) rawParams.paddingRight = rawParams.paddingRight ?? 3\n  if ( rawParams.leftIcon ) rawParams.paddingLeft = rawParams.paddingLeft ?? 3\n\n  let params = DefaultStyles.Boxish( rawParams )\n  params.rows = params.rows || 5\n  return <Wrapper\n    componentID={ rawParams.componentID }\n    children={ TextAreaInput }\n    params={ params }\n  />\n}\n\nexport {\n  TextArea,\n  TextArea as default\n}"],
-  "mappings": "0DA6GI,cAAAA,MAAA,oBA1GJ,OACE,YAAAC,MAEK,QACP,OACE,MAAAC,MACK,SAEP,OACE,WAAAC,EACA,cAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,iBAAAC,MACK,SAyBP,SAASC,EAAmBC,EAGM,CAChC,GAAI,CAAE,MAAAC,EAAM,OAAAC,CAAO,EAAIF,EACnB,CAAE,SAAAG,CAAS,EAAID,EACfE,EAAyC,CAAC,EAE9C,OAAKD,GAAY,CAACF,GAChBG,EAAO,KAAM,CAAE,KAAM,UAAU,MAAO,sCAAS,CAAE,EAG5C,CACL,GAAI,CAACA,EAAO,OAAQ,CAAE,CAAE,KAAAC,CAAK,IAAOA,GAAQ,SAAU,EAAE,OACxD,OAAQD,CACV,CACF,CAEA,MAAME,EAA4CJ,GAAY,CAC5D,IAiBIK,EAAAL,EAhBF,aAAAM,EACA,KAAAC,EACA,SAAAN,EACA,KAAAO,EAEA,iBAAAC,EAEA,uBAAAC,EACA,SAAAC,EAAS,UAAAC,EACT,WAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,MAAAhB,EAAQ,GACR,cAAAiB,EAAc,eAAAC,EAAe,SAAAC,EAAS,UAAAC,CA3E1C,EA8EMd,EADCe,EAAAC,EACDhB,EADC,CAfH,cACA,OACA,WACA,OAEA,mBAEA,yBACA,WAAS,YACT,aACA,gBACA,qBACA,QACA,gBAAc,iBAAe,WAAS,cAKpCiB,EAA0C,CAC5C,YAAahB,EACb,UAAWP,EACX,UAAW,OACX,QAASR,EAAG,KAAK,IAAI,CACvB,EACI,CAAEgC,EAAWC,CAAW,EAAIlC,EAAUgC,CAAe,EACrD,CAAEG,EAAaC,CAAa,EAAIpC,EAAU,CAC5C,GAAI,GACJ,OAAQ,CAAC,CACX,CAAkC,EAElC,OAAAK,EAAe,CACb,OAAAK,EACA,WAAAuB,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,cAAAZ,EACA,mBAAAC,EACA,kBAAAlB,CACF,CAAE,EAEKR,EAACI,EAAA,CACN,WAAa8B,EACb,WAAaC,EACb,aAAeC,EACf,OAASzB,EAET,SAAAX,EAAC,WAAAsC,EAAA,CACC,YAAYnB,EACZ,kBAAkB,WAClB,kBAAkBiB,EAAa,GAC/B,aAAaF,EAAW,UACxB,oBAAoBA,EAAW,YAC/B,MAAQA,EAAW,UACnB,UAAcK,GAAW,CAClBhB,GAAYA,EAAWgB,CAAM,EAC7BnB,GAAmBf,EAAYkC,CAAM,CAC5C,EACA,SAAaA,GAAW,CACtB,GAAI,CACF,MAAA7B,CACF,EAAI6B,EAAM,OAELH,EAAa,IAAKC,EAAc,CAAE,GAAI,GAAM,OAAQ,CAAC,CAAE,CAAE,EAC9DF,EAAYK,EAAAF,EAAA,GACPJ,GADO,CAEV,UAAWxB,EACX,UAAW,SACX,QAASR,EAAG,KAAK,IAAI,CACvB,EAAE,EAEGoB,GAAWA,EAAUiB,CAAM,CAClC,GACKR,EACP,EACF,CACF,EAEMU,EAAuCC,GAAe,CA5I5D,IAAA1B,EAAA2B,EA6IED,EAAYJ,EAAA,GAAKI,GACZA,EAAU,YAAYA,EAAU,cAAe1B,EAAA0B,EAAU,eAAV,KAAA1B,EAA0B,GACzE0B,EAAU,WAAWA,EAAU,aAAcC,EAAAD,EAAU,cAAV,KAAAC,EAAyB,GAE3E,IAAIhC,EAASJ,EAAc,OAAQmC,CAAU,EAC7C,OAAA/B,EAAO,KAAOA,EAAO,MAAQ,EACtBX,EAACG,EAAA,CACN,YAAcuC,EAAU,YACxB,SAAW3B,EACX,OAASJ,EACX,CACF",
-  "names": ["jsx", "useState", "$$", "Wrapper", "BoxWrapper", "SubmitForm", "CommonEffects", "DefaultStyles", "DefaultValidation", "props", "value", "params", "required", "notice", "type", "TextAreaInput", "_a", "componentID", "tone", "form", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "leftIndicator", "rightIndicator", "leftIcon", "rightIcon", "others", "__objRest", "Default_Status", "val_status", "set_status", "val_validate", "set_validate", "__spreadValues", "event", "__spreadProps", "TextArea", "rawParams", "_b"]
-}

package/dist/fn/Input/Time/Picker.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/fn/Input/Time/Picker.tsx"],
-  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement,\n} from '@declaration'\nimport {\n  useState,\n  useEffect,\n  useRef\n} from 'react'\nimport {\n  $$\n} from '@utils'\n\nimport Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Flex from '@atoms/Flex'\nimport Grid from '@atoms/Grid'\nimport Row from '@mols/Row'\nimport Column from '@mols/Column'\nimport Text from '@mols/Text'\nimport Button from '@fn/Button'\nimport Tooltips from '@fn/Tooltips'\n\nimport Select from '../Select'\nimport { List } from '../List'\n\nimport { InputTimeClasses } from '@styles/componentClasses/_'\n\nimport {\n  TimeTypes\n} from './_'\n\n\nnamespace Picker {\n  export type ClockValue = {\n    modifiedType: 'init' | 'override' | 'update'\n    hour: number\n    minutes: number\n  }\n  export type DateValue = {\n    modifiedType: 'init' | 'override' | 'update'\n    year: number\n    month: number\n    date: number\n  }\n  export type MonthValue = {\n    modifiedType: 'init' | 'override' | 'update'\n    year: number\n    month: number\n  }\n  export type YearValue = {\n    modifiedType: 'init' | 'override' | 'update'\n    year: number\n  }\n  export type DateWarekiValue = {\n    modifiedType: 'init' | 'override' | 'update'\n    era: TimeTypes.Era\n    year: number\n    month: number\n    date: number\n  }\n  export type Input<T> = TimeTypes.Picker & {\n    val_value: T\n    set_value: React.Dispatch<React.SetStateAction<T>>\n  }\n}\n\nlet YearOptions: {\n  ( params?: {\n    min?: string\n    max?: string\n  } ): Select.Options[]\n} = ( params ) => {\n  let Years: Select.Options[] = []\n  let minYear = Number( params?.min ?? 1900 )\n  let maxYear = Number( params?.max ?? $$.Time().addYear( 10 ).year )\n\n  for ( let year = minYear; year <= maxYear; year++ ) {\n    Years.unshift( {\n      value: year,\n      label: [ year,...$$.transformer.wareki( year ).value ].join( ' - ' ),\n      // displayLabel: year + '\u5E74'\n    } )\n  }\n  return Years\n}\n\n\nconst Picker: React.FC<TimeTypes.Picker> = ( params ) => {\n  let {\n    restrict,\n    era = 'year',\n    defaultValue = ''\n  } = params\n  params = { ...params }\n  params.tipsID = params.tipsID || $$.uuid.gen()\n\n  const mounted = useRef( false )\n\n  let [ val_value,set_value ] = useState( ( () => {\n    if ( restrict == 'clock' ) {\n      let partValues: any = String( defaultValue ).split( /[^\\d]/ )\n\n      if ( !partValues[ 0 ] ) partValues = [ 0,0 ]\n\n      let hour = Number( partValues[ 0 ] )\n      let minutes = Number( partValues[ 1 ] )\n\n      return {\n        modifiedType: 'init',\n        hour: hour,\n        minutes: minutes\n      } as Picker.ClockValue\n    } else if ( restrict == 'date' ) {\n      let [ year,month,date ] = String( defaultValue )?.split( /\\D/ )\n      if ( $$.is.nullish( year ) || $$.is.nullish( month ) || $$.is.nullish( date ) ) {\n        [ year,month,date ] = $$.Time().toFormat( '%Y-%M-%D' ).split( '-' )\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number( year ),\n        month: Number( month ),\n        date: Number( date )\n      } as Picker.DateValue\n    } else if ( restrict == 'week' ) {\n    } else if ( restrict == 'month' ) {\n      let [ year,month ] = String( defaultValue ).split( /\\D/ )\n      if ( $$.is.nullish( year ) || $$.is.nullish( month ) ) {\n        [ year,month ] = $$.Time().toFormat( '%Y-%M' ).split( '-' )\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number( year ),\n        month: Number( month )\n      } as Picker.MonthValue\n    } else if ( restrict == 'year' ) {\n      let [ year ] = String( defaultValue ).split( /\\D/ )\n      if ( $$.is.nullish( year ) ) {\n        [ year ] = $$.Time().toFormat( '%Y' ).split( '-' )\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number( year )\n      } as Picker.YearValue\n    } else if ( restrict == 'dateWareki' ) {\n      let [ year,month,date ] = String( defaultValue )?.split( /\\D/ )\n      if ( $$.is.nullish( year ) || $$.is.nullish( month ) || $$.is.nullish( date ) ) {\n        [ year,month,date ] = $$.Time().toFormat( '%Y-%M-%D' ).split( '-' )\n      }\n\n      return {\n        modifiedType: 'init',\n        era: era || 'year',\n        year: Number( year ),\n        month: Number( month ),\n        date: Number( date )\n      } as Picker.DateWarekiValue\n    }\n\n    return {}\n  } )() as any )\n\n  useEffect( () => {\n    if ( mounted.current ) {\n      if ( val_value.modifiedType == 'update' ) {\n        let sendValue = ''\n        let sendEra: TimeTypes.Era = era || 'year'\n\n        if ( restrict == 'clock' ) {\n          let { hour,minutes } = val_value as Picker.ClockValue\n          sendValue = [\n            hour.zeroEmbed( 2 ),\n            minutes.zeroEmbed( 2 )\n          ].join( '/' )\n        } else if ( restrict == 'date' ) {\n          let { year,month,date } = val_value as Picker.DateValue\n          sendValue = [\n            year,\n            month.zeroEmbed( 2 ),\n            date.zeroEmbed( 2 )\n          ].join( '/' )\n        } else if ( restrict == 'week' ) {\n        } else if ( restrict == 'month' ) {\n          let { year,month } = val_value as Picker.MonthValue\n          sendValue = [\n            year,\n            month.zeroEmbed( 2 )\n          ].join( '/' )\n        } else if ( restrict == 'year' ) {\n          let { year } = val_value as Picker.YearValue\n          sendValue = String( year )\n        } else if ( restrict == 'dateWareki' ) {\n          let {\n            year,\n            month,\n            date,\n            era\n          } = val_value as Picker.DateWarekiValue\n          sendEra = era\n          sendValue = [\n            year,\n            month.zeroEmbed( 2 ),\n            date.zeroEmbed( 2 )\n          ].join( '/' )\n        }\n        params.onValueUpdate( sendValue,sendEra )\n      }\n    } else {\n      mounted.current = true\n    }\n  },[ val_value ] )\n\n  let Params = {\n    ...params,\n    val_value,\n    set_value\n  }\n\n  return <Box\n    backgroundColor={ '1.layer.base' }\n    borderRadius={ '2.tone.secondary' }\n    boxShadow={ '1.remark' }\n    border\n    overflow='hidden'\n  >\n    <Box\n      overflow={ 'auto' }\n      className={ InputTimeClasses( restrict.toCapital() + 'Base' ) }\n      children={ restrict == 'clock' ? <Comps.Clock._ { ...Params } />\n        : restrict == 'date' ? <Comps.Date._ { ...Params } />\n          : restrict == 'week' ? ''\n            : restrict == 'month' ? <Comps.Month._ { ...Params } />\n              : restrict == 'year' ? <Comps.Year._ { ...Params } />\n                : restrict == 'dates' ? ''\n                  : restrict == 'months' ? ''\n                    : restrict == 'dateWareki' ? <Comps.DateWareki._ { ...Params } />\n                      : <></> }\n    />\n  </Box>\n}\nexport {\n  Picker,\n  Picker as default\n}\n\nconst Comps = {\n  Clock: {\n    _: ( params: Picker.Input<Picker.ClockValue> ) => {\n      let {\n        min,max,\n        onValueUpdate,\n        tipsID,\n        val_value,\n        set_value\n      } = params\n\n      let [ val_ampm,set_ampm ] = useState( val_value.hour > 12 ? 2 : 1 )\n      let [ val_unit,set_unit ] = useState( Number( localStorage.getItem( 'timePickerUnit' ) || 5 ) )\n\n      useEffect( () => {\n        localStorage.setItem( 'timePickerUnit',String( val_unit ) )\n      },[ val_unit ] )\n\n      let { hour,minutes } = val_value\n\n      return <Column\n        padding={ 1 }\n      >\n        <Flex\n          flexType='row'\n          flexWrap={ false }\n          gap={ 1 }\n          className={ InputTimeClasses( 'Body' ) }\n        >\n          <Column\n            className={ InputTimeClasses( 'DesignSide' ) }\n            flexSizing={ 0 }\n          >\n            <Box\n              className={ InputTimeClasses( 'ClockUiBase' ) }\n              padding={ [ 1,'2/3' ] }\n              flexCenter\n            >\n              <Box\n                className={ InputTimeClasses( 'ClockUi' ) }\n                backgroundColor={ 'tcOpLow' }\n                isRounded\n                position='relative'\n              >\n                <Box\n                  position='absolute'\n                  backgroundColor='theme'\n                  unitWidth={ '1/12' }\n                  className={ [\n                    InputTimeClasses( 'Needle' ),\n                    InputTimeClasses( 'hour' )\n                  ].join( ' ' ) }\n                  freeCSS={ {\n                    transform: `rotate(${ hour * 30 + minutes / 2 }deg)`\n                  } }\n                />\n                <Box\n                  position='absolute'\n                  backgroundColor='theme'\n                  unitWidth={ '1/12' }\n                  className={ [\n                    InputTimeClasses( 'Needle' ),\n                    InputTimeClasses( 'minute' )\n                  ].join( ' ' ) }\n                  freeCSS={ {\n                    transform: `rotate(${ minutes * 6 }deg)`\n                  } }\n                />\n              </Box>\n            </Box>\n\n            <List.Radio\n              tone='plain'\n              icon\n              value={ [ val_ampm ] }\n              options={ [\n                { value: 1,label: 'AM' },\n                { value: 2,label: 'PM' }\n              ] }\n              flexType={ 'col' }\n              gap={ 0 }\n              cellStyles={ {\n                padding: '1/2',\n                horizontalAlign: 'between',\n                gap: '1/3'\n              } }\n              tabIndex={ -1 }\n              onUpdateValidValue={ ( { value } ) => {\n                let prevHour = val_value.hour % 12\n                let Hour = prevHour + ( value == 2 ? 12 : 0 )\n\n                set_ampm( value )\n                set_value( {\n                  modifiedType: 'update',\n                  hour: Hour,\n                  minutes: val_value.minutes\n                } )\n              } }\n            />\n\n            <Box borderTop margin={ [ 0,1 ] } />\n            <List.Radio\n              tone='plain'\n              icon\n              value={ [ val_unit ] }\n              options={ [\n                { value: 1,label: '/ 1\u5206' },\n                { value: 2,label: '/ 2\u5206' },\n                { value: 5,label: '/ 5\u5206' }\n              ] }\n              flexType={ 'col' }\n              gap={ 0 }\n              cellStyles={ {\n                padding: '1/2',\n                horizontalAlign: 'between',\n                gap: '1/3'\n              } }\n              tabIndex={ -1 }\n              onUpdateValidValue={ ( { value } ) => {\n                set_unit( value )\n              } }\n            />\n          </Column>\n          <Column>\n            <Box\n              flexCenter\n              fontSize='3.paragraph'\n              isSemiBoldFont\n            >\n              { val_value.hour.zeroEmbed( 2 ) } : { val_value.minutes.zeroEmbed( 2 ) }\n            </Box>\n            <Flex\n              flexWrap={ false }\n              borderRadius={ '1.tone.primary' }\n              boxShadow={ '0.remark.inset' }\n              flexChilds='even'\n              freeCSS={ {\n                minWidth: 12 * 12\n              } }\n              padding={ [ '1/3',0 ] }\n            >\n              <Column\n                gap={ 0 }\n                overflow={ 'auto' }\n                padding={ '2/3' }\n                borderRight\n                freeCSS={ {\n                  maxHeight: 12 * 22\n                } }\n                children={ Comps.Clock.Hours( {\n                  onClick: ( index ) => {\n                    let Hour = index + ( val_ampm == 2 ? 12 : 0 )\n                    set_value( {\n                      modifiedType: 'update',\n                      hour: Hour,\n                      minutes: val_value.minutes\n                    } )\n                  },\n                  min,max,\n                  ampm: val_ampm\n                } ) }\n              />\n              <Column\n                gap={ 0 }\n                overflow={ 'auto' }\n                padding={ '2/3' }\n                freeCSS={ {\n                  maxHeight: 12 * 22\n                } }\n                children={ Comps.Clock.Minutes( {\n                  onClick: ( index ) => {\n                    set_value( {\n                      modifiedType: 'update',\n                      hour: val_value.hour,\n                      minutes: index\n                    } )\n                  },\n                  min,max,\n                  unit: val_unit\n                } ) }\n              />\n            </Flex>\n          </Column>\n        </Flex>\n        <Comps.Variables.Footer\n          tipsID={ tipsID! }\n          onValueUpdate={ onValueUpdate }\n        />\n      </Column>\n    },\n    Hours: ( params: {\n      min?: string\n      max?: string\n      ampm: number\n      onClick( index: number ): void\n    } ) => {\n      let list: ReactElement[] = []\n\n      for ( let index = 0; index < 12; index++ ) {\n        let labelIndex = params.ampm == 2 ? index + 12 : index\n        let Disabled = false\n\n        {\n          let VAL = Number( String( labelIndex * 100 ).replace( /\\D/ig,'' ) )\n          if ( params.min ) {\n            let MIN = Number( String( params.min ).replace( /\\D/ig,'' ) )\n            if ( MIN > VAL ) Disabled = true\n          }\n          if ( params.max ) {\n            let MAX = Number( String( params.max ).replace( /\\D/ig,'' ) )\n            if ( VAL > MAX ) Disabled = true\n          }\n        }\n\n        list.push( <Button.Button.Normal.R\n          key={ index }\n          isLocked={ Disabled }\n          borderBottom borderRadius={ 0 }\n          padding={ [ '1/2',1 ] }\n          freeCSS={ { whiteSpace: 'nowrap' } }\n          tabIndex={ -1 }\n          onClick={ () => {\n            params.onClick( index )\n          } }\n          children={ labelIndex.zeroEmbed( 2 ) }\n        /> )\n      }\n      return list\n    },\n    Minutes: ( params: {\n      min?: string\n      max?: string\n      unit: number\n      onClick( index: number ): void\n    } ) => {\n      let list: ReactElement[] = []\n\n      for ( let index = 0; index < 60 / params.unit; index++ ) {\n        let Value = index * params.unit\n\n        list.push( <Button.Button.Normal.R\n          key={ Value }\n          borderBottom borderRadius={ 0 }\n          padding={ [ '1/2',1 ] }\n          freeCSS={ { whiteSpace: 'nowrap' } }\n          tabIndex={ -1 }\n          onClick={ () => {\n            params.onClick( Value )\n          } }\n          children={ Value.zeroEmbed( 2 ) }\n        /> )\n      }\n      return list\n    }\n  },\n  Date: {\n    _: ( params: Picker.Input<Picker.DateValue> ) => {\n      let {\n        min,max,\n        onValueUpdate,\n        tipsID,\n        val_value,\n        set_value\n      } = params\n\n      let { year,month,date } = val_value\n\n      return <Column\n        padding={ 1 }\n      >\n        <Flex\n          horizontalAlign='between'\n          verticalAlign='center'\n          flexWrap={ false }\n        >\n          <Flex\n            verticalAlign='bottom'\n            horizontalAlign='left'\n            gap={ '2/3' }\n            flexWrap={ false }\n          >\n            <Select\n              override='force'\n              enableUnSelected={ false }\n              value={ year }\n              options={ YearOptions() }\n\n              border='1.thin'\n              padding={ [ '1/3','2/3' ] }\n              paddingRight={ 2 }\n\n              rightIconStyles={ {\n                right: '1/3'\n              } }\n              onUpdateValidValue={ ( { value } ) => {\n                set_value( {\n                  modifiedType: 'update',\n                  year: Number( value ),\n                  month: month,\n                  date: date\n                } )\n              } }\n            />\n            <Select\n              override='force'\n              enableUnSelected={ false }\n              value={ month }\n              options={ ( () => {\n                let options = []\n                for ( let i = 1; i <= 12; i++ ) {\n                  options.push( {\n                    value: i,\n                    label: String( i ),\n                    displayLabel: String( i ) + '\u6708'\n                  } )\n                }\n                return options\n              } )() }\n              placeholder=''\n\n              border='1.thin'\n              padding={ [ '1/3','2/3' ] }\n              paddingRight={ 2 }\n\n              rightIconStyles={ {\n                right: '1/3'\n              } }\n              onUpdateValidValue={ ( { value } ) => {\n                set_value( {\n                  modifiedType: 'update',\n                  year: year,\n                  month: Number( value ),\n                  date: date\n                } )\n              } }\n            />\n          </Flex>\n          <Comps.Variables.ShiftButtons\n            callback={ ( dir ) => {\n              let newMonth = month + dir\n              let newYear = year\n\n              if ( dir == -1 ) {\n                if ( newMonth <= 0 ) newYear--\n                newMonth = newMonth || 12\n              } else {\n                if ( month == 12 ) newYear++\n              }\n\n              set_value( {\n                modifiedType: 'update',\n                year: newYear,\n                month: newMonth,\n                date: val_value.date\n              } )\n            } }\n          />\n        </Flex>\n        <Box borderTop />\n        <Box\n          children={ Comps.Date.MonthCalendar( {\n            min,max,\n            year: val_value.year,\n            month: val_value.month,\n            current: [ val_value.year,val_value.month,val_value.date ],\n            callback: ( ( val: [ number,number,number ] ) => {\n              let [ year,month,date ] = val\n              set_value( {\n                modifiedType: 'update',\n                year: year,\n                month: month,\n                date: date\n              } )\n            } )\n          } ) }\n        />\n        <Comps.Variables.Footer\n          tipsID={ tipsID! }\n          onValueUpdate={ onValueUpdate }\n        />\n      </Column>\n    },\n    MonthCalendar: ( params: {\n      min?: string\n      max?: string\n      year: number\n      month: number\n      current: [ number,number,number ]\n      callback: any\n    } ) => {\n      let {\n        min,max,\n        year,\n        month,\n        current,\n        callback\n      } = params\n      let today = $$.Time()\n\n      let firstDate = $$.Time( [ year,month.zeroEmbed( 2 ),'01' ].join( '/' ) )\n      let lastDate = firstDate.getLastDayOfTheMonth()\n      let lastMonthLastDay = $$.Time( firstDate ).addMonth( -1 ).getLastDayOfTheMonth().date\n\n      let legends = [],\n        lastMonthLastishDates = [],\n        thisMonthDates = [],\n        nextMonthFirstishDates = []\n\n      let commonStyle: TagProperty.Params = {\n        padding: 0,\n        unitWidth: 3,\n        unitHeight: 3,\n        flexCenter: true,\n        borderRadius: '3.tone.tertiary'\n      }\n\n      for ( var i = 0; i < 7; i++ ) {\n        legends.push( <Box\n          className={ [\n            InputTimeClasses( 'CalendarDay' ),\n            InputTimeClasses( 'Legend' )\n          ].join( ' ' ) }\n          { ...commonStyle }\n          key={ i }\n        >\n          { [ '\u65E5','\u6708','\u706B','\u6C34','\u6728','\u91D1','\u571F' ][ i ] }\n        </Box> )\n      }\n\n      for ( var i = 0; i < firstDate.weekday; i++ ) {\n        lastMonthLastishDates.unshift( <Box\n          className={ [\n            InputTimeClasses( 'CalendarDay' ),\n            InputTimeClasses( 'Dummy' )\n          ].join( ' ' ) }\n          fontColor='4.thin'\n          { ...commonStyle }\n          key={ i }\n        >\n          { lastMonthLastDay - i }\n        </Box> )\n      }\n      for ( var i = 1; i <= lastDate.date; i++ ) {\n        let idx = i\n        let isToday = year == today.year && month == today.month && i == today.date\n\n        let isLocked = false\n\n        {\n          let VAL = Number( String( [ year,month.zeroEmbed( 2 ),i.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\\D/ig,'' ) )\n          if ( params.min ) {\n            let MIN = Number( String( params.min ).replace( /\\D/ig,'' ) )\n            if ( MIN > VAL ) isLocked = true\n          }\n          if ( params.max ) {\n            let MAX = Number( String( params.max ).replace( /\\D/ig,'' ) )\n            if ( VAL > MAX ) isLocked = true\n          }\n        }\n\n        thisMonthDates.push( <Button.Button.Clear.R\n          className={ [\n            InputTimeClasses( 'CalendarDay' ),\n            InputTimeClasses( 'isToday_' + isToday )\n          ].join( ' ' ) }\n          { ...commonStyle }\n          onClick={ () => {\n            callback( [ year,month,idx ] )\n          } }\n          tabIndex={ -1 }\n          key={ idx }\n          isLocked={ isLocked }\n\n          fontColor={ '1.clear' }\n          ssEffectsOnActive={ 'shrink' }\n          padding={ 0 }\n          flexCenter\n          borderRadius={ 'sphere' }\n          children={ i }\n        /> )\n      }\n      for ( var i = 1; i < 7 - lastDate.weekday; i++ ) {\n        nextMonthFirstishDates.push( <Box\n          className={ [\n            InputTimeClasses( 'CalendarDay' ),\n            InputTimeClasses( 'Dummy' )\n          ].join( ' ' ) }\n          fontColor='4.thin'\n          { ...commonStyle } key={ i }\n        >\n          { i }\n        </Box> )\n      }\n\n      return <Grid gridCols={ 7 }\n        gap={ '1/3' }\n      >\n        { legends }\n        { lastMonthLastishDates }\n        { thisMonthDates }\n        { nextMonthFirstishDates }\n      </Grid>\n    }\n  },\n  Month: {\n    _: ( params: Picker.Input<Picker.MonthValue> ) => {\n      let {\n        min,max,\n        onValueUpdate,\n        tipsID,\n        val_value,\n        set_value\n      } = params\n\n      let { year,month } = val_value\n\n      return <Column\n        padding={ 1 }\n      >\n        <Row.Separate gap={ 0 }>\n          <Row.Center\n            verticalAlign='bottom'\n            gap={ '2/3' }\n          >\n            <Select\n              enableUnSelected={ false }\n              value={ year }\n              options={ YearOptions() }\n              override='force'\n\n              border='1.thin'\n              padding={ [ '1/3','2/3' ] }\n              paddingRight={ 2 }\n\n              rightIconStyles={ {\n                right: '1/3'\n              } }\n              onUpdateValidValue={ ( { value } ) => {\n                set_value( {\n                  modifiedType: 'update',\n                  year: Number( value ),\n                  month: month\n                } )\n              } }\n            />\n          </Row.Center>\n\n          <Comps.Variables.ShiftButtons\n            callback={ ( dir ) => {\n              let newYear = Math.min( Math.max( year + dir,1900 ),2100 )\n              set_value( {\n                modifiedType: 'update',\n                year: newYear,\n                month: month\n              } )\n            } }\n          />\n        </Row.Separate>\n        <Box borderTop />\n        { Comps.Month.Months( {\n          min,max,\n          year: val_value.year,\n          callback: ( ( val: [ number,number,number ] ) => {\n            let [ year,month ] = val\n            set_value( {\n              modifiedType: 'update',\n              year: year,\n              month: month\n            } )\n          } )\n        } ) }\n        <Comps.Variables.Footer\n          tipsID={ tipsID! }\n          onValueUpdate={ onValueUpdate }\n        />\n      </Column>\n    },\n    Months: ( params: {\n      min?: string\n      max?: string\n      year: number\n      callback: any\n    } ) => {\n      let {\n        year,\n        callback\n      } = params\n      let Today = $$.Time()\n\n      let Months = []\n\n      for ( let index = 1; index <= 12; index++ ) {\n        let isThisMonth = year == Today.year && index == Today.month\n        let isLocked = false\n\n        {\n          let VAL = Number( String( [ year,index.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\\D/ig,'' ) )\n          if ( params.min ) {\n            let MIN = Number( String( params.min ).replace( /\\D/ig,'' ) )\n            if ( MIN > VAL ) isLocked = true\n          }\n          if ( params.max ) {\n            let MAX = Number( String( params.max ).replace( /\\D/ig,'' ) )\n            if ( VAL > MAX ) isLocked = true\n          }\n        }\n\n        let ClassName = [\n          InputTimeClasses( 'Cell' ),\n          isThisMonth ? InputTimeClasses( 'isThisMonth' ) : ''\n        ].join( ' ' )\n\n        Months.push( <Button.Button.Clear.R\n          key={ year + '-' + index }\n          className={ ClassName }\n          isLocked={ isLocked }\n          fontColor={ '2.normal' }\n          padding={ [ '2/3',1 ] }\n          ssEffectsOnActive={ 'shrink' }\n          onClick={ () => {\n            callback( [ year,index ] )\n          } }\n        >\n          { index } \u6708\n        </Button.Button.Clear.R> )\n      }\n\n      return <Grid\n        gridCols={ 4 }\n        gap={ '2/3' }\n        children={ Months }\n      />\n    }\n  },\n  Year: {\n    _: ( params: Picker.Input<Picker.YearValue> ) => {\n      let {\n        min,max,\n        onValueUpdate,\n        tipsID,\n        val_value,\n        set_value\n      } = params\n\n      let { year } = val_value\n\n      return <Column\n        padding={ 1 }\n      >\n        <Select\n          enableUnSelected={ false }\n          value={ year || $$.Time().year }\n          override='force'\n          options={ YearOptions( { min,max } ) }\n          onUpdateValidValue={ ( { value } ) => {\n            set_value( {\n              modifiedType: 'update',\n              year: Number( value )\n            } )\n          } }\n        />\n        <Comps.Variables.Footer\n          tipsID={ tipsID! }\n          onValueUpdate={ onValueUpdate }\n          onSubmit={ () => {\n            set_value( {\n              modifiedType: 'update',\n              year: Number( year || $$.Time().year )\n            } )\n          } }\n        />\n      </Column>\n    }\n  },\n  DateWareki: {\n    _: ( params: Picker.Input<Picker.DateWarekiValue> ) => {\n      let {\n        min,max,\n        onValueUpdate,\n        tipsID,\n        val_value,\n        set_value\n      } = params\n\n      let {\n        era,\n        year,\n        month,\n        date\n      } = val_value\n\n      let Params = {\n        val_value,\n        set_value\n      }\n\n      return <Box>\n        <Row.Left\n          verticalAlign='unset'\n          borderBottom\n          gap={ 0 }\n        >\n          <Comps.DateWareki.EraSelect { ...Params } />\n          <Box borderRight />\n          <Comps.DateWareki.Calendar { ...Params } />\n        </Row.Left>\n        <Box\n          padding={ 1 }\n        >\n          <Comps.Variables.Footer\n            tipsID={ tipsID! }\n            onValueUpdate={ onValueUpdate }\n          />\n        </Box>\n      </Box>\n    },\n    EraSelect: ( params: {\n      val_value: Picker.DateWarekiValue\n      set_value: React.Dispatch<React.SetStateAction<Picker.DateWarekiValue>>\n    } ) => {\n      let {\n        val_value,\n        set_value\n      } = params\n\n      let styles: TagProperty.Params = {\n        padding: [ '1/2',1.5 ],\n        fontColor: '3.blur'\n      }\n      let isActiveStyles: TagProperty.Params = {\n        backgroundColor: 'cloud',\n        fontColor: '2.normal',\n        isSemiBoldFont: true\n      }\n\n      return <Column\n        gap={ 0 }\n        padding={ 1 }\n      >\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'year' }\n          onClick={ () => {\n            let today = $$.Time()\n            set_value( {\n              modifiedType: 'update',\n              era: 'year',\n              year: today.year,month: today.month,date: today.date\n            } )\n          } }\n        >\n          \u897F\u66A6\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'reiwa' }\n          onClick={ () => {\n            let today = $$.Time()\n            set_value( {\n              modifiedType: 'update',\n              era: 'reiwa',\n              year: today.year,month: today.month,date: today.date\n            } )\n          } }\n        >\n          \u4EE4\u548C\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'heisei' }\n          onClick={ () => {\n            set_value( {\n              modifiedType: 'update',\n              era: 'heisei',\n              year: 2019,month: 1,date: 1\n            } )\n          } }\n        >\n          \u5E73\u6210\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'shouwa' }\n          onClick={ () => {\n            set_value( {\n              modifiedType: 'update',\n              era: 'shouwa',\n              year: 1989,month: 1,date: 1\n            } )\n          } }\n        >\n          \u662D\u548C\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'taisho' }\n          onClick={ () => {\n            set_value( {\n              modifiedType: 'update',\n              era: 'taisho',\n              year: 1926,month: 1,date: 1\n            } )\n          } }\n        >\n          \u5927\u6B63\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          color='cloud'\n          { ...styles }\n          isActiveStyles={ isActiveStyles }\n          isActive={ val_value.era == 'meiji' }\n          onClick={ () => {\n            set_value( {\n              modifiedType: 'update',\n              era: 'meiji',\n              year: 1912,month: 1,date: 1\n            } )\n          } }\n        >\n          \u660E\u6CBB\n        </Button.Button.Clear.R>\n      </Column>\n    },\n    Calendar: ( params: {\n      val_value: Picker.DateWarekiValue\n      set_value: React.Dispatch<React.SetStateAction<Picker.DateWarekiValue>>\n    } ) => {\n      let {\n        val_value,\n        set_value\n      } = params\n\n      let yearOptions: Select.Options[] = []\n      if ( val_value.era == 'year' ) {\n        for ( let i = 1900; i < 2100; i++ ) yearOptions.unshift( { value: i,label: i + '\u5E74' } )\n      } else if ( val_value.era == 'reiwa' ) {\n        let thisReiwaYear = $$.Time().year - 2018\n        for ( let i = 1; i <= thisReiwaYear + 10; i++ ) yearOptions.unshift( { value: 2019 + i - 1,label: '\u4EE4\u548C' + ( i == 1 ? '\u5143' : i ) + '\u5E74' } )\n      } else if ( val_value.era == 'heisei' ) {\n        for ( let i = 1; i <= 31; i++ ) yearOptions.unshift( { value: 1989 + i - 1,label: '\u5E73\u6210' + ( i == 1 ? '\u5143' : i ) + '\u5E74' } )\n      } else if ( val_value.era == 'shouwa' ) {\n        for ( let i = 1; i <= 64; i++ ) yearOptions.unshift( { value: 1926 + i - 1,label: '\u662D\u548C' + ( i == 1 ? '\u5143' : i ) + '\u5E74' } )\n      } else if ( val_value.era == 'taisho' ) {\n        for ( let i = 1; i <= 15; i++ ) yearOptions.unshift( { value: 1912 + i - 1,label: '\u5927\u6B63' + ( i == 1 ? '\u5143' : i ) + '\u5E74' } )\n      } else if ( val_value.era == 'meiji' ) {\n        for ( let i = 1; i <= 45; i++ ) yearOptions.unshift( { value: 1868 + i - 1,label: '\u660E\u6CBB' + ( i == 1 ? '\u5143' : i ) + '\u5E74' } )\n      }\n\n      return <Column\n        padding={ 1 }\n        key={ val_value.era }\n      >\n        <Row.Separate>\n          <Select\n            tone='cloud'\n            enableUnSelected={ false }\n            override='force'\n            border='1.thin'\n            padding={ [ '1/3','2/3' ] }\n            paddingRight={ 2 }\n            rightIconStyles={ { right: '1/3' } }\n            options={ yearOptions }\n            value={ val_value.year }\n            onUpdateValidValue={ ( { value } ) => {\n              set_value( {\n                ...val_value,\n                modifiedType: 'update',\n                year: Number( value )\n              } )\n            } }\n          />\n          <Row.Center\n            gap={ '1/3' }\n          >\n            <Button.Button.Clear.S\n              ssSphere={ 2 }\n              onClick={ () => {\n                let nextMonth = val_value.month - 1\n                set_value( {\n                  modifiedType: 'update',\n                  era: val_value.era,\n                  year: nextMonth == 0 ? val_value.year - 1 : val_value.year,\n                  month: nextMonth == 0 ? 12 : nextMonth,\n                  date: 1\n                } )\n              } }\n            >\n              <FAI.ChevronLeft />\n            </Button.Button.Clear.S>\n            <Select\n              tone='cloud'\n              enableUnSelected={ false }\n              override='force'\n              border='1.thin'\n              padding={ [ '1/3','2/3' ] }\n              paddingRight={ 2 }\n              rightIconStyles={ { right: '1/3' } }\n              options={ [\n                { value: 1,label: '1\u6708' },\n                { value: 2,label: '2\u6708' },\n                { value: 3,label: '3\u6708' },\n                { value: 4,label: '4\u6708' },\n                { value: 5,label: '5\u6708' },\n                { value: 6,label: '6\u6708' },\n                { value: 7,label: '7\u6708' },\n                { value: 8,label: '8\u6708' },\n                { value: 9,label: '9\u6708' },\n                { value: 10,label: '10\u6708' },\n                { value: 11,label: '11\u6708' },\n                { value: 12,label: '12\u6708' }\n              ] }\n              value={ val_value.month }\n              onUpdateValidValue={ ( { value } ) => {\n                set_value( {\n                  modifiedType: 'update',\n                  era: val_value.era,\n                  year: val_value.year,\n                  month: Number( value ),\n                  date: 1\n                } )\n              } }\n            />\n            <Button.Button.Clear.S\n              ssSphere={ 2 }\n              onClick={ () => {\n                let nextMonth = val_value.month + 1\n                set_value( {\n                  modifiedType: 'update',\n                  era: val_value.era,\n                  year: nextMonth == 13 ? val_value.year + 1 : val_value.year,\n                  month: nextMonth == 13 ? 1 : nextMonth,\n                  date: 1\n                } )\n              } }\n            >\n              <FAI.ChevronRight />\n            </Button.Button.Clear.S>\n          </Row.Center>\n        </Row.Separate>\n        <Comps.DateWareki.MonthCell { ...params } />\n      </Column>\n    },\n    MonthCell: ( params: {\n      val_value: Picker.DateWarekiValue\n      set_value: React.Dispatch<React.SetStateAction<Picker.DateWarekiValue>>\n    } ) => {\n      let {\n        val_value,\n        set_value\n      } = params\n      let targetDate = $$.Time( [\n        val_value.year.zeroEmbed( 4 ),\n        val_value.month.zeroEmbed( 2 ),\n        val_value.date.zeroEmbed( 2 )\n      ].join( '/' ) )\n\n      if ( !targetDate.validate ) return\n\n      let weekdayOfFirstDay = targetDate.getFirstDayOfTheMonth().weekday\n      let lastDayOfTheMonth = targetDate.getLastDayOfTheMonth()\n\n      let Cells: ReactElement[] = []\n      for ( let i = 0; i < 7; i++ ) {\n        Cells.push( <Text.Supplement\n          flexCenter\n          fontColor={ i == 0 ? 'googleRed' : i == 6 ? 'googleBlue' : '3.blur' }\n        >\n          { $$.transformer.weekday.shortJP( i ) }\n        </Text.Supplement> )\n      }\n\n      for ( let i = 0; i < weekdayOfFirstDay; i++ ) {\n        let date = $$.Time( targetDate ).getFirstDayOfTheMonth().addDate( i - weekdayOfFirstDay )\n        Cells.push( <Button.Button.Sub.R\n          color='cloud'\n          border='1.thin'\n          ssSquare={ 3 }\n          opacity='middle'\n          onClick={ ( e ) => {\n            e.preventDefault()\n            e.stopPropagation()\n\n            set_value( {\n              modifiedType: 'update',\n              era: val_value.era,\n              year: date.year,\n              month: date.month,\n              date: date.date\n            } )\n          } }\n        >\n          { date.date }\n        </Button.Button.Sub.R> )\n      }\n      for ( let i = 1; i <= lastDayOfTheMonth.date; i++ ) {\n        let date = $$.Time( targetDate ).setDate( i )\n        Cells.push( <Button.Button.Border.R\n          ssSquare={ 3 }\n          onClick={ () => {\n            set_value( {\n              modifiedType: 'update',\n              era: val_value.era,\n              year: date.year,\n              month: date.month,\n              date: date.date\n            } )\n          } }\n        >\n          { date.date }\n        </Button.Button.Border.R> )\n      }\n      for ( let i = 0; i < 7 - lastDayOfTheMonth.weekday - 1; i++ ) {\n        let date = $$.Time( targetDate ).addMonth( 1 ).setDate( 1 ).addDate( i )\n        Cells.push( <Button.Button.Sub.R\n          color='cloud'\n          border='1.thin'\n          ssSquare={ 3 }\n          opacity='middle'\n          onClick={ ( e ) => {\n            e.preventDefault()\n            e.stopPropagation()\n            set_value( {\n              modifiedType: 'update',\n              era: val_value.era,\n              year: date.year,\n              month: date.month,\n              date: date.date\n            } )\n          } }\n        >\n          { date.date }\n        </Button.Button.Sub.R> )\n      }\n\n      return <Grid\n        gridCols={ 7 }\n        gap={ '1/4' }\n      >\n        { Cells }\n      </Grid>\n    }\n  },\n  Variables: {\n    Footer: ( params: {\n      tipsID: string\n      onValueUpdate: any\n      onSubmit?: {\n        (): void\n      }\n    } ) => {\n      return <Flex\n        flexWrap={ false }\n        gap={ 1 }\n        flexChilds='even'\n        freeCSS={ {\n          whiteSpace: 'nowrap'\n        } }\n      >\n        <Button.Button.Border.R\n          onClick={ () => {\n            params.onValueUpdate( '' )\n          } }\n          tabIndex={ -1 }\n          flexSizing={ 'none' }\n          padding={ [ '2/3',1 ] }\n        >\n          <FAI.Times /> \u524A\u9664\n        </Button.Button.Border.R>\n        <Button.Button.Prime.R\n          flexSizing={ 'auto' }\n          onClick={ () => {\n            params.onSubmit && params.onSubmit()\n            Tooltips.close( params.tipsID )\n          } }\n          tabIndex={ -1 }\n          children={ '\u6C7A\u5B9A' }\n          padding={ [ '2/3',1 ] }\n        />\n      </Flex>\n    },\n    ShiftButtons: ( params: {\n      callback( dir: -1 | 1 ): void\n    } ) => {\n      return <Flex\n        flexWrap={ false }\n        gap={ '1/3' }\n      >\n        <Button.Button.Clear.R\n          className={ InputTimeClasses( 'LeftButton' ) }\n          tabIndex={ -1 }\n          right={ 0 }\n          { ...Comps.Variables.ShiftButtonStyles }\n          onClick={ () => {\n            params.callback( -1 )\n          } }\n        >\n          <FAI.ChevronLeft />\n        </Button.Button.Clear.R>\n        <Button.Button.Clear.R\n          className={ InputTimeClasses( 'RightButton' ) }\n          tabIndex={ -1 }\n          left={ 0 }\n          { ...Comps.Variables.ShiftButtonStyles }\n          onClick={ () => {\n            params.callback( 1 )\n          } }\n        >\n          <FAI.ChevronRight />\n        </Button.Button.Clear.R>\n      </Flex >\n    },\n    ShiftButtonStyles: {\n      flexCenter: true,\n      padding: 0,\n      unitWidth: 3,\n      unitHeight: 3,\n      borderRadius: 'sphere',\n      position: 'relative'\n    } as TagProperty.Params\n  }\n}"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "createElement", "useState", "useEffect", "useRef", "$$", "Box", "FAI", "Flex", "Grid", "Row", "Column", "Text", "Button", "Tooltips", "Select", "List", "InputTimeClasses", "YearOptions", "params", "_a", "_b", "Years", "minYear", "maxYear", "year", "Picker", "restrict", "era", "defaultValue", "__spreadValues", "mounted", "val_value", "set_value", "partValues", "hour", "minutes", "month", "date", "sendValue", "sendEra", "Params", "__spreadProps", "Comps", "min", "max", "onValueUpdate", "tipsID", "val_ampm", "set_ampm", "val_unit", "set_unit", "value", "Hour", "index", "list", "labelIndex", "Disabled", "VAL", "MAX", "Value", "options", "i", "dir", "newMonth", "newYear", "val", "current", "callback", "today", "firstDate", "lastDate", "lastMonthLastDay", "legends", "lastMonthLastishDates", "thisMonthDates", "nextMonthFirstishDates", "commonStyle", "idx", "isToday", "isLocked", "Today", "Months", "isThisMonth", "ClassName", "styles", "isActiveStyles", "yearOptions", "thisReiwaYear", "nextMonth", "targetDate", "weekdayOfFirstDay", "lastDayOfTheMonth", "Cells", "e"]
-}