matsuri-ui 18.0.3-alpha-1765010108063-82a8cbf.0 → 18.0.3-alpha-1765249068881-c6f8403.0

package/Tabs/TabUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabUI.js","names":["css","keyframes","React","useCallback","useRef","useState","resetButtonStyle","useTheme","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref0","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T>\n  extends Omit<BaseTabUIProps<T>, \"tabs\"> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabUI.js","names":["css","keyframes","React","useCallback","useRef","useState","resetButtonStyle","useTheme","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref0","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T> extends Omit<\n  BaseTabUIProps<T>,\n  \"tabs\"\n> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","useCallback","useId","useRef","FormControl","FormHelperText","InputBase","InputLabel","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","jsx","___EmotionJSX","TextField","props","rootRef","label","style","className","onChange","onFocus","defaultValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","onLoaded","validation","handleChange","event","currentTarget","touched","inputProps","internalInputId","inputId","htmlFor","required","_extends","valid","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId, useRef } from \"react\";\nimport { FieldProps } from \"../FieldBase/FieldProps\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nexport interface TextFieldProps\n  extends FieldProps<string>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {}\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (props, rootRef) => {\n    const {\n      label,\n      style,\n      className,\n      onChange,\n      onFocus,\n      defaultValue,\n      value: _propsValue,\n      disabled,\n      validationMessages,\n      customValidations,\n      type = \"text\",\n      helperText,\n      invalid,\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      id,\n      inputRef,\n      ...restProps\n    } = props;\n\n    const ref = useRef<HTMLInputElement>(null);\n    const refs = useMergeRefs(inputRef, ref);\n    const [value, setValue, isControlled] = useInputValue(props);\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      onLoaded: () => {\n        if (isControlled === false) {\n          setValue(defaultValue);\n        }\n      },\n    });\n    const validation = useValidation({\n      ref,\n      validationMessages,\n      customValidations,\n      value,\n    });\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.currentTarget;\n        setValue(value);\n        if (onChange) {\n          onChange(value, event);\n        }\n      },\n      [onChange, setValue],\n    );\n    const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n    const internalInputId = useId();\n    const inputId = id ?? internalInputId;\n\n    return (\n      <FormControl style={style} className={className} ref={rootRef}>\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={props.required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n        <InputBase\n          id={inputId}\n          disabled={disabled}\n          loading={loading}\n          readOnly={readOnly}\n          type={type}\n          value={value ?? \"\"}\n          onChange={handleChange}\n          data-invalid={!validation.valid}\n          ref={refs}\n          {...restProps}\n          {...inputProps}\n        />\n        <FormHelperText\n          invalid={!validation.valid || invalid}\n          loading={loading}\n          touched={touched}\n          value={value}\n        >\n          {\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            validation.message || helperText\n          }\n        </FormHelperText>\n      </FormControl>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","useCallback","useId","useRef","FormControl","FormHelperText","InputBase","InputLabel","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","jsx","___EmotionJSX","TextField","props","rootRef","label","style","className","onChange","onFocus","defaultValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","onLoaded","validation","handleChange","event","currentTarget","touched","inputProps","internalInputId","inputId","htmlFor","required","_extends","valid","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId, useRef } from \"react\";\nimport { FieldProps } from \"../FieldBase/FieldProps\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nexport interface TextFieldProps\n  extends\n    FieldProps<string>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {}\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (props, rootRef) => {\n    const {\n      label,\n      style,\n      className,\n      onChange,\n      onFocus,\n      defaultValue,\n      value: _propsValue,\n      disabled,\n      validationMessages,\n      customValidations,\n      type = \"text\",\n      helperText,\n      invalid,\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      id,\n      inputRef,\n      ...restProps\n    } = props;\n\n    const ref = useRef<HTMLInputElement>(null);\n    const refs = useMergeRefs(inputRef, ref);\n    const [value, setValue, isControlled] = useInputValue(props);\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      onLoaded: () => {\n        if (isControlled === false) {\n          setValue(defaultValue);\n        }\n      },\n    });\n    const validation = useValidation({\n      ref,\n      validationMessages,\n      customValidations,\n      value,\n    });\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.currentTarget;\n        setValue(value);\n        if (onChange) {\n          onChange(value, event);\n        }\n      },\n      [onChange, setValue],\n    );\n    const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n    const internalInputId = useId();\n    const inputId = id ?? internalInputId;\n\n    return (\n      <FormControl style={style} className={className} ref={rootRef}>\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={props.required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n        <InputBase\n          id={inputId}\n          disabled={disabled}\n          loading={loading}\n          readOnly={readOnly}\n          type={type}\n          value={value ?? \"\"}\n          onChange={handleChange}\n          data-invalid={!validation.valid}\n          ref={refs}\n          {...restProps}\n          {...inputProps}\n        />\n        <FormHelperText\n          invalid={!validation.valid || invalid}\n          loading={loading}\n          touched={touched}\n          value={value}\n        >\n          {\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            validation.message || helperText\n          }\n        </FormHelperText>\n      </FormControl>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/TextareaBase/index.js

@@ -18,7 +18,7 @@ export var TextareaBase = /*#__PURE__*/forwardRef((_ref, ref) => {
   return ___EmotionJSX(ShimmerEffect, {
     active: loading
   }, ___EmotionJSX("div", {
-    css: /*#__PURE__*/css("display:flex;gap:8px;padding:8px 12px;background-color:white;border:1px solid ", theme.palette.text.secondary, ";border-radius:4px;transition:all 0.3s;&:has(textarea:focus){border-color:", theme.palette.intentions.primary.main, ";}&:has(textarea[data-touched=\"true\"]:invalid){border-color:", theme.palette.intentions.error.main, ";}&:has(textarea:disabled){background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabled, ";}&:has(textarea[readonly]){background-color:", theme.palette.action.readOnlyBackground, ";border-color:", theme.palette.action.readOnly, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
+    css: /*#__PURE__*/css("display:flex;gap:8px;padding:8px 12px;background-color:white;border:1px solid ", theme.palette.text.secondary, ";border-radius:4px;transition:all 0.3s;&:has(textarea:focus){border-color:", theme.palette.intentions.primary.main, ";}&:has(textarea[data-touched=\"true\"]:invalid){border-color:", theme.palette.intentions.error.main, ";}&:has(textarea:disabled){background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabled, ";}&:has(textarea[readonly]){background-color:", theme.palette.action.readOnlyBackground, ";border-color:", theme.palette.action.readOnly, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
   }, ___EmotionJSX("textarea", _extends({
     rows: rows,
     css: [theme.typography.body, {
@@ -27,7 +27,7 @@ export var TextareaBase = /*#__PURE__*/forwardRef((_ref, ref) => {
        * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。
        */
       minHeight: rows !== undefined ? rows + "lh" : undefined
-    }, /*#__PURE__*/css("box-sizing:border-box;display:block;width:100%;min-width:0px;color:", theme.palette.text.primary, ";resize:none;outline:0px;&::placeholder{color:", theme.palette.text.secondary, ";}&:disabled{color:", theme.palette.text.disabled, ";cursor:not-allowed;}&[readonly]{cursor:text;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wc1xuICBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRleHRhcmVhXCI+IHtcbiAgLyoqXG4gICAqIOaMv+WFpeOBleOCjOOCi+WApOOBjGxvYWRpbmfkuK3jgafjgYLjgovjgZPjgajjgpLooajjgZfjgb7jgZnjgIJcbiAgICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBmaWVsZC1zaXppbmfjg5fjg63jg5Hjg4bjgqPjga7lgKTjgpLlpInmm7TjgZfjgb7jgZnjgIJcbiAgICogQGV4cGVyaW1lbnRhbCDjgZPjgozjga/lrp/pqJPnmoTjgarmqZ/og73jgafjgZnjgIJDaHJvbWXjgarjgankuIDpg6jjga7jg5bjg6njgqbjgrbjgafjga7jgb/li5XkvZzjgZfjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgXCJmaXhlZFwiXG4gICAqL1xuICBzaXppbmc/OiBcImNvbnRlbnRcIiB8IFwiZml4ZWRcIjtcblxuICAvKipcbiAgICog6KaL44GL44GR5LiK5YWl5Yqb5qyE44Gr44CB5oyH5a6a44GV44KM44Gf44Kk44Oz44K/44Op44Kv44K344On44Oz6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJBY3Rpb25zPzogKCkgPT4gUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFCYXNlID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0YXJlYUJhc2VQcm9wcz4oXG4gIChcbiAgICB7IGxvYWRpbmcsIHNpemluZyA9IFwiZml4ZWRcIiwgcmVuZGVyQWN0aW9uczogQWN0aW9ucywgcm93cywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNoaW1tZXJFZmZlY3QgYWN0aXZlPXtsb2FkaW5nfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmZvY3VzKSB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW2RhdGEtdG91Y2hlZD1cInRydWVcIl06aW52YWxpZCkge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWE6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWFbcmVhZG9ubHldKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24ucmVhZE9ubHlCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkU2l6aW5nOiBzaXppbmcsXG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogZmllbGQtc2l6aW5nOiBjb250ZW5044Gu5aC05ZCI44Gn44KC44CBcm93c+OBjOapn+iDveOBmeOCi+OCiOOBhuOBq+OBmeOCi+OBn+OCgeOBq21pbi1oZWlnaHTjgpLmjIflrprjgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ6IHJvd3MgIT09IHVuZGVmaW5lZCA/IGAke3Jvd3N9bGhgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgKiDjgZPjga7opoHntKDjgYxHcmlk44Ki44Kk44OG44Og44GL44GkZmllbGQtc2l6aW5n44GMY29udGVudOOBruWgtOWQiOOAgXdpZHRoOiAxMDAl44GM5Yq544GL44Gq44GP44Gq44KL5aC05ZCI44GM44GC44KL44CCXG4gICAgICAgICAgICAgICog5pys6LOq55qE44Gr44Gv6Kaq5YG044Gn44Kx44Ki44GV44KM44KL44G544GN44Gg44GM44CB5Zuw6Zuj44Gg44Go5oCd44KP44KM44KL44Gf44KB44CB44GT44Gh44KJ5YG044GnbWluLXdpZHRoOiAwcHjjgpLmjIflrprjgZfjgabjgZPjgozjgpLlm57pgb/jgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtBY3Rpb25zICYmIDxBY3Rpb25zIC8+fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU2hpbW1lckVmZmVjdD5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"],
+    }, /*#__PURE__*/css("box-sizing:border-box;display:block;width:100%;min-width:0px;color:", theme.palette.text.primary, ";resize:none;outline:0px;&::placeholder{color:", theme.palette.text.secondary, ";}&:disabled{color:", theme.palette.text.disabled, ";cursor:not-allowed;}&[readonly]{cursor:text;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRleHRhcmVhXCI+IHtcbiAgLyoqXG4gICAqIOaMv+WFpeOBleOCjOOCi+WApOOBjGxvYWRpbmfkuK3jgafjgYLjgovjgZPjgajjgpLooajjgZfjgb7jgZnjgIJcbiAgICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBmaWVsZC1zaXppbmfjg5fjg63jg5Hjg4bjgqPjga7lgKTjgpLlpInmm7TjgZfjgb7jgZnjgIJcbiAgICogQGV4cGVyaW1lbnRhbCDjgZPjgozjga/lrp/pqJPnmoTjgarmqZ/og73jgafjgZnjgIJDaHJvbWXjgarjgankuIDpg6jjga7jg5bjg6njgqbjgrbjgafjga7jgb/li5XkvZzjgZfjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgXCJmaXhlZFwiXG4gICAqL1xuICBzaXppbmc/OiBcImNvbnRlbnRcIiB8IFwiZml4ZWRcIjtcblxuICAvKipcbiAgICog6KaL44GL44GR5LiK5YWl5Yqb5qyE44Gr44CB5oyH5a6a44GV44KM44Gf44Kk44Oz44K/44Op44Kv44K344On44Oz6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJBY3Rpb25zPzogKCkgPT4gUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFCYXNlID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0YXJlYUJhc2VQcm9wcz4oXG4gIChcbiAgICB7IGxvYWRpbmcsIHNpemluZyA9IFwiZml4ZWRcIiwgcmVuZGVyQWN0aW9uczogQWN0aW9ucywgcm93cywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNoaW1tZXJFZmZlY3QgYWN0aXZlPXtsb2FkaW5nfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmZvY3VzKSB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW2RhdGEtdG91Y2hlZD1cInRydWVcIl06aW52YWxpZCkge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWE6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWFbcmVhZG9ubHldKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24ucmVhZE9ubHlCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkU2l6aW5nOiBzaXppbmcsXG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogZmllbGQtc2l6aW5nOiBjb250ZW5044Gu5aC05ZCI44Gn44KC44CBcm93c+OBjOapn+iDveOBmeOCi+OCiOOBhuOBq+OBmeOCi+OBn+OCgeOBq21pbi1oZWlnaHTjgpLmjIflrprjgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ6IHJvd3MgIT09IHVuZGVmaW5lZCA/IGAke3Jvd3N9bGhgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgKiDjgZPjga7opoHntKDjgYxHcmlk44Ki44Kk44OG44Og44GL44GkZmllbGQtc2l6aW5n44GMY29udGVudOOBruWgtOWQiOOAgXdpZHRoOiAxMDAl44GM5Yq544GL44Gq44GP44Gq44KL5aC05ZCI44GM44GC44KL44CCXG4gICAgICAgICAgICAgICog5pys6LOq55qE44Gr44Gv6Kaq5YG044Gn44Kx44Ki44GV44KM44KL44G544GN44Gg44GM44CB5Zuw6Zuj44Gg44Go5oCd44KP44KM44KL44Gf44KB44CB44GT44Gh44KJ5YG044GnbWluLXdpZHRoOiAwcHjjgpLmjIflrprjgZfjgabjgZPjgozjgpLlm57pgb/jgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtBY3Rpb25zICYmIDxBY3Rpb25zIC8+fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU2hpbW1lckVmZmVjdD5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"],
     ref: ref
   }, props)), Actions && ___EmotionJSX(Actions, null)));
 });

package/TextareaBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","React","forwardRef","ShimmerEffect","useTheme","jsx","___EmotionJSX","TextareaBase","_ref","ref","loading","sizing","renderActions","Actions","rows","props","_objectWithoutPropertiesLoose","_excluded","theme","active","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","_extends","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useTheme } from \"../theme\";\n\nexport interface TextareaBaseProps\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  /**\n   * 挿入される値がloading中であることを表します。\n   */\n  loading?: boolean;\n\n  /**\n   * field-sizingプロパティの値を変更します。\n   * @experimental これは実験的な機能です。Chromeなど一部のブラウザでのみ動作します。\n   * @default \"fixed\"\n   */\n  sizing?: \"content\" | \"fixed\";\n\n  /**\n   * 見かけ上入力欄に、指定されたインタラクション要素を追加します。\n   */\n  renderActions?: () => React.ReactNode;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { loading, sizing = \"fixed\", renderActions: Actions, rows, ...props },\n    ref,\n  ) => {\n    const theme = useTheme();\n    return (\n      <ShimmerEffect active={loading}>\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            padding: 8px 12px;\n            background-color: white;\n            border: 1px solid ${theme.palette.text.secondary};\n            border-radius: 4px;\n            transition: all 0.3s;\n            &:has(textarea:focus) {\n              border-color: ${theme.palette.intentions.primary.main};\n            }\n            &:has(textarea[data-touched=\"true\"]:invalid) {\n              border-color: ${theme.palette.intentions.error.main};\n            }\n            &:has(textarea:disabled) {\n              background-color: ${theme.palette.action.disabledBackground};\n              border-color: ${theme.palette.action.disabled};\n            }\n            &:has(textarea[readonly]) {\n              background-color: ${theme.palette.action.readOnlyBackground};\n              border-color: ${theme.palette.action.readOnly};\n            }\n          `}\n        >\n          <textarea\n            rows={rows}\n            css={[\n              theme.typography.body,\n              {\n                fieldSizing: sizing,\n                /**\n                 * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。\n                 */\n                minHeight: rows !== undefined ? `${rows}lh` : undefined,\n              },\n              css`\n                box-sizing: border-box;\n                display: block;\n                width: 100%;\n                /**\n              * この要素がGridアイテムかつfield-sizingがcontentの場合、width: 100%が効かなくなる場合がある。\n              * 本質的には親側でケアされるべきだが、困難だと思われるため、こちら側でmin-width: 0pxを指定してこれを回避している。\n              */\n                min-width: 0px;\n                color: ${theme.palette.text.primary};\n                resize: none;\n                outline: 0px;\n                &::placeholder {\n                  color: ${theme.palette.text.secondary};\n                }\n                &:disabled {\n                  color: ${theme.palette.text.disabled};\n                  cursor: not-allowed;\n                }\n                &[readonly] {\n                  cursor: text;\n                }\n              `,\n            ]}\n            ref={ref}\n            {...props}\n          />\n          {Actions && <Actions />}\n        </div>\n      </ShimmerEffect>\n    );\n  },\n);\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAsBpC,OAAO,IAAMC,YAAY,gBAAGL,UAAU,CACpC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,OAAO;MAAEC,MAAM,GAAG,OAAO;MAAEC,aAAa,EAAEC,OAAO;MAAEC;IAAe,CAAC,GAAAN,IAAA;IAAPO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA,CAACH,aAAa;IAACgB,MAAM,EAAET;EAAQ,GAC7BJ,aAAA;IACEN,GAAG,eAAEA,GAAG,mFAKckB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,gFAI9BJ,KAAK,CAACE,OAAO,CAACG,UAAU,CAACC,OAAO,CAACC,IAAI,oEAGrCP,KAAK,CAACE,OAAO,CAACG,UAAU,CAACG,KAAK,CAACD,IAAI,kDAG/BP,KAAK,CAACE,OAAO,CAACO,MAAM,CAACC,kBAAkB,oBAC3CV,KAAK,CAACE,OAAO,CAACO,MAAM,CAACE,QAAQ,mDAGzBX,KAAK,CAACE,OAAO,CAACO,MAAM,CAACG,kBAAkB,oBAC3CZ,KAAK,CAACE,OAAO,CAACO,MAAM,CAACI,QAAQ,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE/C,GAEF5B,aAAA,aAAA6B,QAAA;IACErB,IAAI,EAAEA,IAAK;IACXd,GAAG,GACDkB,KAAK,CAACkB,UAAU,CAACC,IAAI,EACrB;MACEC,WAAW,EAAE3B,MAAM;MACnB;AAChB;AACA;MACgB4B,SAAS,EAAEzB,IAAI,KAAK0B,SAAS,GAAM1B,IAAI,UAAO0B;IAChD,CAAC,eACDxC,GAAG,wEASQkB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACG,OAAO,oDAIxBN,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,yBAG5BJ,KAAK,CAACE,OAAO,CAACC,IAAI,CAACQ,QAAQ,sDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yiKAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uiKAOxC;IACFzB,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,EACDF,OAAO,IAAIP,aAAA,CAACO,OAAO,MAAE,CACnB,CACQ,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","React","forwardRef","ShimmerEffect","useTheme","jsx","___EmotionJSX","TextareaBase","_ref","ref","loading","sizing","renderActions","Actions","rows","props","_objectWithoutPropertiesLoose","_excluded","theme","active","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","_extends","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useTheme } from \"../theme\";\n\nexport interface TextareaBaseProps extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  /**\n   * 挿入される値がloading中であることを表します。\n   */\n  loading?: boolean;\n\n  /**\n   * field-sizingプロパティの値を変更します。\n   * @experimental これは実験的な機能です。Chromeなど一部のブラウザでのみ動作します。\n   * @default \"fixed\"\n   */\n  sizing?: \"content\" | \"fixed\";\n\n  /**\n   * 見かけ上入力欄に、指定されたインタラクション要素を追加します。\n   */\n  renderActions?: () => React.ReactNode;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { loading, sizing = \"fixed\", renderActions: Actions, rows, ...props },\n    ref,\n  ) => {\n    const theme = useTheme();\n    return (\n      <ShimmerEffect active={loading}>\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            padding: 8px 12px;\n            background-color: white;\n            border: 1px solid ${theme.palette.text.secondary};\n            border-radius: 4px;\n            transition: all 0.3s;\n            &:has(textarea:focus) {\n              border-color: ${theme.palette.intentions.primary.main};\n            }\n            &:has(textarea[data-touched=\"true\"]:invalid) {\n              border-color: ${theme.palette.intentions.error.main};\n            }\n            &:has(textarea:disabled) {\n              background-color: ${theme.palette.action.disabledBackground};\n              border-color: ${theme.palette.action.disabled};\n            }\n            &:has(textarea[readonly]) {\n              background-color: ${theme.palette.action.readOnlyBackground};\n              border-color: ${theme.palette.action.readOnly};\n            }\n          `}\n        >\n          <textarea\n            rows={rows}\n            css={[\n              theme.typography.body,\n              {\n                fieldSizing: sizing,\n                /**\n                 * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。\n                 */\n                minHeight: rows !== undefined ? `${rows}lh` : undefined,\n              },\n              css`\n                box-sizing: border-box;\n                display: block;\n                width: 100%;\n                /**\n              * この要素がGridアイテムかつfield-sizingがcontentの場合、width: 100%が効かなくなる場合がある。\n              * 本質的には親側でケアされるべきだが、困難だと思われるため、こちら側でmin-width: 0pxを指定してこれを回避している。\n              */\n                min-width: 0px;\n                color: ${theme.palette.text.primary};\n                resize: none;\n                outline: 0px;\n                &::placeholder {\n                  color: ${theme.palette.text.secondary};\n                }\n                &:disabled {\n                  color: ${theme.palette.text.disabled};\n                  cursor: not-allowed;\n                }\n                &[readonly] {\n                  cursor: text;\n                }\n              `,\n            ]}\n            ref={ref}\n            {...props}\n          />\n          {Actions && <Actions />}\n        </div>\n      </ShimmerEffect>\n    );\n  },\n);\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAqBpC,OAAO,IAAMC,YAAY,gBAAGL,UAAU,CACpC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,OAAO;MAAEC,MAAM,GAAG,OAAO;MAAEC,aAAa,EAAEC,OAAO;MAAEC;IAAe,CAAC,GAAAN,IAAA;IAAPO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA,CAACH,aAAa;IAACgB,MAAM,EAAET;EAAQ,GAC7BJ,aAAA;IACEN,GAAG,eAAEA,GAAG,mFAKckB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,gFAI9BJ,KAAK,CAACE,OAAO,CAACG,UAAU,CAACC,OAAO,CAACC,IAAI,oEAGrCP,KAAK,CAACE,OAAO,CAACG,UAAU,CAACG,KAAK,CAACD,IAAI,kDAG/BP,KAAK,CAACE,OAAO,CAACO,MAAM,CAACC,kBAAkB,oBAC3CV,KAAK,CAACE,OAAO,CAACO,MAAM,CAACE,QAAQ,mDAGzBX,KAAK,CAACE,OAAO,CAACO,MAAM,CAACG,kBAAkB,oBAC3CZ,KAAK,CAACE,OAAO,CAACO,MAAM,CAACI,QAAQ,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE/C,GAEF5B,aAAA,aAAA6B,QAAA;IACErB,IAAI,EAAEA,IAAK;IACXd,GAAG,GACDkB,KAAK,CAACkB,UAAU,CAACC,IAAI,EACrB;MACEC,WAAW,EAAE3B,MAAM;MACnB;AAChB;AACA;MACgB4B,SAAS,EAAEzB,IAAI,KAAK0B,SAAS,GAAM1B,IAAI,UAAO0B;IAChD,CAAC,eACDxC,GAAG,wEASQkB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACG,OAAO,oDAIxBN,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,yBAG5BJ,KAAK,CAACE,OAAO,CAACC,IAAI,CAACQ,QAAQ,sDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qiKAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,miKAOxC;IACFzB,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,EACDF,OAAO,IAAIP,aAAA,CAACO,OAAO,MAAE,CACnB,CACQ,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}

package/Thumbnail/Thumbnail.js

@@ -13,7 +13,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;object-fit:cover"
 } : {
   name: "ilp053-Thumbnail",
-  styles: "display:flex;object-fit:cover;label:Thumbnail;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */",
+  styles: "display:flex;object-fit:cover;label:Thumbnail;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var Thumbnail = _ref2 => {
@@ -72,7 +72,7 @@ export var Thumbnail = _ref2 => {
     css: [_ref,
     /*#__PURE__*/
     // @see https://github.com/emotion-js/emotion/issues/3011
-    css("aspect-ratio:", aspectRatio, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */"],
+    css("aspect-ratio:", aspectRatio, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */"],
     ref: imageRef,
     src: src,
     alt: alt,

package/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["css","React","useEffect","useMemo","useReducer","ShimmerEffect","useFieldGroup","MediaFallback","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Thumbnail","_ref2","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","_objectWithoutPropertiesLoose","_excluded","loaded","setLoaded","URL","createObjectURL","revokeObjectURL","loading","undefined","fallback","active","_extends","onLoad","ref"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useEffect, useMemo, useReducer } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface ThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"img\">,\n    MediaStyleProps {\n  imageRef?: React.RefObject<HTMLImageElement>;\n  /**\n   * src属性がundefinedの場合、noImageがtrueであればNoImageコンポーネントを表示します。\n   */\n  noImage?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n  /**\n   * Shimmerエフェクトを表示します。これはFieldGroupのloadingプロパティに相当します。\n   * Thumbnailコンポーネントで直接利用されることは想定していません。\n   */\n  fieldLoading?: boolean;\n}\n\nexport const Thumbnail = ({\n  imageRef,\n  src: propsSrc,\n  file,\n  alt,\n  aspectRatio,\n  width = \"100%\",\n  height,\n  className,\n  style,\n  noImage,\n  fieldLoading: propsFieldLoading,\n  ...props\n}: ThumbnailProps) => {\n  const [loaded, setLoaded] = useReducer(() => true, false);\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const { loading: fieldLoading } = useFieldGroup({\n    loading: propsFieldLoading,\n  });\n\n  if (src === undefined || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Image\n      </MediaFallback>\n    );\n    if (noImage) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <ShimmerEffect active={loaded === false}>\n      <img\n        onLoad={setLoaded}\n        style={style}\n        className={className}\n        css={[\n          css`\n            display: flex;\n            object-fit: cover;\n          `,\n          // @see https://github.com/emotion-js/emotion/issues/3011\n          css`\n            aspect-ratio: ${aspectRatio};\n          `,\n        ]}\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        {...props}\n      />\n    </ShimmerEffect>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC7D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAyB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAqBjE,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAaH;EAAA,IAbI;MACxBC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,GAAG;MACHC,WAAW;MACXC,KAAK,GAAG,MAAM;MACdC,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC,YAAY,EAAEC;IAEA,CAAC,GAAAb,KAAA;IADZc,KAAK,GAAAC,6BAAA,CAAAf,KAAA,EAAAgB,SAAA;EAER,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGjC,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC;EAEzD,IAAMiB,GAAG,GAAGlB,OAAO,CAAC,MAAM;IACxB,OAAOoB,IAAI,GAAGe,GAAG,CAACC,eAAe,CAAChB,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBpB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIqB,IAAI,IAAIF,GAAG,EAAE;QACfiB,GAAG,CAACE,eAAe,CAACnB,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAM;IAAEoB,OAAO,EAAEV;EAAa,CAAC,GAAGzB,aAAa,CAAC;IAC9CmC,OAAO,EAAET;EACX,CAAC,CAAC;EAEF,IAAIX,GAAG,KAAKqB,SAAS,IAAIX,YAAY,EAAE;IACrC,IAAMY,QAAQ,GACZlC,aAAA,CAACF,aAAa;MACZsB,KAAK,EAAEA,KAAM;MACbD,SAAS,EAAEA,SAAU;MACrBF,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfF,WAAW,EAAEA;IAAY,GAC1B,UAEc,CAChB;IACD,IAAIK,OAAO,EAAE;MACX,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOlC,aAAA,CAACJ,aAAa;QAACuC,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACElC,aAAA,CAACJ,aAAa;IAACuC,MAAM,EAAER,MAAM,KAAK;EAAM,GACtC3B,aAAA,QAAAoC,QAAA;IACEC,MAAM,EAAET,SAAU;IAClBR,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEA,SAAU;IACrB5B,GAAG,GAAAU,IAAA;IAAA;IAKD;IACAV,GAAG,kBACeyB,WAAW,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yvHAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uvHAE7B;IACFkC,GAAG,EAAE3B,QAAS;IACdC,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,GACXM,KAAK,CACV,CACY,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"Thumbnail.js","names":["css","React","useEffect","useMemo","useReducer","ShimmerEffect","useFieldGroup","MediaFallback","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Thumbnail","_ref2","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","_objectWithoutPropertiesLoose","_excluded","loaded","setLoaded","URL","createObjectURL","revokeObjectURL","loading","undefined","fallback","active","_extends","onLoad","ref"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useEffect, useMemo, useReducer } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface ThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"img\">, MediaStyleProps {\n  imageRef?: React.RefObject<HTMLImageElement>;\n  /**\n   * src属性がundefinedの場合、noImageがtrueであればNoImageコンポーネントを表示します。\n   */\n  noImage?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n  /**\n   * Shimmerエフェクトを表示します。これはFieldGroupのloadingプロパティに相当します。\n   * Thumbnailコンポーネントで直接利用されることは想定していません。\n   */\n  fieldLoading?: boolean;\n}\n\nexport const Thumbnail = ({\n  imageRef,\n  src: propsSrc,\n  file,\n  alt,\n  aspectRatio,\n  width = \"100%\",\n  height,\n  className,\n  style,\n  noImage,\n  fieldLoading: propsFieldLoading,\n  ...props\n}: ThumbnailProps) => {\n  const [loaded, setLoaded] = useReducer(() => true, false);\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const { loading: fieldLoading } = useFieldGroup({\n    loading: propsFieldLoading,\n  });\n\n  if (src === undefined || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Image\n      </MediaFallback>\n    );\n    if (noImage) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <ShimmerEffect active={loaded === false}>\n      <img\n        onLoad={setLoaded}\n        style={style}\n        className={className}\n        css={[\n          css`\n            display: flex;\n            object-fit: cover;\n          `,\n          // @see https://github.com/emotion-js/emotion/issues/3011\n          css`\n            aspect-ratio: ${aspectRatio};\n          `,\n        ]}\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        {...props}\n      />\n    </ShimmerEffect>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC7D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAyB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAoBjE,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAaH;EAAA,IAbI;MACxBC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,GAAG;MACHC,WAAW;MACXC,KAAK,GAAG,MAAM;MACdC,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC,YAAY,EAAEC;IAEA,CAAC,GAAAb,KAAA;IADZc,KAAK,GAAAC,6BAAA,CAAAf,KAAA,EAAAgB,SAAA;EAER,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGjC,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC;EAEzD,IAAMiB,GAAG,GAAGlB,OAAO,CAAC,MAAM;IACxB,OAAOoB,IAAI,GAAGe,GAAG,CAACC,eAAe,CAAChB,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBpB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIqB,IAAI,IAAIF,GAAG,EAAE;QACfiB,GAAG,CAACE,eAAe,CAACnB,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAM;IAAEoB,OAAO,EAAEV;EAAa,CAAC,GAAGzB,aAAa,CAAC;IAC9CmC,OAAO,EAAET;EACX,CAAC,CAAC;EAEF,IAAIX,GAAG,KAAKqB,SAAS,IAAIX,YAAY,EAAE;IACrC,IAAMY,QAAQ,GACZlC,aAAA,CAACF,aAAa;MACZsB,KAAK,EAAEA,KAAM;MACbD,SAAS,EAAEA,SAAU;MACrBF,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfF,WAAW,EAAEA;IAAY,GAC1B,UAEc,CAChB;IACD,IAAIK,OAAO,EAAE;MACX,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOlC,aAAA,CAACJ,aAAa;QAACuC,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACElC,aAAA,CAACJ,aAAa;IAACuC,MAAM,EAAER,MAAM,KAAK;EAAM,GACtC3B,aAAA,QAAAoC,QAAA;IACEC,MAAM,EAAET,SAAU;IAClBR,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEA,SAAU;IACrB5B,GAAG,GAAAU,IAAA;IAAA;IAKD;IACAV,GAAG,kBACeyB,WAAW,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qvHAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mvHAE7B;IACFkC,GAAG,EAAE3B,QAAS;IACdC,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,GACXM,KAAK,CACV,CACY,CAAC;AAEpB,CAAC","ignoreList":[]}

package/Thumbnail/VideoThumbnail.js

@@ -66,7 +66,7 @@ export var VideoThumbnail = props => {
       aspectRatio: aspectRatio !== undefined ? "" + aspectRatio : undefined,
       width: width != null ? width : "100%",
       height: height != null ? height : "auto"
-    }, process.env.NODE_ENV === "production" ? "" : ";label:VideoThumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVmlkZW9UaHVtYm5haWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGh1bWJuYWlsL1ZpZGVvVGh1bWJuYWlsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGlzTm9uTnVsbGlzaCB9IGZyb20gXCIuLi9AdXRpbHMvaXNOb25OdWxsaXNoXCI7XG5pbXBvcnQgeyB1c2VGaWVsZEdyb3VwIH0gZnJvbSBcIi4uL0ZpZWxkR3JvdXBcIjtcbmltcG9ydCB7IE1lZGlhRmFsbGJhY2ssIE1lZGlhU3R5bGVQcm9wcyB9IGZyb20gXCIuL01lZGlhRmFsbGJhY2tcIjtcblxuZXhwb3J0IGludGVyZmFjZSBWaWRlb1RodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwidmlkZW9cIj4sXG4gICAgTWVkaWFTdHlsZVByb3BzIHtcbiAgdmlkZW9SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTFZpZGVvRWxlbWVudD47XG4gIG5vVmlkZW8/OiBib29sZWFuO1xuICAvKipcbiAgICogc3Jj44GnVVJM44KS5oyH5a6a44GZ44KL5Luj44KP44KK44Gr44CBRmlsZeOCquODluOCuOOCp+OCr+ODiOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBjOOBp+OBjeOBvuOBmeOAglxuICAgKi9cbiAgZmlsZT86IEZpbGU7XG59XG5cbmV4cG9ydCBjb25zdCBWaWRlb1RodW1ibmFpbCA9IChwcm9wczogVmlkZW9UaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgdmlkZW9SZWYsXG4gICAgYXNwZWN0UmF0aW8sXG4gICAgd2lkdGgsXG4gICAgaGVpZ2h0LFxuICAgIGNoaWxkcmVuLFxuICAgIHNyYzogcHJvcHNTcmMsXG4gICAgZmlsZSxcbiAgICBub1ZpZGVvLFxuICAgIHN0eWxlLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7fSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IG5vU291cmNlID0gIWlzTm9uTnVsbGlzaChjaGlsZHJlbikgJiYgc3JjID09PSB1bmRlZmluZWQ7XG5cbiAgaWYgKG5vU291cmNlIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBWaWRlb1xuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vVmlkZW8pIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDx2aWRlb1xuICAgICAgey4uLnJlc3R9XG4gICAgICBzcmM9e3NyY31cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgcmVmPXt2aWRlb1JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3Moe1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgICAgIC8vIEBzZWUgaHR0cHM6Ly9naXRodWIuY29tL2Vtb3Rpb24tanMvZW1vdGlvbi9pc3N1ZXMvMzAxMVxuICAgICAgICBhc3BlY3RSYXRpbzogYXNwZWN0UmF0aW8gIT09IHVuZGVmaW5lZCA/IGAke2FzcGVjdFJhdGlvfWAgOiB1bmRlZmluZWQsXG4gICAgICAgIHdpZHRoOiB3aWR0aCA/PyBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBoZWlnaHQgPz8gXCJhdXRvXCIsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC92aWRlbz5cbiAgKTtcbn07XG4iXX0= */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:VideoThumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVmlkZW9UaHVtYm5haWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGh1bWJuYWlsL1ZpZGVvVGh1bWJuYWlsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGlzTm9uTnVsbGlzaCB9IGZyb20gXCIuLi9AdXRpbHMvaXNOb25OdWxsaXNoXCI7XG5pbXBvcnQgeyB1c2VGaWVsZEdyb3VwIH0gZnJvbSBcIi4uL0ZpZWxkR3JvdXBcIjtcbmltcG9ydCB7IE1lZGlhRmFsbGJhY2ssIE1lZGlhU3R5bGVQcm9wcyB9IGZyb20gXCIuL01lZGlhRmFsbGJhY2tcIjtcblxuZXhwb3J0IGludGVyZmFjZSBWaWRlb1RodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwidmlkZW9cIj4sIE1lZGlhU3R5bGVQcm9wcyB7XG4gIHZpZGVvUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxWaWRlb0VsZW1lbnQ+O1xuICBub1ZpZGVvPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xufVxuXG5leHBvcnQgY29uc3QgVmlkZW9UaHVtYm5haWwgPSAocHJvcHM6IFZpZGVvVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHZpZGVvUmVmLFxuICAgIGFzcGVjdFJhdGlvLFxuICAgIHdpZHRoLFxuICAgIGhlaWdodCxcbiAgICBjaGlsZHJlbixcbiAgICBzcmM6IHByb3BzU3JjLFxuICAgIGZpbGUsXG4gICAgbm9WaWRlbyxcbiAgICBzdHlsZSxcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgeyBsb2FkaW5nOiBmaWVsZExvYWRpbmcgfSA9IHVzZUZpZWxkR3JvdXAoe30pO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCBub1NvdXJjZSA9ICFpc05vbk51bGxpc2goY2hpbGRyZW4pICYmIHNyYyA9PT0gdW5kZWZpbmVkO1xuXG4gIGlmIChub1NvdXJjZSB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gVmlkZW9cbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub1ZpZGVvKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8dmlkZW9cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc3JjPXtzcmN9XG4gICAgICB3aWR0aD17d2lkdGh9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgIHJlZj17dmlkZW9SZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIG9iamVjdEZpdDogXCJjb3ZlclwiLFxuICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgYXNwZWN0UmF0aW86IGFzcGVjdFJhdGlvICE9PSB1bmRlZmluZWQgPyBgJHthc3BlY3RSYXRpb31gIDogdW5kZWZpbmVkLFxuICAgICAgICB3aWR0aDogd2lkdGggPz8gXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogaGVpZ2h0ID8/IFwiYXV0b1wiLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdmlkZW8+XG4gICk7XG59O1xuIl19 */")
   }), children);
 };
 //# sourceMappingURL=VideoThumbnail.js.map

package/Thumbnail/VideoThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoThumbnail.js","names":["css","useEffect","useMemo","ShimmerEffect","isNonNullish","useFieldGroup","MediaFallback","jsx","___EmotionJSX","VideoThumbnail","props","videoRef","aspectRatio","width","height","children","src","propsSrc","file","noVideo","style","className","rest","_objectWithoutPropertiesLoose","_excluded","loading","fieldLoading","URL","createObjectURL","revokeObjectURL","noSource","undefined","fallback","active","_extends","ref","display","objectFit","process","env","NODE_ENV"],"sources":["../../../src/Thumbnail/VideoThumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { isNonNullish } from \"../@utils/isNonNullish\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface VideoThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"video\">,\n    MediaStyleProps {\n  videoRef?: React.RefObject<HTMLVideoElement>;\n  noVideo?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n}\n\nexport const VideoThumbnail = (props: VideoThumbnailProps) => {\n  const {\n    videoRef,\n    aspectRatio,\n    width,\n    height,\n    children,\n    src: propsSrc,\n    file,\n    noVideo,\n    style,\n    className,\n    ...rest\n  } = props;\n\n  const { loading: fieldLoading } = useFieldGroup({});\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const noSource = !isNonNullish(children) && src === undefined;\n\n  if (noSource || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Video\n      </MediaFallback>\n    );\n    if (noVideo) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <video\n      {...rest}\n      src={src}\n      width={width}\n      height={height}\n      style={style}\n      ref={videoRef}\n      className={className}\n      css={css({\n        display: \"flex\",\n        objectFit: \"cover\",\n        // @see https://github.com/emotion-js/emotion/issues/3011\n        aspectRatio: aspectRatio !== undefined ? `${aspectRatio}` : undefined,\n        width: width ?? \"100%\",\n        height: height ?? \"auto\",\n      })}\n    >\n      {children}\n    </video>\n  );\n};\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAyB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAajE,OAAO,IAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,IAAM;MACJC,QAAQ;MACRC,WAAW;MACXC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,OAAO;MACPC,KAAK;MACLC;IAEF,CAAC,GAAGX,KAAK;IADJY,IAAI,GAAAC,6BAAA,CACLb,KAAK,EAAAc,SAAA;EAET,IAAM;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGrB,aAAa,CAAC,CAAC,CAAC,CAAC;EAEnD,IAAMW,GAAG,GAAGd,OAAO,CAAC,MAAM;IACxB,OAAOgB,IAAI,GAAGS,GAAG,CAACC,eAAe,CAACV,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBhB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIiB,IAAI,IAAIF,GAAG,EAAE;QACfW,GAAG,CAACE,eAAe,CAACb,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAMc,QAAQ,GAAG,CAAC1B,YAAY,CAACW,QAAQ,CAAC,IAAIC,GAAG,KAAKe,SAAS;EAE7D,IAAID,QAAQ,IAAIJ,YAAY,EAAE;IAC5B,IAAMM,QAAQ,GACZxB,aAAA,CAACF,aAAa;MACZc,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAU;MACrBR,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfF,WAAW,EAAEA;IAAY,GAC1B,UAEc,CAChB;IACD,IAAIO,OAAO,EAAE;MACX,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOxB,aAAA,CAACL,aAAa;QAAC8B,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACExB,aAAA,UAAA0B,QAAA,KACMZ,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTH,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfM,KAAK,EAAEA,KAAM;IACbe,GAAG,EAAExB,QAAS;IACdU,SAAS,EAAEA,SAAU;IACrBrB,GAAG,eAAEA,GAAG,CAAC;MACPoC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,OAAO;MAClB;MACAzB,WAAW,EAAEA,WAAW,KAAKmB,SAAS,QAAMnB,WAAW,GAAKmB,SAAS;MACrElB,KAAK,EAAEA,KAAK,WAALA,KAAK,GAAI,MAAM;MACtBC,MAAM,EAAEA,MAAM,WAANA,MAAM,GAAI;IACpB,CAAC,EAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,IAEFzB,QACI,CAAC;AAEZ,CAAC","ignoreList":[]}
+{"version":3,"file":"VideoThumbnail.js","names":["css","useEffect","useMemo","ShimmerEffect","isNonNullish","useFieldGroup","MediaFallback","jsx","___EmotionJSX","VideoThumbnail","props","videoRef","aspectRatio","width","height","children","src","propsSrc","file","noVideo","style","className","rest","_objectWithoutPropertiesLoose","_excluded","loading","fieldLoading","URL","createObjectURL","revokeObjectURL","noSource","undefined","fallback","active","_extends","ref","display","objectFit","process","env","NODE_ENV"],"sources":["../../../src/Thumbnail/VideoThumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { isNonNullish } from \"../@utils/isNonNullish\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface VideoThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"video\">, MediaStyleProps {\n  videoRef?: React.RefObject<HTMLVideoElement>;\n  noVideo?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n}\n\nexport const VideoThumbnail = (props: VideoThumbnailProps) => {\n  const {\n    videoRef,\n    aspectRatio,\n    width,\n    height,\n    children,\n    src: propsSrc,\n    file,\n    noVideo,\n    style,\n    className,\n    ...rest\n  } = props;\n\n  const { loading: fieldLoading } = useFieldGroup({});\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const noSource = !isNonNullish(children) && src === undefined;\n\n  if (noSource || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Video\n      </MediaFallback>\n    );\n    if (noVideo) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <video\n      {...rest}\n      src={src}\n      width={width}\n      height={height}\n      style={style}\n      ref={videoRef}\n      className={className}\n      css={css({\n        display: \"flex\",\n        objectFit: \"cover\",\n        // @see https://github.com/emotion-js/emotion/issues/3011\n        aspectRatio: aspectRatio !== undefined ? `${aspectRatio}` : undefined,\n        width: width ?? \"100%\",\n        height: height ?? \"auto\",\n      })}\n    >\n      {children}\n    </video>\n  );\n};\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAyB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAYjE,OAAO,IAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,IAAM;MACJC,QAAQ;MACRC,WAAW;MACXC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,OAAO;MACPC,KAAK;MACLC;IAEF,CAAC,GAAGX,KAAK;IADJY,IAAI,GAAAC,6BAAA,CACLb,KAAK,EAAAc,SAAA;EAET,IAAM;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGrB,aAAa,CAAC,CAAC,CAAC,CAAC;EAEnD,IAAMW,GAAG,GAAGd,OAAO,CAAC,MAAM;IACxB,OAAOgB,IAAI,GAAGS,GAAG,CAACC,eAAe,CAACV,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBhB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIiB,IAAI,IAAIF,GAAG,EAAE;QACfW,GAAG,CAACE,eAAe,CAACb,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAMc,QAAQ,GAAG,CAAC1B,YAAY,CAACW,QAAQ,CAAC,IAAIC,GAAG,KAAKe,SAAS;EAE7D,IAAID,QAAQ,IAAIJ,YAAY,EAAE;IAC5B,IAAMM,QAAQ,GACZxB,aAAA,CAACF,aAAa;MACZc,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAU;MACrBR,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfF,WAAW,EAAEA;IAAY,GAC1B,UAEc,CAChB;IACD,IAAIO,OAAO,EAAE;MACX,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOxB,aAAA,CAACL,aAAa;QAAC8B,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACExB,aAAA,UAAA0B,QAAA,KACMZ,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTH,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfM,KAAK,EAAEA,KAAM;IACbe,GAAG,EAAExB,QAAS;IACdU,SAAS,EAAEA,SAAU;IACrBrB,GAAG,eAAEA,GAAG,CAAC;MACPoC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,OAAO;MAClB;MACAzB,WAAW,EAAEA,WAAW,KAAKmB,SAAS,QAAMnB,WAAW,GAAKmB,SAAS;MACrElB,KAAK,EAAEA,KAAK,WAALA,KAAK,GAAI,MAAM;MACtBC,MAAM,EAAEA,MAAM,WAANA,MAAM,GAAI;IACpB,CAAC,EAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,IAEFzB,QACI,CAAC;AAEZ,CAAC","ignoreList":[]}

package/Timeline/Timeline.js

@@ -20,7 +20,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;}"
 } : {
   name: "1dnm84l-DefaultLabel",
-  styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;};label:DefaultLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxQcm9wcyBleHRlbmRzIFVua25vd25Qcm9wcz5cbiAgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAvKipcbiAgICogVGltZWxpbmVQcm9wcy5kYXRlc+OBp+aMh+WumuOBleOCjOOBn+ODh+ODvOOCv+OCknByb3Bz44Go44GX44Gm5Y+X44GR5Y+W44KK6KGo56S644GZ44KL44Gf44KB44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJJdGVtPzogKHByb3BzOiBUaW1lbGluZUl0ZW1Qcm9wczxQcm9wcz4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICAvKipcbiAgICog5pel5LuY44Go44CB5pel5LuY44Gr5a++5b+c44GZ44KL44OH44O844K/576k44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIOaYh+mghuOBp2tleeOBjOOCveODvOODiOOBleOCjOOBpuOBhOOCi+OBk+OBqOOCkuWJjeaPkOOBqOOBl+OBpuOBhOOCi+eCueOBq+azqOaEj+OBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKlxuICAgKiDjgr3jg7zjg4jlh6bnkIbjgYzpnaLlgJLjgarloLTlkIjjga9VSeWBtOOBp+OBruWHpueQhuOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDjgZPjgZPjgaflgKTjgajjgZfjgabmjIflrprjgZXjgozjgZ/phY3liJfjga7lnovjga9UaW1lbGluZVByb3BzLml0ZW3jga7lvJXmlbDjgavnlKjjgYTjgonjgozjgb7jgZnjgIJcbiAgICpcbiAgICogZGF0ZeOBruODleOCqeODvOODnuODg+ODiOOBr1lZWVlNTURE44G+44Gf44GvWVlZWS1NTS1EROOBp+OBmeOAgm51bWJlcihtcynjgavjga/lvozjgavlr77lv5zjgZnjgovjgYvjgoLjgZfjgozjgb7jgZvjgpPjgIJcbiAgICpcbiAgICogRGF0ZeWei+OCkuWIqeeUqOOBl+OBn+OBhOOBqOOBhOOBhuW8t+OBhOimgeacm+OBjOOBguOBo+OBn+WgtOWQiOOBr01hcOOBq+WIh+OCiuabv+OBiOOCi+OBk+OBqOOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKi9cbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIFByb3BzW10+O1xuICAvKipcbiAgICog5Yy65YiG44GU44Go44Gu44Op44OZ44Or44Gu6KGo6KiY44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHt5ZWFyOiBudW1lcmljICxtb250aDogbnVtZXJpYywgZGF5OiBudW1lcmljfVxuICAgKi9cbiAgZm9ybWF0PzogXCJyZWxhdGl2ZVwiIHwgSW50bC5EYXRlVGltZUZvcm1hdE9wdGlvbnM7XG4gIC8qKlxuICAgKiDljLrliIbjgpLmjIflrprjgZnjgovjgILljp/ngrnjgpLkuK3lv4PjgajjgZfjgabkuKHlgbTjgavjgIHpoIbjgavmjIflrprjgZXjgozjgZ/ljLrliIbngrnjgpLphY3nva7jgZfjgabjgYTjgY/jgIJcbiAgICpcbiAgICog5Y6f54K544Gu44OH44OV44Kp44Or44OI44GvXCLku4rml6VcIuOAglxuICAgKlxuICAgKiDpgY7ljrvjgYvjgonmnKrmnaXjgbjmmIfpoIbjgafjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgavjgZfjgabjgYTjgb7jgZnjgIJcbiAgICog44K944O844OI5Yem55CG44GM6Zuj44GX44GE5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgW11cbiAgICovXG4gIHNlcGFyYXRvcnM/OiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdO1xuICAvKipcbiAgICog5Z+65rqW5pel44KS5oyH5a6a44GZ44KL44CCXG4gICAqIEBkZWZhdWx0IHRvZGF5XG4gICAqL1xuICBkYXRlPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgLyoqXG4gICAqIOODleOCqeODvOODnuODg+ODiOOBleOCjOOBn+aXpeS7mOOCkuWPl+OBkeWPluOCiuOAgeODqeODmeODq+OBqOOBl+OBpuihqOekuuOBmeOCi+OCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyTGFiZWw/OiAocHJvcHM6IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmNvbnN0IGdldERhdGVzRW50cmllcyA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIEVbXT4sXG4gIHNlcGFyYXRvcnM6IHtcbiAgICB1bml0OiBcImRheVwiIHwgXCJtb250aFwiIHwgXCJ5ZWFyXCIgfCBcIndlZWtcIjtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICB9W10sXG4gIG9yaWdpbjogZGF5anMuRGF5anMsXG4pID0+IHtcbiAgaWYgKHNlcGFyYXRvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHByZXZQcm9wc0FycmF5OiBbXSxcbiAgICAgIGRhdGVzRW50cmllczogT2JqZWN0LmVudHJpZXMoZGF0ZXMpLm1hcCgoW2RhdGUsIHByb3BzQXJyYXldKSA9PiB7XG4gICAgICAgIGNvbnN0IGRpZmYgPSBkYXlqcyhkYXRlKS5kaWZmKG9yaWdpbiwgXCJkYXlcIik7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgZGF0ZSxcbiAgICAgICAgICBwcm9wc0FycmF5Lm1hcCgocHJvcHMpID0+ICh7XG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgfSkpLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQ6IFwiZGF5XCIsXG4gICAgICAgICAgICBkaWZmLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0gYXMgY29uc3Q7XG4gICAgICB9KSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3QgY29weSA9IHsgLi4uZGF0ZXMgfTtcbiAgLy8gcHJldlByb3BzXG4gIGxldCBwcmV2UHJvcHM6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHNlcGFyYXRvcnNbMF0udmFsdWUsIHNlcGFyYXRvcnNbMF0udW5pdCk7XG4gIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgaWYgKGRheWpzKGRhdGUpLmlzQmVmb3JlKG1pbiwgXCJkYXlcIikpIHtcbiAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgcHJldlByb3BzID0gcHJldlByb3BzLmNvbmNhdChhZGQpO1xuICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgfSBlbHNlIHtcbiAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuICBsZXQgcmVzdWx0czogKHJlYWRvbmx5IFtcbiAgICBzdHJpbmcsXG4gICAgKEUgJiB7XG4gICAgICBkYXRlOiBzdHJpbmc7XG4gICAgfSlbXSxcbiAgICB7XG4gICAgICB1bml0OiBzdHJpbmc7XG4gICAgICBkaWZmOiBudW1iZXI7XG4gICAgfSxcbiAgXSlbXSA9IFtdO1xuICBzZXBhcmF0b3JzLm1hcCgoeyB1bml0LCB2YWx1ZSB9LCBpbmRleCwgb3JpZ2luYWwpID0+IHtcbiAgICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHZhbHVlLCB1bml0KTtcbiAgICBjb25zdCBtYXggPVxuICAgICAgc2VwYXJhdG9ycy5sZW5ndGggLSAxID09PSBpbmRleFxuICAgICAgICA/IGRheWpzKFwiOTk5OS8xMi8yNFwiKVxuICAgICAgICA6IG9yaWdpbi5hZGQob3JpZ2luYWxbaW5kZXggKyAxXS52YWx1ZSwgb3JpZ2luYWxbaW5kZXggKyAxXS51bml0KTtcbiAgICBsZXQgcHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdID0gW107XG4gICAgZm9yIChjb25zdCBkYXRlIGluIGNvcHkpIHtcbiAgICAgIGlmIChkYXlqcyhkYXRlKS5pc0JldHdlZW4obWluLCBtYXgsIFwiZGF5XCIsIFwiWylcIikpIHtcbiAgICAgICAgY29uc3QgYWRkID0gY29weVtkYXRlXS5tYXAoKHByb3BzKSA9PiAoeyAuLi5wcm9wcywgZGF0ZSB9KSk7XG4gICAgICAgIHByb3BzQXJyYXkgPSBwcm9wc0FycmF5LmNvbmNhdChhZGQpO1xuICAgICAgICBkZWxldGUgY29weVtkYXRlXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAocHJvcHNBcnJheS5sZW5ndGggPiAwKSB7XG4gICAgICByZXN1bHRzID0gcmVzdWx0cy5jb25jYXQoW1xuICAgICAgICBbXG4gICAgICAgICAgbWluLmZvcm1hdChcIllZWVlNTUREXCIpLFxuICAgICAgICAgIHByb3BzQXJyYXksXG4gICAgICAgICAge1xuICAgICAgICAgICAgdW5pdCxcbiAgICAgICAgICAgIGRpZmY6IHZhbHVlLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICBdKTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4ge1xuICAgIHByZXZQcm9wc0FycmF5OiBwcmV2UHJvcHMsXG4gICAgZGF0ZXNFbnRyaWVzOiByZXN1bHRzLFxuICB9O1xufTtcblxuY29uc3QgbWFrZVJlbmRlckl0ZW1zID1cbiAgPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KFxuICAgIHJlbmRlckl0ZW06IChcbiAgICAgIHByb3BzOiBFICYgeyBkYXRlOiBzdHJpbmc7IGluZGV4OiBudW1iZXIgfSxcbiAgICApID0+IFJlYWN0LkpTWC5FbGVtZW50LFxuICApID0+XG4gIChwcm9wc0FycmF5OiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10pID0+IHtcbiAgICByZXR1cm4gcHJvcHNBcnJheS5tYXAoKHByb3BzLCBpbmRleCkgPT5cbiAgICAgIFJlYWN0LmNsb25lRWxlbWVudChyZW5kZXJJdGVtKHsgLi4ucHJvcHMsIGluZGV4IH0pLCB7XG4gICAgICAgIGtleTogYCR7cHJvcHMuZGF0ZX0uJHtpbmRleH1gLFxuICAgICAgfSksXG4gICAgKTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lID0gPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KHtcbiAgcmVuZGVySXRlbSxcbiAgZGF0ZXMsXG4gIGZvcm1hdCA9IHsgeWVhcjogXCJudW1lcmljXCIsIG1vbnRoOiBcIm51bWVyaWNcIiwgZGF5OiBcIm51bWVyaWNcIiB9LFxuICBzZXBhcmF0b3JzID0gW10sXG4gIGRhdGUgPSBkYXlqcygpLnN0YXJ0T2YoXCJkYXlcIiksXG4gIHJlbmRlckxhYmVsOiBMYWJlbCA9IERlZmF1bHRMYWJlbCxcbiAgLi4ucHJvcHNcbn06IFRpbWVsaW5lUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgbG9jYWxlID0gdXNlQ29udGV4dChMb2NhbGVDb250ZXh0KTtcbiAgY29uc3QgcnRmID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIFJlbGF0aXZlVGltZUZvcm1hdChsb2NhbGUsIHtcbiAgICAgIG51bWVyaWM6IFwiYXV0b1wiLFxuICAgIH0pO1xuICB9LCBbbG9jYWxlXSk7XG4gIGNvbnN0IHsgcHJldlByb3BzQXJyYXksIGRhdGVzRW50cmllcyB9ID0gZ2V0RGF0ZXNFbnRyaWVzPEU+KFxuICAgIGRhdGVzLFxuICAgIHNlcGFyYXRvcnMsXG4gICAgZGF5anMoZGF0ZSksXG4gICk7XG5cbiAgY29uc3QgcmVuZGVySXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBJdGVtID0gcmVuZGVySXRlbTtcbiAgICBpZiAoSXRlbSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpdGVtIG9yIHJlbmRlckl0ZW0gaXMgcmVxdWlyZWRcIik7XG4gICAgfVxuICAgIHJldHVybiBtYWtlUmVuZGVySXRlbXM8RT4oSXRlbSk7XG4gIH0sIFtyZW5kZXJJdGVtXSk7XG5cbiAgcmV0dXJuIGRhdGVzRW50cmllcy5sZW5ndGggPiAwID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtwcmV2UHJvcHNBcnJheS5sZW5ndGggPiAwICYmIDxkaXY+e3JlbmRlckl0ZW1zKHByZXZQcm9wc0FycmF5KX08L2Rpdj59XG4gICAgICB7ZGF0ZXNFbnRyaWVzLm1hcCgoW3ZhbHVlLCBwcm9wc0FycmF5LCB7IHVuaXQsIGRpZmYgfV0pID0+IHtcbiAgICAgICAgY29uc3QgZm9ybWF0ZWREYXRlID1cbiAgICAgICAgICBmb3JtYXQgPT09IFwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPyBydGYuZm9ybWF0KGRpZmYsIHVuaXQgYXMgVW5pdClcbiAgICAgICAgICAgIDogZGF5anModmFsdWUpLnRvRGF0ZSgpLnRvTG9jYWxlRGF0ZVN0cmluZyhsb2NhbGUsIGZvcm1hdCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17Zm9ybWF0ZWREYXRlfT5cbiAgICAgICAgICAgIDxMYWJlbCBmb3JtYXR0ZWREYXRlPXtmb3JtYXRlZERhdGV9IC8+XG4gICAgICAgICAgICA8ZGl2PntyZW5kZXJJdGVtcyhwcm9wc0FycmF5KX08L2Rpdj5cbiAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gICkgOiBudWxsO1xufTtcbiJdfQ== */",
+  styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;};label:DefaultLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxcbiAgUHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHMsXG4+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIFRpbWVsaW5lUHJvcHMuZGF0ZXPjgafmjIflrprjgZXjgozjgZ/jg4fjg7zjgr/jgpJwcm9wc+OBqOOBl+OBpuWPl+OBkeWPluOCiuihqOekuuOBmeOCi+OBn+OCgeOBruOCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVySXRlbT86IChwcm9wczogVGltZWxpbmVJdGVtUHJvcHM8UHJvcHM+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIOaXpeS7mOOBqOOAgeaXpeS7mOOBq+WvvuW/nOOBmeOCi+ODh+ODvOOCv+e+pOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDmmIfpoIbjgadrZXnjgYzjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgajjgZfjgabjgYTjgovngrnjgavms6jmhI/jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICpcbiAgICog44K944O844OI5Yem55CG44GM6Z2i5YCS44Gq5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICog44GT44GT44Gn5YCk44Go44GX44Gm5oyH5a6a44GV44KM44Gf6YWN5YiX44Gu5Z6L44GvVGltZWxpbmVQcm9wcy5pdGVt44Gu5byV5pWw44Gr55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIGRhdGXjga7jg5Xjgqnjg7zjg57jg4Pjg4jjga9ZWVlZTU1EROOBvuOBn+OBr1lZWVktTU0tRETjgafjgZnjgIJudW1iZXIobXMp44Gr44Gv5b6M44Gr5a++5b+c44GZ44KL44GL44KC44GX44KM44G+44Gb44KT44CCXG4gICAqXG4gICAqIERhdGXlnovjgpLliKnnlKjjgZfjgZ/jgYTjgajjgYTjgYblvLfjgYTopoHmnJvjgYzjgYLjgaPjgZ/loLTlkIjjga9NYXDjgavliIfjgormm7/jgYjjgovjgZPjgajjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICovXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBQcm9wc1tdPjtcbiAgLyoqXG4gICAqIOWMuuWIhuOBlOOBqOOBruODqeODmeODq+OBruihqOiomOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB7eWVhcjogbnVtZXJpYyAsbW9udGg6IG51bWVyaWMsIGRheTogbnVtZXJpY31cbiAgICovXG4gIGZvcm1hdD86IFwicmVsYXRpdmVcIiB8IEludGwuRGF0ZVRpbWVGb3JtYXRPcHRpb25zO1xuICAvKipcbiAgICog5Yy65YiG44KS5oyH5a6a44GZ44KL44CC5Y6f54K544KS5Lit5b+D44Go44GX44Gm5Lih5YG044Gr44CB6aCG44Gr5oyH5a6a44GV44KM44Gf5Yy65YiG54K544KS6YWN572u44GX44Gm44GE44GP44CCXG4gICAqXG4gICAqIOWOn+eCueOBruODh+ODleOCqeODq+ODiOOBr1wi5LuK5pelXCLjgIJcbiAgICpcbiAgICog6YGO5Y6744GL44KJ5pyq5p2l44G45piH6aCG44Gn44K944O844OI44GV44KM44Gm44GE44KL44GT44Go44KS5YmN5o+Q44Gr44GX44Gm44GE44G+44GZ44CCXG4gICAqIOOCveODvOODiOWHpueQhuOBjOmbo+OBl+OBhOWgtOWQiOOBr1VJ5YG044Gn44Gu5Yem55CG44KS5qSc6KiO44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFtdXG4gICAqL1xuICBzZXBhcmF0b3JzPzoge1xuICAgIHVuaXQ6IFwiZGF5XCIgfCBcIm1vbnRoXCIgfCBcInllYXJcIiB8IFwid2Vla1wiO1xuICAgIHZhbHVlOiBudW1iZXI7XG4gIH1bXTtcbiAgLyoqXG4gICAqIOWfuua6luaXpeOCkuaMh+WumuOBmeOCi+OAglxuICAgKiBAZGVmYXVsdCB0b2RheVxuICAgKi9cbiAgZGF0ZT86IGRheWpzLkNvbmZpZ1R5cGU7XG4gIC8qKlxuICAgKiDjg5Xjgqnjg7zjg57jg4Pjg4jjgZXjgozjgZ/ml6Xku5jjgpLlj5fjgZHlj5bjgorjgIHjg6njg5njg6vjgajjgZfjgabooajnpLrjgZnjgovjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICovXG4gIHJlbmRlckxhYmVsPzogKHByb3BzOiBUaW1lbGluZUxhYmVsUHJvcHMpID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBnZXREYXRlc0VudHJpZXMgPSA8RSBleHRlbmRzIFVua25vd25Qcm9wcz4oXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBFW10+LFxuICBzZXBhcmF0b3JzOiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdLFxuICBvcmlnaW46IGRheWpzLkRheWpzLFxuKSA9PiB7XG4gIGlmIChzZXBhcmF0b3JzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmV2UHJvcHNBcnJheTogW10sXG4gICAgICBkYXRlc0VudHJpZXM6IE9iamVjdC5lbnRyaWVzKGRhdGVzKS5tYXAoKFtkYXRlLCBwcm9wc0FycmF5XSkgPT4ge1xuICAgICAgICBjb25zdCBkaWZmID0gZGF5anMoZGF0ZSkuZGlmZihvcmlnaW4sIFwiZGF5XCIpO1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgcHJvcHNBcnJheS5tYXAoKHByb3BzKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBkYXRlLFxuICAgICAgICAgIH0pKSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB1bml0OiBcImRheVwiLFxuICAgICAgICAgICAgZGlmZixcbiAgICAgICAgICB9LFxuICAgICAgICBdIGFzIGNvbnN0O1xuICAgICAgfSksXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGNvcHkgPSB7IC4uLmRhdGVzIH07XG4gIC8vIHByZXZQcm9wc1xuICBsZXQgcHJldlByb3BzOiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10gPSBbXTtcbiAgY29uc3QgbWluID0gb3JpZ2luLmFkZChzZXBhcmF0b3JzWzBdLnZhbHVlLCBzZXBhcmF0b3JzWzBdLnVuaXQpO1xuICBmb3IgKGNvbnN0IGRhdGUgaW4gY29weSkge1xuICAgIGlmIChkYXlqcyhkYXRlKS5pc0JlZm9yZShtaW4sIFwiZGF5XCIpKSB7XG4gICAgICBjb25zdCBhZGQgPSBjb3B5W2RhdGVdLm1hcCgocHJvcHMpID0+ICh7IC4uLnByb3BzLCBkYXRlIH0pKTtcbiAgICAgIHByZXZQcm9wcyA9IHByZXZQcm9wcy5jb25jYXQoYWRkKTtcbiAgICAgIGRlbGV0ZSBjb3B5W2RhdGVdO1xuICAgIH0gZWxzZSB7XG4gICAgICBicmVhaztcbiAgICB9XG4gIH1cbiAgbGV0IHJlc3VsdHM6IChyZWFkb25seSBbXG4gICAgc3RyaW5nLFxuICAgIChFICYge1xuICAgICAgZGF0ZTogc3RyaW5nO1xuICAgIH0pW10sXG4gICAge1xuICAgICAgdW5pdDogc3RyaW5nO1xuICAgICAgZGlmZjogbnVtYmVyO1xuICAgIH0sXG4gIF0pW10gPSBbXTtcbiAgc2VwYXJhdG9ycy5tYXAoKHsgdW5pdCwgdmFsdWUgfSwgaW5kZXgsIG9yaWdpbmFsKSA9PiB7XG4gICAgY29uc3QgbWluID0gb3JpZ2luLmFkZCh2YWx1ZSwgdW5pdCk7XG4gICAgY29uc3QgbWF4ID1cbiAgICAgIHNlcGFyYXRvcnMubGVuZ3RoIC0gMSA9PT0gaW5kZXhcbiAgICAgICAgPyBkYXlqcyhcIjk5OTkvMTIvMjRcIilcbiAgICAgICAgOiBvcmlnaW4uYWRkKG9yaWdpbmFsW2luZGV4ICsgMV0udmFsdWUsIG9yaWdpbmFsW2luZGV4ICsgMV0udW5pdCk7XG4gICAgbGV0IHByb3BzQXJyYXk6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICAgIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgICBpZiAoZGF5anMoZGF0ZSkuaXNCZXR3ZWVuKG1pbiwgbWF4LCBcImRheVwiLCBcIlspXCIpKSB7XG4gICAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgICBwcm9wc0FycmF5ID0gcHJvcHNBcnJheS5jb25jYXQoYWRkKTtcbiAgICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHByb3BzQXJyYXkubGVuZ3RoID4gMCkge1xuICAgICAgcmVzdWx0cyA9IHJlc3VsdHMuY29uY2F0KFtcbiAgICAgICAgW1xuICAgICAgICAgIG1pbi5mb3JtYXQoXCJZWVlZTU1ERFwiKSxcbiAgICAgICAgICBwcm9wc0FycmF5LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQsXG4gICAgICAgICAgICBkaWZmOiB2YWx1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgXSk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHtcbiAgICBwcmV2UHJvcHNBcnJheTogcHJldlByb3BzLFxuICAgIGRhdGVzRW50cmllczogcmVzdWx0cyxcbiAgfTtcbn07XG5cbmNvbnN0IG1ha2VSZW5kZXJJdGVtcyA9XG4gIDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgICByZW5kZXJJdGVtOiAoXG4gICAgICBwcm9wczogRSAmIHsgZGF0ZTogc3RyaW5nOyBpbmRleDogbnVtYmVyIH0sXG4gICAgKSA9PiBSZWFjdC5KU1guRWxlbWVudCxcbiAgKSA9PlxuICAocHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdKSA9PiB7XG4gICAgcmV0dXJuIHByb3BzQXJyYXkubWFwKChwcm9wcywgaW5kZXgpID0+XG4gICAgICBSZWFjdC5jbG9uZUVsZW1lbnQocmVuZGVySXRlbSh7IC4uLnByb3BzLCBpbmRleCB9KSwge1xuICAgICAgICBrZXk6IGAke3Byb3BzLmRhdGV9LiR7aW5kZXh9YCxcbiAgICAgIH0pLFxuICAgICk7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUaW1lbGluZSA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPih7XG4gIHJlbmRlckl0ZW0sXG4gIGRhdGVzLFxuICBmb3JtYXQgPSB7IHllYXI6IFwibnVtZXJpY1wiLCBtb250aDogXCJudW1lcmljXCIsIGRheTogXCJudW1lcmljXCIgfSxcbiAgc2VwYXJhdG9ycyA9IFtdLFxuICBkYXRlID0gZGF5anMoKS5zdGFydE9mKFwiZGF5XCIpLFxuICByZW5kZXJMYWJlbDogTGFiZWwgPSBEZWZhdWx0TGFiZWwsXG4gIC4uLnByb3BzXG59OiBUaW1lbGluZVByb3BzPEU+KSA9PiB7XG4gIGNvbnN0IGxvY2FsZSA9IHVzZUNvbnRleHQoTG9jYWxlQ29udGV4dCk7XG4gIGNvbnN0IHJ0ZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBSZWxhdGl2ZVRpbWVGb3JtYXQobG9jYWxlLCB7XG4gICAgICBudW1lcmljOiBcImF1dG9cIixcbiAgICB9KTtcbiAgfSwgW2xvY2FsZV0pO1xuICBjb25zdCB7IHByZXZQcm9wc0FycmF5LCBkYXRlc0VudHJpZXMgfSA9IGdldERhdGVzRW50cmllczxFPihcbiAgICBkYXRlcyxcbiAgICBzZXBhcmF0b3JzLFxuICAgIGRheWpzKGRhdGUpLFxuICApO1xuXG4gIGNvbnN0IHJlbmRlckl0ZW1zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgSXRlbSA9IHJlbmRlckl0ZW07XG4gICAgaWYgKEl0ZW0gPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFwiaXRlbSBvciByZW5kZXJJdGVtIGlzIHJlcXVpcmVkXCIpO1xuICAgIH1cbiAgICByZXR1cm4gbWFrZVJlbmRlckl0ZW1zPEU+KEl0ZW0pO1xuICB9LCBbcmVuZGVySXRlbV0pO1xuXG4gIHJldHVybiBkYXRlc0VudHJpZXMubGVuZ3RoID4gMCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7cHJldlByb3BzQXJyYXkubGVuZ3RoID4gMCAmJiA8ZGl2PntyZW5kZXJJdGVtcyhwcmV2UHJvcHNBcnJheSl9PC9kaXY+fVxuICAgICAge2RhdGVzRW50cmllcy5tYXAoKFt2YWx1ZSwgcHJvcHNBcnJheSwgeyB1bml0LCBkaWZmIH1dKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1hdGVkRGF0ZSA9XG4gICAgICAgICAgZm9ybWF0ID09PSBcInJlbGF0aXZlXCJcbiAgICAgICAgICAgID8gcnRmLmZvcm1hdChkaWZmLCB1bml0IGFzIFVuaXQpXG4gICAgICAgICAgICA6IGRheWpzKHZhbHVlKS50b0RhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCBmb3JtYXQpO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2Zvcm1hdGVkRGF0ZX0+XG4gICAgICAgICAgICA8TGFiZWwgZm9ybWF0dGVkRGF0ZT17Zm9ybWF0ZWREYXRlfSAvPlxuICAgICAgICAgICAgPGRpdj57cmVuZGVySXRlbXMocHJvcHNBcnJheSl9PC9kaXY+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var DefaultLabel = _ref3 => {
@@ -112,7 +112,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;flex-direction:column;gap:16px"
 } : {
   name: "wuhi55-Timeline",
-  styles: "display:flex;flex-direction:column;gap:16px;label:Timeline;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcU9jIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxQcm9wcyBleHRlbmRzIFVua25vd25Qcm9wcz5cbiAgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAvKipcbiAgICogVGltZWxpbmVQcm9wcy5kYXRlc+OBp+aMh+WumuOBleOCjOOBn+ODh+ODvOOCv+OCknByb3Bz44Go44GX44Gm5Y+X44GR5Y+W44KK6KGo56S644GZ44KL44Gf44KB44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJJdGVtPzogKHByb3BzOiBUaW1lbGluZUl0ZW1Qcm9wczxQcm9wcz4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICAvKipcbiAgICog5pel5LuY44Go44CB5pel5LuY44Gr5a++5b+c44GZ44KL44OH44O844K/576k44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIOaYh+mghuOBp2tleeOBjOOCveODvOODiOOBleOCjOOBpuOBhOOCi+OBk+OBqOOCkuWJjeaPkOOBqOOBl+OBpuOBhOOCi+eCueOBq+azqOaEj+OBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKlxuICAgKiDjgr3jg7zjg4jlh6bnkIbjgYzpnaLlgJLjgarloLTlkIjjga9VSeWBtOOBp+OBruWHpueQhuOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDjgZPjgZPjgaflgKTjgajjgZfjgabmjIflrprjgZXjgozjgZ/phY3liJfjga7lnovjga9UaW1lbGluZVByb3BzLml0ZW3jga7lvJXmlbDjgavnlKjjgYTjgonjgozjgb7jgZnjgIJcbiAgICpcbiAgICogZGF0ZeOBruODleOCqeODvOODnuODg+ODiOOBr1lZWVlNTURE44G+44Gf44GvWVlZWS1NTS1EROOBp+OBmeOAgm51bWJlcihtcynjgavjga/lvozjgavlr77lv5zjgZnjgovjgYvjgoLjgZfjgozjgb7jgZvjgpPjgIJcbiAgICpcbiAgICogRGF0ZeWei+OCkuWIqeeUqOOBl+OBn+OBhOOBqOOBhOOBhuW8t+OBhOimgeacm+OBjOOBguOBo+OBn+WgtOWQiOOBr01hcOOBq+WIh+OCiuabv+OBiOOCi+OBk+OBqOOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKi9cbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIFByb3BzW10+O1xuICAvKipcbiAgICog5Yy65YiG44GU44Go44Gu44Op44OZ44Or44Gu6KGo6KiY44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHt5ZWFyOiBudW1lcmljICxtb250aDogbnVtZXJpYywgZGF5OiBudW1lcmljfVxuICAgKi9cbiAgZm9ybWF0PzogXCJyZWxhdGl2ZVwiIHwgSW50bC5EYXRlVGltZUZvcm1hdE9wdGlvbnM7XG4gIC8qKlxuICAgKiDljLrliIbjgpLmjIflrprjgZnjgovjgILljp/ngrnjgpLkuK3lv4PjgajjgZfjgabkuKHlgbTjgavjgIHpoIbjgavmjIflrprjgZXjgozjgZ/ljLrliIbngrnjgpLphY3nva7jgZfjgabjgYTjgY/jgIJcbiAgICpcbiAgICog5Y6f54K544Gu44OH44OV44Kp44Or44OI44GvXCLku4rml6VcIuOAglxuICAgKlxuICAgKiDpgY7ljrvjgYvjgonmnKrmnaXjgbjmmIfpoIbjgafjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgavjgZfjgabjgYTjgb7jgZnjgIJcbiAgICog44K944O844OI5Yem55CG44GM6Zuj44GX44GE5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgW11cbiAgICovXG4gIHNlcGFyYXRvcnM/OiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdO1xuICAvKipcbiAgICog5Z+65rqW5pel44KS5oyH5a6a44GZ44KL44CCXG4gICAqIEBkZWZhdWx0IHRvZGF5XG4gICAqL1xuICBkYXRlPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgLyoqXG4gICAqIOODleOCqeODvOODnuODg+ODiOOBleOCjOOBn+aXpeS7mOOCkuWPl+OBkeWPluOCiuOAgeODqeODmeODq+OBqOOBl+OBpuihqOekuuOBmeOCi+OCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyTGFiZWw/OiAocHJvcHM6IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmNvbnN0IGdldERhdGVzRW50cmllcyA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIEVbXT4sXG4gIHNlcGFyYXRvcnM6IHtcbiAgICB1bml0OiBcImRheVwiIHwgXCJtb250aFwiIHwgXCJ5ZWFyXCIgfCBcIndlZWtcIjtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICB9W10sXG4gIG9yaWdpbjogZGF5anMuRGF5anMsXG4pID0+IHtcbiAgaWYgKHNlcGFyYXRvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHByZXZQcm9wc0FycmF5OiBbXSxcbiAgICAgIGRhdGVzRW50cmllczogT2JqZWN0LmVudHJpZXMoZGF0ZXMpLm1hcCgoW2RhdGUsIHByb3BzQXJyYXldKSA9PiB7XG4gICAgICAgIGNvbnN0IGRpZmYgPSBkYXlqcyhkYXRlKS5kaWZmKG9yaWdpbiwgXCJkYXlcIik7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgZGF0ZSxcbiAgICAgICAgICBwcm9wc0FycmF5Lm1hcCgocHJvcHMpID0+ICh7XG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgfSkpLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQ6IFwiZGF5XCIsXG4gICAgICAgICAgICBkaWZmLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0gYXMgY29uc3Q7XG4gICAgICB9KSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3QgY29weSA9IHsgLi4uZGF0ZXMgfTtcbiAgLy8gcHJldlByb3BzXG4gIGxldCBwcmV2UHJvcHM6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHNlcGFyYXRvcnNbMF0udmFsdWUsIHNlcGFyYXRvcnNbMF0udW5pdCk7XG4gIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgaWYgKGRheWpzKGRhdGUpLmlzQmVmb3JlKG1pbiwgXCJkYXlcIikpIHtcbiAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgcHJldlByb3BzID0gcHJldlByb3BzLmNvbmNhdChhZGQpO1xuICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgfSBlbHNlIHtcbiAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuICBsZXQgcmVzdWx0czogKHJlYWRvbmx5IFtcbiAgICBzdHJpbmcsXG4gICAgKEUgJiB7XG4gICAgICBkYXRlOiBzdHJpbmc7XG4gICAgfSlbXSxcbiAgICB7XG4gICAgICB1bml0OiBzdHJpbmc7XG4gICAgICBkaWZmOiBudW1iZXI7XG4gICAgfSxcbiAgXSlbXSA9IFtdO1xuICBzZXBhcmF0b3JzLm1hcCgoeyB1bml0LCB2YWx1ZSB9LCBpbmRleCwgb3JpZ2luYWwpID0+IHtcbiAgICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHZhbHVlLCB1bml0KTtcbiAgICBjb25zdCBtYXggPVxuICAgICAgc2VwYXJhdG9ycy5sZW5ndGggLSAxID09PSBpbmRleFxuICAgICAgICA/IGRheWpzKFwiOTk5OS8xMi8yNFwiKVxuICAgICAgICA6IG9yaWdpbi5hZGQob3JpZ2luYWxbaW5kZXggKyAxXS52YWx1ZSwgb3JpZ2luYWxbaW5kZXggKyAxXS51bml0KTtcbiAgICBsZXQgcHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdID0gW107XG4gICAgZm9yIChjb25zdCBkYXRlIGluIGNvcHkpIHtcbiAgICAgIGlmIChkYXlqcyhkYXRlKS5pc0JldHdlZW4obWluLCBtYXgsIFwiZGF5XCIsIFwiWylcIikpIHtcbiAgICAgICAgY29uc3QgYWRkID0gY29weVtkYXRlXS5tYXAoKHByb3BzKSA9PiAoeyAuLi5wcm9wcywgZGF0ZSB9KSk7XG4gICAgICAgIHByb3BzQXJyYXkgPSBwcm9wc0FycmF5LmNvbmNhdChhZGQpO1xuICAgICAgICBkZWxldGUgY29weVtkYXRlXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAocHJvcHNBcnJheS5sZW5ndGggPiAwKSB7XG4gICAgICByZXN1bHRzID0gcmVzdWx0cy5jb25jYXQoW1xuICAgICAgICBbXG4gICAgICAgICAgbWluLmZvcm1hdChcIllZWVlNTUREXCIpLFxuICAgICAgICAgIHByb3BzQXJyYXksXG4gICAgICAgICAge1xuICAgICAgICAgICAgdW5pdCxcbiAgICAgICAgICAgIGRpZmY6IHZhbHVlLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICBdKTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4ge1xuICAgIHByZXZQcm9wc0FycmF5OiBwcmV2UHJvcHMsXG4gICAgZGF0ZXNFbnRyaWVzOiByZXN1bHRzLFxuICB9O1xufTtcblxuY29uc3QgbWFrZVJlbmRlckl0ZW1zID1cbiAgPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KFxuICAgIHJlbmRlckl0ZW06IChcbiAgICAgIHByb3BzOiBFICYgeyBkYXRlOiBzdHJpbmc7IGluZGV4OiBudW1iZXIgfSxcbiAgICApID0+IFJlYWN0LkpTWC5FbGVtZW50LFxuICApID0+XG4gIChwcm9wc0FycmF5OiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10pID0+IHtcbiAgICByZXR1cm4gcHJvcHNBcnJheS5tYXAoKHByb3BzLCBpbmRleCkgPT5cbiAgICAgIFJlYWN0LmNsb25lRWxlbWVudChyZW5kZXJJdGVtKHsgLi4ucHJvcHMsIGluZGV4IH0pLCB7XG4gICAgICAgIGtleTogYCR7cHJvcHMuZGF0ZX0uJHtpbmRleH1gLFxuICAgICAgfSksXG4gICAgKTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lID0gPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KHtcbiAgcmVuZGVySXRlbSxcbiAgZGF0ZXMsXG4gIGZvcm1hdCA9IHsgeWVhcjogXCJudW1lcmljXCIsIG1vbnRoOiBcIm51bWVyaWNcIiwgZGF5OiBcIm51bWVyaWNcIiB9LFxuICBzZXBhcmF0b3JzID0gW10sXG4gIGRhdGUgPSBkYXlqcygpLnN0YXJ0T2YoXCJkYXlcIiksXG4gIHJlbmRlckxhYmVsOiBMYWJlbCA9IERlZmF1bHRMYWJlbCxcbiAgLi4ucHJvcHNcbn06IFRpbWVsaW5lUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgbG9jYWxlID0gdXNlQ29udGV4dChMb2NhbGVDb250ZXh0KTtcbiAgY29uc3QgcnRmID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIFJlbGF0aXZlVGltZUZvcm1hdChsb2NhbGUsIHtcbiAgICAgIG51bWVyaWM6IFwiYXV0b1wiLFxuICAgIH0pO1xuICB9LCBbbG9jYWxlXSk7XG4gIGNvbnN0IHsgcHJldlByb3BzQXJyYXksIGRhdGVzRW50cmllcyB9ID0gZ2V0RGF0ZXNFbnRyaWVzPEU+KFxuICAgIGRhdGVzLFxuICAgIHNlcGFyYXRvcnMsXG4gICAgZGF5anMoZGF0ZSksXG4gICk7XG5cbiAgY29uc3QgcmVuZGVySXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBJdGVtID0gcmVuZGVySXRlbTtcbiAgICBpZiAoSXRlbSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpdGVtIG9yIHJlbmRlckl0ZW0gaXMgcmVxdWlyZWRcIik7XG4gICAgfVxuICAgIHJldHVybiBtYWtlUmVuZGVySXRlbXM8RT4oSXRlbSk7XG4gIH0sIFtyZW5kZXJJdGVtXSk7XG5cbiAgcmV0dXJuIGRhdGVzRW50cmllcy5sZW5ndGggPiAwID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtwcmV2UHJvcHNBcnJheS5sZW5ndGggPiAwICYmIDxkaXY+e3JlbmRlckl0ZW1zKHByZXZQcm9wc0FycmF5KX08L2Rpdj59XG4gICAgICB7ZGF0ZXNFbnRyaWVzLm1hcCgoW3ZhbHVlLCBwcm9wc0FycmF5LCB7IHVuaXQsIGRpZmYgfV0pID0+IHtcbiAgICAgICAgY29uc3QgZm9ybWF0ZWREYXRlID1cbiAgICAgICAgICBmb3JtYXQgPT09IFwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPyBydGYuZm9ybWF0KGRpZmYsIHVuaXQgYXMgVW5pdClcbiAgICAgICAgICAgIDogZGF5anModmFsdWUpLnRvRGF0ZSgpLnRvTG9jYWxlRGF0ZVN0cmluZyhsb2NhbGUsIGZvcm1hdCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17Zm9ybWF0ZWREYXRlfT5cbiAgICAgICAgICAgIDxMYWJlbCBmb3JtYXR0ZWREYXRlPXtmb3JtYXRlZERhdGV9IC8+XG4gICAgICAgICAgICA8ZGl2PntyZW5kZXJJdGVtcyhwcm9wc0FycmF5KX08L2Rpdj5cbiAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gICkgOiBudWxsO1xufTtcbiJdfQ== */",
+  styles: "display:flex;flex-direction:column;gap:16px;label:Timeline;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc09jIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxcbiAgUHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHMsXG4+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIFRpbWVsaW5lUHJvcHMuZGF0ZXPjgafmjIflrprjgZXjgozjgZ/jg4fjg7zjgr/jgpJwcm9wc+OBqOOBl+OBpuWPl+OBkeWPluOCiuihqOekuuOBmeOCi+OBn+OCgeOBruOCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVySXRlbT86IChwcm9wczogVGltZWxpbmVJdGVtUHJvcHM8UHJvcHM+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIOaXpeS7mOOBqOOAgeaXpeS7mOOBq+WvvuW/nOOBmeOCi+ODh+ODvOOCv+e+pOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDmmIfpoIbjgadrZXnjgYzjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgajjgZfjgabjgYTjgovngrnjgavms6jmhI/jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICpcbiAgICog44K944O844OI5Yem55CG44GM6Z2i5YCS44Gq5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICog44GT44GT44Gn5YCk44Go44GX44Gm5oyH5a6a44GV44KM44Gf6YWN5YiX44Gu5Z6L44GvVGltZWxpbmVQcm9wcy5pdGVt44Gu5byV5pWw44Gr55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIGRhdGXjga7jg5Xjgqnjg7zjg57jg4Pjg4jjga9ZWVlZTU1EROOBvuOBn+OBr1lZWVktTU0tRETjgafjgZnjgIJudW1iZXIobXMp44Gr44Gv5b6M44Gr5a++5b+c44GZ44KL44GL44KC44GX44KM44G+44Gb44KT44CCXG4gICAqXG4gICAqIERhdGXlnovjgpLliKnnlKjjgZfjgZ/jgYTjgajjgYTjgYblvLfjgYTopoHmnJvjgYzjgYLjgaPjgZ/loLTlkIjjga9NYXDjgavliIfjgormm7/jgYjjgovjgZPjgajjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICovXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBQcm9wc1tdPjtcbiAgLyoqXG4gICAqIOWMuuWIhuOBlOOBqOOBruODqeODmeODq+OBruihqOiomOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB7eWVhcjogbnVtZXJpYyAsbW9udGg6IG51bWVyaWMsIGRheTogbnVtZXJpY31cbiAgICovXG4gIGZvcm1hdD86IFwicmVsYXRpdmVcIiB8IEludGwuRGF0ZVRpbWVGb3JtYXRPcHRpb25zO1xuICAvKipcbiAgICog5Yy65YiG44KS5oyH5a6a44GZ44KL44CC5Y6f54K544KS5Lit5b+D44Go44GX44Gm5Lih5YG044Gr44CB6aCG44Gr5oyH5a6a44GV44KM44Gf5Yy65YiG54K544KS6YWN572u44GX44Gm44GE44GP44CCXG4gICAqXG4gICAqIOWOn+eCueOBruODh+ODleOCqeODq+ODiOOBr1wi5LuK5pelXCLjgIJcbiAgICpcbiAgICog6YGO5Y6744GL44KJ5pyq5p2l44G45piH6aCG44Gn44K944O844OI44GV44KM44Gm44GE44KL44GT44Go44KS5YmN5o+Q44Gr44GX44Gm44GE44G+44GZ44CCXG4gICAqIOOCveODvOODiOWHpueQhuOBjOmbo+OBl+OBhOWgtOWQiOOBr1VJ5YG044Gn44Gu5Yem55CG44KS5qSc6KiO44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFtdXG4gICAqL1xuICBzZXBhcmF0b3JzPzoge1xuICAgIHVuaXQ6IFwiZGF5XCIgfCBcIm1vbnRoXCIgfCBcInllYXJcIiB8IFwid2Vla1wiO1xuICAgIHZhbHVlOiBudW1iZXI7XG4gIH1bXTtcbiAgLyoqXG4gICAqIOWfuua6luaXpeOCkuaMh+WumuOBmeOCi+OAglxuICAgKiBAZGVmYXVsdCB0b2RheVxuICAgKi9cbiAgZGF0ZT86IGRheWpzLkNvbmZpZ1R5cGU7XG4gIC8qKlxuICAgKiDjg5Xjgqnjg7zjg57jg4Pjg4jjgZXjgozjgZ/ml6Xku5jjgpLlj5fjgZHlj5bjgorjgIHjg6njg5njg6vjgajjgZfjgabooajnpLrjgZnjgovjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICovXG4gIHJlbmRlckxhYmVsPzogKHByb3BzOiBUaW1lbGluZUxhYmVsUHJvcHMpID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBnZXREYXRlc0VudHJpZXMgPSA8RSBleHRlbmRzIFVua25vd25Qcm9wcz4oXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBFW10+LFxuICBzZXBhcmF0b3JzOiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdLFxuICBvcmlnaW46IGRheWpzLkRheWpzLFxuKSA9PiB7XG4gIGlmIChzZXBhcmF0b3JzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmV2UHJvcHNBcnJheTogW10sXG4gICAgICBkYXRlc0VudHJpZXM6IE9iamVjdC5lbnRyaWVzKGRhdGVzKS5tYXAoKFtkYXRlLCBwcm9wc0FycmF5XSkgPT4ge1xuICAgICAgICBjb25zdCBkaWZmID0gZGF5anMoZGF0ZSkuZGlmZihvcmlnaW4sIFwiZGF5XCIpO1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgcHJvcHNBcnJheS5tYXAoKHByb3BzKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBkYXRlLFxuICAgICAgICAgIH0pKSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB1bml0OiBcImRheVwiLFxuICAgICAgICAgICAgZGlmZixcbiAgICAgICAgICB9LFxuICAgICAgICBdIGFzIGNvbnN0O1xuICAgICAgfSksXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGNvcHkgPSB7IC4uLmRhdGVzIH07XG4gIC8vIHByZXZQcm9wc1xuICBsZXQgcHJldlByb3BzOiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10gPSBbXTtcbiAgY29uc3QgbWluID0gb3JpZ2luLmFkZChzZXBhcmF0b3JzWzBdLnZhbHVlLCBzZXBhcmF0b3JzWzBdLnVuaXQpO1xuICBmb3IgKGNvbnN0IGRhdGUgaW4gY29weSkge1xuICAgIGlmIChkYXlqcyhkYXRlKS5pc0JlZm9yZShtaW4sIFwiZGF5XCIpKSB7XG4gICAgICBjb25zdCBhZGQgPSBjb3B5W2RhdGVdLm1hcCgocHJvcHMpID0+ICh7IC4uLnByb3BzLCBkYXRlIH0pKTtcbiAgICAgIHByZXZQcm9wcyA9IHByZXZQcm9wcy5jb25jYXQoYWRkKTtcbiAgICAgIGRlbGV0ZSBjb3B5W2RhdGVdO1xuICAgIH0gZWxzZSB7XG4gICAgICBicmVhaztcbiAgICB9XG4gIH1cbiAgbGV0IHJlc3VsdHM6IChyZWFkb25seSBbXG4gICAgc3RyaW5nLFxuICAgIChFICYge1xuICAgICAgZGF0ZTogc3RyaW5nO1xuICAgIH0pW10sXG4gICAge1xuICAgICAgdW5pdDogc3RyaW5nO1xuICAgICAgZGlmZjogbnVtYmVyO1xuICAgIH0sXG4gIF0pW10gPSBbXTtcbiAgc2VwYXJhdG9ycy5tYXAoKHsgdW5pdCwgdmFsdWUgfSwgaW5kZXgsIG9yaWdpbmFsKSA9PiB7XG4gICAgY29uc3QgbWluID0gb3JpZ2luLmFkZCh2YWx1ZSwgdW5pdCk7XG4gICAgY29uc3QgbWF4ID1cbiAgICAgIHNlcGFyYXRvcnMubGVuZ3RoIC0gMSA9PT0gaW5kZXhcbiAgICAgICAgPyBkYXlqcyhcIjk5OTkvMTIvMjRcIilcbiAgICAgICAgOiBvcmlnaW4uYWRkKG9yaWdpbmFsW2luZGV4ICsgMV0udmFsdWUsIG9yaWdpbmFsW2luZGV4ICsgMV0udW5pdCk7XG4gICAgbGV0IHByb3BzQXJyYXk6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICAgIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgICBpZiAoZGF5anMoZGF0ZSkuaXNCZXR3ZWVuKG1pbiwgbWF4LCBcImRheVwiLCBcIlspXCIpKSB7XG4gICAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgICBwcm9wc0FycmF5ID0gcHJvcHNBcnJheS5jb25jYXQoYWRkKTtcbiAgICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHByb3BzQXJyYXkubGVuZ3RoID4gMCkge1xuICAgICAgcmVzdWx0cyA9IHJlc3VsdHMuY29uY2F0KFtcbiAgICAgICAgW1xuICAgICAgICAgIG1pbi5mb3JtYXQoXCJZWVlZTU1ERFwiKSxcbiAgICAgICAgICBwcm9wc0FycmF5LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQsXG4gICAgICAgICAgICBkaWZmOiB2YWx1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgXSk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHtcbiAgICBwcmV2UHJvcHNBcnJheTogcHJldlByb3BzLFxuICAgIGRhdGVzRW50cmllczogcmVzdWx0cyxcbiAgfTtcbn07XG5cbmNvbnN0IG1ha2VSZW5kZXJJdGVtcyA9XG4gIDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgICByZW5kZXJJdGVtOiAoXG4gICAgICBwcm9wczogRSAmIHsgZGF0ZTogc3RyaW5nOyBpbmRleDogbnVtYmVyIH0sXG4gICAgKSA9PiBSZWFjdC5KU1guRWxlbWVudCxcbiAgKSA9PlxuICAocHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdKSA9PiB7XG4gICAgcmV0dXJuIHByb3BzQXJyYXkubWFwKChwcm9wcywgaW5kZXgpID0+XG4gICAgICBSZWFjdC5jbG9uZUVsZW1lbnQocmVuZGVySXRlbSh7IC4uLnByb3BzLCBpbmRleCB9KSwge1xuICAgICAgICBrZXk6IGAke3Byb3BzLmRhdGV9LiR7aW5kZXh9YCxcbiAgICAgIH0pLFxuICAgICk7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUaW1lbGluZSA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPih7XG4gIHJlbmRlckl0ZW0sXG4gIGRhdGVzLFxuICBmb3JtYXQgPSB7IHllYXI6IFwibnVtZXJpY1wiLCBtb250aDogXCJudW1lcmljXCIsIGRheTogXCJudW1lcmljXCIgfSxcbiAgc2VwYXJhdG9ycyA9IFtdLFxuICBkYXRlID0gZGF5anMoKS5zdGFydE9mKFwiZGF5XCIpLFxuICByZW5kZXJMYWJlbDogTGFiZWwgPSBEZWZhdWx0TGFiZWwsXG4gIC4uLnByb3BzXG59OiBUaW1lbGluZVByb3BzPEU+KSA9PiB7XG4gIGNvbnN0IGxvY2FsZSA9IHVzZUNvbnRleHQoTG9jYWxlQ29udGV4dCk7XG4gIGNvbnN0IHJ0ZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBSZWxhdGl2ZVRpbWVGb3JtYXQobG9jYWxlLCB7XG4gICAgICBudW1lcmljOiBcImF1dG9cIixcbiAgICB9KTtcbiAgfSwgW2xvY2FsZV0pO1xuICBjb25zdCB7IHByZXZQcm9wc0FycmF5LCBkYXRlc0VudHJpZXMgfSA9IGdldERhdGVzRW50cmllczxFPihcbiAgICBkYXRlcyxcbiAgICBzZXBhcmF0b3JzLFxuICAgIGRheWpzKGRhdGUpLFxuICApO1xuXG4gIGNvbnN0IHJlbmRlckl0ZW1zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgSXRlbSA9IHJlbmRlckl0ZW07XG4gICAgaWYgKEl0ZW0gPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFwiaXRlbSBvciByZW5kZXJJdGVtIGlzIHJlcXVpcmVkXCIpO1xuICAgIH1cbiAgICByZXR1cm4gbWFrZVJlbmRlckl0ZW1zPEU+KEl0ZW0pO1xuICB9LCBbcmVuZGVySXRlbV0pO1xuXG4gIHJldHVybiBkYXRlc0VudHJpZXMubGVuZ3RoID4gMCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7cHJldlByb3BzQXJyYXkubGVuZ3RoID4gMCAmJiA8ZGl2PntyZW5kZXJJdGVtcyhwcmV2UHJvcHNBcnJheSl9PC9kaXY+fVxuICAgICAge2RhdGVzRW50cmllcy5tYXAoKFt2YWx1ZSwgcHJvcHNBcnJheSwgeyB1bml0LCBkaWZmIH1dKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1hdGVkRGF0ZSA9XG4gICAgICAgICAgZm9ybWF0ID09PSBcInJlbGF0aXZlXCJcbiAgICAgICAgICAgID8gcnRmLmZvcm1hdChkaWZmLCB1bml0IGFzIFVuaXQpXG4gICAgICAgICAgICA6IGRheWpzKHZhbHVlKS50b0RhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCBmb3JtYXQpO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2Zvcm1hdGVkRGF0ZX0+XG4gICAgICAgICAgICA8TGFiZWwgZm9ybWF0dGVkRGF0ZT17Zm9ybWF0ZWREYXRlfSAvPlxuICAgICAgICAgICAgPGRpdj57cmVuZGVySXRlbXMocHJvcHNBcnJheSl9PC9kaXY+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var Timeline = _ref6 => {