@dnb/eufemia 10.48.0 → 10.50.0

package/CHANGELOG.md

@@ -3,6 +3,63 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.50.0](https://github.com/dnbexperience/eufemia/compare/v10.49.0...v10.50.0) (2024-09-23)
+
+
+### :memo: Documentation
+
+* adds import statement to info doc for components ([#3966](https://github.com/dnbexperience/eufemia/issues/3966)) ([8034c44](https://github.com/dnbexperience/eufemia/commit/8034c4448f794958de57771941e6402817086014))
+* adds import statement to info doc for elements ([#3972](https://github.com/dnbexperience/eufemia/issues/3972)) ([55ba97d](https://github.com/dnbexperience/eufemia/commit/55ba97dc9956adaed291d9bafdaadbed5519157a))
+* adds tabs to elements docs ([#3967](https://github.com/dnbexperience/eufemia/issues/3967)) ([8305ce3](https://github.com/dnbexperience/eufemia/commit/8305ce3dad911e3a840f73c2096205313d8e9d9d))
+* fix markdown link to text counter component ([4fb5485](https://github.com/dnbexperience/eufemia/commit/4fb5485a9b950650d7ebbdd59e17a662a22b2ccf))
+* fix markdown link to text counter component ([#3958](https://github.com/dnbexperience/eufemia/issues/3958)) ([2671ed4](https://github.com/dnbexperience/eufemia/commit/2671ed452bcab6554c1ba4a7650a8ab40dbd67a4))
+
+
+### :bug: Bug Fixes
+
+* **ChildrenWithAge:** sync summary and edit container ([#3950](https://github.com/dnbexperience/eufemia/issues/3950)) ([52ca0fb](https://github.com/dnbexperience/eufemia/commit/52ca0fb8b24864d3ee72970a4ce0b32cc6ef85d4))
+* **Forms:** add support for `transformIn` and `transformOut` to Field.SelectCountry ([#3975](https://github.com/dnbexperience/eufemia/issues/3975)) ([d1c44c8](https://github.com/dnbexperience/eufemia/commit/d1c44c88a3401f4cd6d7884416287ca827137b9d)), closes [#3974](https://github.com/dnbexperience/eufemia/issues/3974)
+* **Forms:** deprecate and rename `{itemNr}` in favor of `{itemNo}` ([#3969](https://github.com/dnbexperience/eufemia/issues/3969)) ([594f967](https://github.com/dnbexperience/eufemia/commit/594f9675c0cf2888ebc6a222ebd20d9d36003b03))
+* **Forms:** enhance defaultValue routine during mounting of fields ([#3962](https://github.com/dnbexperience/eufemia/issues/3962)) ([68bcbcb](https://github.com/dnbexperience/eufemia/commit/68bcbcbfcd74623e31e31dde8dcde35cdd1d2fcd))
+* **Forms:** enhance reset routine of ChildrenWithAge block ([#3961](https://github.com/dnbexperience/eufemia/issues/3961)) ([2ae6a5f](https://github.com/dnbexperience/eufemia/commit/2ae6a5f373b4e07f0b1b75855c6fb4b701837e28))
+* **Forms:** ensure `defaultValue` works in React.StrictMode ([#3959](https://github.com/dnbexperience/eufemia/issues/3959)) ([fb71a48](https://github.com/dnbexperience/eufemia/commit/fb71a48561001e968a555b7e3477354e8f91ab5b))
+* **Forms:** ensure `Value.*` component's `transformIn` can changes its value ([#3965](https://github.com/dnbexperience/eufemia/issues/3965)) ([0698741](https://github.com/dnbexperience/eufemia/commit/069874197569ec8996ed66eaa6ee274e1c892116))
+* **Forms:** execute `transformOut` when value or defaultValue is given ([#3974](https://github.com/dnbexperience/eufemia/issues/3974)) ([77eab0c](https://github.com/dnbexperience/eufemia/commit/77eab0c2a9a71222565722835c3a02508c89eb7f))
+* **Forms:** make `exportValidators` work with the same validator as given in `validator` or `onBlurValidator` ([#3977](https://github.com/dnbexperience/eufemia/issues/3977)) ([52a5e69](https://github.com/dnbexperience/eufemia/commit/52a5e69ca6e7f09e01dda0bf975897ab00471a09))
+* **Visibility:** prioritize `visible` with a booean over other path assetion ([#3949](https://github.com/dnbexperience/eufemia/issues/3949)) ([c74ee1d](https://github.com/dnbexperience/eufemia/commit/c74ee1d4abf6a0772b09539f302a34049ffc914b))
+
+
+### :sparkles: Features
+
+* **Forms:** add `filterCountries` prop to Field.SelectCountry to filter out certain countries ([#3979](https://github.com/dnbexperience/eufemia/issues/3979)) ([56dfe4f](https://github.com/dnbexperience/eufemia/commit/56dfe4fbbd03c5a3baee15f104d6d43a95b6128e))
+* **Forms:** add `filterCountries` to Field.PhoneNumber ([#3981](https://github.com/dnbexperience/eufemia/issues/3981)) ([8041541](https://github.com/dnbexperience/eufemia/commit/80415413cd4b2cdcd0aca86961f7eab6987741d4))
+* **Forms:** add `inheritVisibility` to each `Value.*` component ([#3948](https://github.com/dnbexperience/eufemia/issues/3948)) ([367889b](https://github.com/dnbexperience/eufemia/commit/367889b38d498f5721869d57cfd5b7006fa5c339))
+* **Forms:** add `limit` prop to Iterate.Array ([#3964](https://github.com/dnbexperience/eufemia/issues/3964)) ([c29b477](https://github.com/dnbexperience/eufemia/commit/c29b4770672fc95402bd98921184c57b50efda82))
+* **Forms:** add `reduceToVisibleFields` to the `useData` hook and Form.Handler `onSubmit` ([#3957](https://github.com/dnbexperience/eufemia/issues/3957)) ([db24256](https://github.com/dnbexperience/eufemia/commit/db24256211116d8f7bc65e88913575eede07d6c6))
+* **Forms:** add `remove` method to Form.useData ([#3960](https://github.com/dnbexperience/eufemia/issues/3960)) ([950e6a3](https://github.com/dnbexperience/eufemia/commit/950e6a3c8da3672810fd5abb70167dce3c5c7937))
+* **Forms:** add `useCountry` with `getCountryNameByIso` to Value.SelectCountry ([#3953](https://github.com/dnbexperience/eufemia/issues/3953)) ([350c060](https://github.com/dnbexperience/eufemia/commit/350c060d69e2694edaee8cf1f6da38f80a8471b4))
+* **OrganizationNumber:** adds organization number validation ([#3976](https://github.com/dnbexperience/eufemia/issues/3976)) ([6f344c2](https://github.com/dnbexperience/eufemia/commit/6f344c2a54e784fe08a5557698e449accdbb246f))
+* **Value.ArraySelection:** add `variant` prop to allow for list layout ([#3947](https://github.com/dnbexperience/eufemia/issues/3947)) ([1aff360](https://github.com/dnbexperience/eufemia/commit/1aff360bc316847082bd656e4e8c54a99c9137b8))
+
+## [10.49.0](https://github.com/dnbexperience/eufemia/compare/v10.48.0...v10.49.0) (2024-09-16)
+
+
+### :sparkles: Features
+
+* **Forms:** add `{nextItemNo}` support to Iterate.PushButton ([#3936](https://github.com/dnbexperience/eufemia/issues/3936)) ([c1445a3](https://github.com/dnbexperience/eufemia/commit/c1445a3db8b4ddd343d4093510e2b70ac94dddf7))
+* **Forms:** add `{nextItemNo}` support to Iterate.PushContainer open button ([#3937](https://github.com/dnbexperience/eufemia/issues/3937)) ([84e8281](https://github.com/dnbexperience/eufemia/commit/84e82817637bdd2392841d484a4c564e6f670618))
+* **Forms:** add `animate` prop to Iterate.Array ([#3928](https://github.com/dnbexperience/eufemia/issues/3928)) ([1d9f3e4](https://github.com/dnbexperience/eufemia/commit/1d9f3e43e98faf5ba3663129eb6b7fa0ac73df8b))
+
+
+### :bug: Bug Fixes
+
+* **ChildrenWithAge:** fixes spacing issue above 1st child ([#3942](https://github.com/dnbexperience/eufemia/issues/3942)) ([0f9dff3](https://github.com/dnbexperience/eufemia/commit/0f9dff3c90a3e8d0b4f002fdb30d2e076f1e323e))
+* **Forms:** enhance container boundary error handling ([#3939](https://github.com/dnbexperience/eufemia/issues/3939)) ([e4691a0](https://github.com/dnbexperience/eufemia/commit/e4691a0e5361c801e9551d3073fad551428acb0d))
+* **Forms:** remove unwanted Iterate.EditContainer error confirmation when using required on Form.Handler ([#3938](https://github.com/dnbexperience/eufemia/issues/3938)) ([4523e35](https://github.com/dnbexperience/eufemia/commit/4523e350f01536bf909a13d737fa0b6423405510))
+* **Forms:** Wizard.Step JSX component TypeScript fix ([#3935](https://github.com/dnbexperience/eufemia/issues/3935)) ([5556182](https://github.com/dnbexperience/eufemia/commit/5556182a0983a11fe952cba9fb34f188d22b60dc))
+* **HeightAnimation:** enhance adjusting the height to 0 ([#3929](https://github.com/dnbexperience/eufemia/issues/3929)) ([a1f6129](https://github.com/dnbexperience/eufemia/commit/a1f6129d0342d8870db7bd07ddab0556cf926c09))
+* **PushContainer:** Add missing variant type ([#3931](https://github.com/dnbexperience/eufemia/issues/3931)) ([32d41b9](https://github.com/dnbexperience/eufemia/commit/32d41b93c4f7f4a65e4bcde4c56e4d335aa65a1f))
+
 ## [10.48.0](https://github.com/dnbexperience/eufemia/compare/v10.47.0...v10.48.0) (2024-09-12)
 
 

package/cjs/components/breadcrumb/BreadcrumbItem.d.ts

@@ -36,7 +36,7 @@ export type BreadcrumbItemProps = {
      */
     skeleton?: SkeletonShow;
     /** Internal */
-    itemNr?: number;
+    itemNo?: number;
 } & (AnchorAllProps & Omit<ButtonProps, 'variant'>) & DataAttributeTypes;
 declare const BreadcrumbItem: {
     (localProps: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/breadcrumb/BreadcrumbItem.js

@@ -14,7 +14,7 @@ var _home = _interopRequireDefault(require("../../icons/home"));
 var _shared = require("../../shared");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
-const _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "itemNr"];
+const _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "itemNo"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -57,7 +57,7 @@ const BreadcrumbItem = localProps => {
       onClick,
       variant,
       skeleton,
-      itemNr
+      itemNo
     } = _extendPropsWithConte,
     props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
   const isSmallScreen = (0, _shared.useMediaQuery)({
@@ -79,7 +79,7 @@ const BreadcrumbItem = localProps => {
   const currentText = text || variant === 'home' && homeText || '';
   const isInteractive = (href || onClick || props.to) && variant !== 'current';
   const style = {
-    '--delay': String(itemNr)
+    '--delay': String(itemNo)
   };
   const iconToUse = variant === 'home' || currentIcon === 'home-icon' ? _home.default : currentIcon;
   return _react.default.createElement("li", {

package/cjs/components/breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["_react","_interopRequireDefault","require","_Button","_Anchor","_IconPrimary","_P","_home","_shared","_Context","_componentHelper","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","Context","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","extendPropsWithContext","itemNr","props","useMediaQuery","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","homeIcon","createElement","className","undefined","name","icon_position","on_click","Fragment","filterProps","includes","space","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbItem.js","names":["_react","_interopRequireDefault","require","_Button","_Anchor","_IconPrimary","_P","_home","_shared","_Context","_componentHelper","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","Context","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","extendPropsWithContext","itemNo","props","useMediaQuery","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","homeIcon","createElement","className","undefined","name","icon_position","on_click","Fragment","filterProps","includes","space","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNo?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNo,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNo) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}

package/cjs/components/breadcrumb/BreadcrumbMultiple.js

@@ -29,11 +29,11 @@ const BreadcrumbMultiple = _ref => {
     return _react.default.createElement(_BreadcrumbItem.default, _extends({
       key: i,
       variant: i == 0 && 'home' || i == data.length - 1 && 'current' || null,
-      itemNr: i
+      itemNo: i
     }, breadcrumbItem));
   }), _react.default.Children.toArray(items).filter(item => _react.default.isValidElement(item)).map((item, i) => _react.default.cloneElement(item, {
     key: i,
-    itemNr: i
+    itemNo: i
   }))));
 };
 exports.BreadcrumbMultiple = BreadcrumbMultiple;

package/cjs/components/breadcrumb/BreadcrumbMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMultiple.js","names":["_react","_interopRequireDefault","require","_HeightAnimation","_Section","_BreadcrumbItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","variant","itemNr","React","Children","toArray","filter","item","isValidElement","cloneElement","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAW/D,MAAMQ,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,gBAAA,CAAAK,OAAe;IACdsB,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpChC,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,QAAA,CAAAI,OAAO;IACNwB,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEtB,CAAC,KAAK;IAChC,OACEd,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,eAAA,CAAAG,OAAc,EAAAC,QAAA;MACbS,GAAG,EAAEJ,CAAE;MACPuB,OAAO,EACJvB,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIc,IAAI,CAACZ,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDsB,MAAM,EAAExB;IAAE,GACNsB,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDG,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACf,KAAK,CAAC,CAC3BgB,MAAM,CAAEC,IAAI,IAAKJ,cAAK,CAACK,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CR,GAAG,CAAC,CAACQ,IAA6C,EAAE7B,CAAC,KACpDyB,cAAK,CAACM,YAAY,CAACF,IAAI,EAAE;IAAEzB,GAAG,EAAEJ,CAAC;IAAEwB,MAAM,EAAExB;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC;AAAAgC,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA"}
+{"version":3,"file":"BreadcrumbMultiple.js","names":["_react","_interopRequireDefault","require","_HeightAnimation","_Section","_BreadcrumbItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","variant","itemNo","React","Children","toArray","filter","item","isValidElement","cloneElement","exports"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNo={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNo: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAW/D,MAAMQ,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,gBAAA,CAAAK,OAAe;IACdsB,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpChC,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,QAAA,CAAAI,OAAO;IACNwB,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEtB,CAAC,KAAK;IAChC,OACEd,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,eAAA,CAAAG,OAAc,EAAAC,QAAA;MACbS,GAAG,EAAEJ,CAAE;MACPuB,OAAO,EACJvB,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIc,IAAI,CAACZ,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDsB,MAAM,EAAExB;IAAE,GACNsB,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDG,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACf,KAAK,CAAC,CAC3BgB,MAAM,CAAEC,IAAI,IAAKJ,cAAK,CAACK,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CR,GAAG,CAAC,CAACQ,IAA6C,EAAE7B,CAAC,KACpDyB,cAAK,CAACM,YAAY,CAACF,IAAI,EAAE;IAAEzB,GAAG,EAAEJ,CAAC;IAAEwB,MAAM,EAAExB;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC;AAAAgC,OAAA,CAAAvB,kBAAA,GAAAA,kBAAA"}

package/cjs/components/checkbox/CheckboxDocs.js

@@ -72,7 +72,7 @@ const CheckboxProperties = {
   },
   innerRef: {
     doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
-    type: 'string',
+    type: 'React.Ref',
     status: 'optional'
   },
   '[Space](/uilib/layout/space/properties)': {

package/cjs/components/checkbox/CheckboxDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","exports","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAG;EACtDC,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAa,OAAA,CAAAjB,kBAAA,GAAAA,kBAAA;AAEM,MAAMkB,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRjB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC;AAAAa,OAAA,CAAAC,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","exports","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAG;EACtDC,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAa,OAAA,CAAAjB,kBAAA,GAAAA,kBAAA;AAEM,MAAMkB,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRjB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC;AAAAa,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/cjs/components/height-animation/HeightAnimationInstance.d.ts

@@ -51,6 +51,7 @@ export default class HeightAnimation {
     setAsClosed(): void;
     getHeight(): number;
     getUnknownHeight(): number;
+    withFallback(elem: HTMLElement, key: 'clientHeight' | 'clientWidth', fallback?: 'data-height' | 'data-width'): number;
     onStart(fn: HeightAnimationOnStartCallback): void;
     onEnd(fn: HeightAnimationOnEndCallback): void;
     start(fromHeight: HeightAnimationFromHeight, toHeight: HeightAnimationToHeight): void;

package/cjs/components/height-animation/HeightAnimationInstance.js

@@ -137,11 +137,11 @@ class HeightAnimation {
     this.callAnimationEnd();
   }
   getHeight() {
-    var _this$elem4;
-    return parseFloat(String((_this$elem4 = this.elem) === null || _this$elem4 === void 0 ? void 0 : _this$elem4.clientHeight)) || null;
+    var _this$withFallback;
+    return (_this$withFallback = this.withFallback(this.elem, 'clientHeight')) !== null && _this$withFallback !== void 0 ? _this$withFallback : null;
   }
   getUnknownHeight() {
-    var _this$elem$parentNode, _clonedElem$parentNod;
+    var _this$elem$parentNode, _this$withFallback2, _this$withFallback3, _clonedElem$parentNod;
     if (!this.elem) {
       return null;
     }
@@ -160,17 +160,24 @@ class HeightAnimation {
     clonedElem.style.position = 'absolute';
     (_this$elem$parentNode = this.elem.parentNode) === null || _this$elem$parentNode === void 0 ? void 0 : _this$elem$parentNode.insertBefore(clonedElem, this.elem.nextSibling);
     const elemWidth = this.elem.clientWidth;
-    const clonedWidth = clonedElem.clientWidth || parseFloat(clonedElem.getAttribute('data-width')) || 0;
+    const clonedWidth = (_this$withFallback2 = this.withFallback(clonedElem, 'clientWidth', 'data-width')) !== null && _this$withFallback2 !== void 0 ? _this$withFallback2 : 0;
     if (clonedWidth > elemWidth) {
       clonedElem.style.width = `${elemWidth}px`;
     }
-    const height = clonedElem.clientHeight || parseFloat(clonedElem.getAttribute('data-height')) || null;
+    const height = (_this$withFallback3 = this.withFallback(this.elem, 'clientHeight', 'data-height')) !== null && _this$withFallback3 !== void 0 ? _this$withFallback3 : null;
     (_clonedElem$parentNod = clonedElem.parentNode) === null || _clonedElem$parentNod === void 0 ? void 0 : _clonedElem$parentNod.removeChild(clonedElem);
     if (height) {
       this.__currentHeight = height;
     }
     return height;
   }
+  withFallback(elem, key, fallback) {
+    const val = fallback && elem.hasAttribute(fallback) ? parseFloat(elem.getAttribute(fallback)) : elem === null || elem === void 0 ? void 0 : elem[key];
+    if (isNaN(val)) {
+      return null;
+    }
+    return val;
+  }
   onStart(fn) {
     this.onStartStack.push(fn);
   }
@@ -254,7 +261,7 @@ class HeightAnimation {
     if (!this.elem || opts.animate === false || this.state === 'opening' || this.state === 'closing') {
       return;
     }
-    if (fromHeight === 0 || fromHeight === null) {
+    if (fromHeight === null) {
       fromHeight = this.getHeight();
     }
     if (toHeight === null) {

package/cjs/components/height-animation/HeightAnimationInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","arguments","length","undefined","_defineProperty","animate","visibility","opacity","height","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","setAsOpen","setAsClosed","getHeight","_this$elem4","clientHeight","getUnknownHeight","_this$elem$parentNode","_clonedElem$parentNod","clonedElem","cloneNode","inputs","querySelectorAll","input","removeAttribute","key","firstPaintStyle","style","position","parentNode","insertBefore","nextSibling","elemWidth","clientWidth","clonedWidth","getAttribute","width","removeChild","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","overflowY","readjust","close","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime","exports","default"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export type HeightAnimationOnStartStates =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\nexport type HeightAnimationOnEndStates = 'opened' | 'closed' | 'adjusted'\nexport type HeightAnimationStates =\n  | HeightAnimationOnStartStates\n  | HeightAnimationOnEndStates\n  | 'init'\nexport type HeightAnimationOptions = {\n  animate?: boolean\n}\nexport type HeightAnimationOnStartCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnEndCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnStartStack =\n  Array<HeightAnimationOnStartCallback>\nexport type HeightAnimationOnEndStack = Array<HeightAnimationOnEndCallback>\nexport type HeightAnimationEventListener = (e: Event) => void\nexport type HeightAnimationEvents = Array<HeightAnimationEventListener>\nexport type HeightAnimationElement = HTMLElement\nexport type HeightAnimationContainer = HTMLElement\nexport type HeightAnimationFromHeight = number\nexport type HeightAnimationToHeight = number\n\nexport default class HeightAnimation {\n  private state: Readonly<HeightAnimationStates>\n  isInBrowser: boolean\n  onStartStack: HeightAnimationOnStartStack = []\n  onEndStack: HeightAnimationOnEndStack = []\n  events: HeightAnimationEvents = []\n  opts: HeightAnimationOptions = { animate: true }\n  elem: HeightAnimationElement\n  reqId1: number\n  reqId2: number\n  resizeTimeout: NodeJS.Timeout\n  timeouts: NodeJS.Timeout[] = []\n  firstTime?: number = 0\n  startTime?: number = 0\n  duration?: number = 0\n  isAnimating: boolean\n  __currentHeight: number\n\n  firstPaintStyle = {\n    visibility: 'hidden',\n    opacity: '0', // prevents before/after elements to be visible\n    height: 'auto',\n  } as const\n\n  constructor(opts: HeightAnimationOptions = {}) {\n    this.isInBrowser = typeof window !== 'undefined'\n    this.setState('init')\n    this.setOptions(opts)\n  }\n\n  callAnimationStart() {\n    this.startTime = Date.now()\n    if (!this.firstTime) {\n      this.firstTime = this.startTime\n    }\n    if (this.onStartStack) {\n      this.onStartStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  callAnimationEnd() {\n    this.isAnimating = false\n\n    if (this.state !== 'opened') {\n      delete this.__currentHeight\n    }\n\n    this.removeEndEvents()\n\n    if (this.onEndStack) {\n      this.onEndStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  addEndEvent(listener: HeightAnimationEventListener) {\n    this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n    const handleTransitionEnd = (e) => {\n      if (this.canFinish()) {\n        listener(e)\n      } else {\n        const delay = this.duration - (Date.now() - this.startTime)\n\n        if (delay === -1) {\n          listener(e)\n        } else {\n          this.timeouts.push(setTimeout(() => listener(e), delay))\n        }\n      }\n    }\n\n    this.events.push(handleTransitionEnd)\n    this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n  }\n  removeEndEvents() {\n    this.events.forEach((listener) => {\n      this.elem?.removeEventListener?.('transitionend', listener)\n    })\n    this.events = []\n  }\n\n  // Public methods\n  setElement(elem: HeightAnimationElement) {\n    this.elem =\n      elem ||\n      (typeof document !== 'undefined' && document.createElement('div'))\n\n    // TODO: remove when responsive tables are supported\n    if (String(this.elem?.nodeName).toLowerCase() === 'td') {\n      this.elem = this.elem.parentElement\n    }\n\n    this.duration =\n      globalThis.animationDuration ??\n      (parseFloat(window.getComputedStyle(this.elem).transitionDuration) *\n        1000 ||\n        400) // The default duration\n  }\n  setState(state: HeightAnimationStates) {\n    this.state = Object.freeze(state)\n  }\n  setOptions(opts: HeightAnimationOptions) {\n    this.opts = Object.freeze({ ...this.opts, ...opts })\n  }\n  getOptions() {\n    return this.opts\n  }\n  remove() {\n    this.stop()\n    this.removeEndEvents()\n    this.setState('init')\n    this.isAnimating = false\n    this.onEndStack = []\n    this.onStartStack = []\n    this.__currentHeight = undefined\n    this.elem = undefined\n  }\n  setAsOpen() {\n    if (this.state === 'opened') {\n      return\n    }\n    this.setState('opening')\n    this.callAnimationStart()\n    this.setState('opened')\n    this.callAnimationEnd()\n  }\n  setAsClosed() {\n    if (this.state === 'closed') {\n      return\n    }\n    this.setState('closing')\n    this.callAnimationStart()\n    this.setState('closed')\n    this.callAnimationEnd()\n  }\n  getHeight() {\n    return parseFloat(String(this.elem?.clientHeight)) || null\n  }\n  getUnknownHeight() {\n    if (!this.elem) {\n      return null\n    }\n\n    if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n      return this.__currentHeight\n    }\n\n    const clonedElem = this.elem.cloneNode(true) as HTMLElement\n    const inputs = clonedElem.querySelectorAll('input')\n    inputs.forEach((input) => {\n      input.removeAttribute('name') // because type=\"radio\" will be else effected negatively\n      input.removeAttribute('id') // don't put IDs twice in the DOM\n    })\n\n    // Hide the cloned element\n    for (const key in this.firstPaintStyle) {\n      clonedElem.style[key] = this.firstPaintStyle[key]\n    }\n    clonedElem.style.position = 'absolute' // not a part of the \"firstPaintStyle\"\n\n    this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n    // When text is wrapped, we get different widths,\n    // so we need to set the width to the original width\n    const elemWidth = this.elem.clientWidth\n    const clonedWidth =\n      clonedElem.clientWidth ||\n      // data-width is used for mockup testing with \"mockHeight\"\n      parseFloat(clonedElem.getAttribute('data-width')) ||\n      0\n\n    if (clonedWidth > elemWidth) {\n      clonedElem.style.width = `${elemWidth}px`\n    }\n\n    const height =\n      clonedElem.clientHeight ||\n      // data-height is used for mockup testing with \"mockHeight\"\n      parseFloat(clonedElem.getAttribute('data-height')) ||\n      null\n\n    clonedElem.parentNode?.removeChild(clonedElem)\n\n    if (height) {\n      this.__currentHeight = height\n    }\n\n    return height\n  }\n  onStart(fn: HeightAnimationOnStartCallback) {\n    this.onStartStack.push(fn)\n  }\n  onEnd(fn: HeightAnimationOnEndCallback) {\n    this.onEndStack.push(fn)\n  }\n  start(\n    fromHeight: HeightAnimationFromHeight,\n    toHeight: HeightAnimationToHeight\n  ) {\n    if (\n      !this.elem ||\n      !(\n        this.isInBrowser &&\n        typeof window.requestAnimationFrame === 'function'\n      )\n    ) {\n      return\n    }\n\n    const opts = this.getOptions()\n    if (opts.animate === false) {\n      return\n    }\n\n    this.stop()\n    this.isAnimating = true\n\n    // make the animation\n    this.reqId1 = window.requestAnimationFrame(() => {\n      if (!this.elem) {\n        return\n      }\n\n      this.elem.style.height = `${fromHeight}px`\n\n      this.reqId2 = window.requestAnimationFrame(() => {\n        if (!this.elem) {\n          return\n        }\n\n        this.elem.style.height = `${toHeight}px`\n      })\n    })\n  }\n  stop() {\n    this.timeouts.forEach((id) => clearTimeout(id))\n    this.timeouts = []\n\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      window.cancelAnimationFrame(this.reqId1)\n      window.cancelAnimationFrame(this.reqId2)\n    }\n  }\n  open() {\n    if (\n      this.state === 'opened' ||\n      this.state === 'opening' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsOpen()\n      return\n    }\n\n    this.setState('opening')\n    this.callAnimationStart()\n\n    const toHeight = this.getUnknownHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.overflowY = ''\n        }\n        this.setState('opened')\n        this.readjust()\n      }\n    })\n\n    this.start(0, toHeight)\n  }\n  close() {\n    if (\n      this.state === 'closed' ||\n      this.state === 'closing' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsClosed()\n      return\n    }\n\n    this.setState('closing')\n    this.callAnimationStart()\n\n    const fromHeight = this.getHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.visibility = 'hidden'\n          this.elem.style.overflowY = 'clip'\n        }\n        this.setState('closed')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, 0)\n  }\n  adjustTo(\n    fromHeight: HeightAnimationFromHeight = null,\n    toHeight: HeightAnimationToHeight = null\n  ) {\n    const opts = this.getOptions()\n\n    if (\n      !this.elem ||\n      opts.animate === false ||\n      this.state === 'opening' ||\n      this.state === 'closing'\n    ) {\n      return\n    }\n\n    if (fromHeight === 0 || fromHeight === null) {\n      fromHeight = this.getHeight()\n    }\n    if (toHeight === null) {\n      toHeight = this.getUnknownHeight()\n    }\n\n    if (fromHeight === toHeight) {\n      this.setState('adjusted')\n      return\n    }\n\n    this.setState('adjusting')\n    this.callAnimationStart()\n\n    this.addEndEvent((e) => {\n      if (\n        this.state === 'adjusting' &&\n        (e.target === e.currentTarget || !e.currentTarget)\n      ) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n        this.setState('adjusted')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, toHeight)\n  }\n  readjust() {\n    const endHeight = this.getHeight()\n\n    if (this.elem) {\n      this.elem.style.height = 'auto'\n    }\n\n    this.__currentHeight = undefined\n    const newHeight = this.getUnknownHeight()\n\n    // If the height has changed during the animation, we need to adjust it\n    if (endHeight !== newHeight) {\n      this.adjustTo(endHeight, newHeight)\n    } else {\n      this.callAnimationEnd()\n    }\n  }\n  /**\n   * Determines whether the animation can finish.\n   * Check for certain states and if the time passed is too short.\n   * With a so short first state change, we do not call animation end.\n   */\n  canFinish() {\n    return Boolean(\n      this.startTime &&\n        Date.now() - this.startTime >\n          (globalThis.animationDuration ?? this.duration)\n    )\n  }\n  /**\n   * Determines whether the animation should be bypassed.\n   * Check for certain states and if the time passed is too short to be correct.\n   * With a very short first state change, we skip animation.\n   */\n  shouldBypassAnimation() {\n    const opts = this.getOptions()\n\n    if (!this.elem || opts.animate === false) {\n      return true\n    }\n\n    if (\n      this.isInBrowser &&\n      (globalThis.IS_TEST || globalThis.bypassTime === -1)\n    ) {\n      return false\n    }\n\n    return Boolean(\n      this.firstTime &&\n        Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;AA4Be,MAAMA,eAAe,CAAC;EAwBnCC,WAAWA,CAAA,EAAoC;IAAA,IAAnCC,IAA4B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAAG,eAAA;IAAAA,eAAA;IAAAA,eAAA,uBArBD,EAAE;IAAAA,eAAA,qBACN,EAAE;IAAAA,eAAA,iBACV,EAAE;IAAAA,eAAA,eACH;MAAEC,OAAO,EAAE;IAAK,CAAC;IAAAD,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAKnB,EAAE;IAAAA,eAAA,oBACV,CAAC;IAAAA,eAAA,oBACD,CAAC;IAAAA,eAAA,mBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAIH;MAChBE,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAE,GAAG;MACZC,MAAM,EAAE;IACV,CAAC;IAGC,IAAI,CAACC,WAAW,GAAG,OAAOC,MAAM,KAAK,WAAW;IAChD,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC;IACrB,IAAI,CAACC,UAAU,CAACZ,IAAI,CAAC;EACvB;EAEAa,kBAAkBA,CAAA,EAAG;IACnB,IAAI,CAACC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;MACnB,IAAI,CAACA,SAAS,GAAG,IAAI,CAACH,SAAS;IACjC;IACA,IAAI,IAAI,CAACI,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAACC,OAAO,CAAEC,EAAE,IAAK;QAChC,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;UAC5BA,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC;QAChB;MACF,CAAC,CAAC;IACJ;EACF;EACAC,gBAAgBA,CAAA,EAAG;IACjB,IAAI,CAACC,WAAW,GAAG,KAAK;IAExB,IAAI,IAAI,CAACF,KAAK,KAAK,QAAQ,EAAE;MAC3B,OAAO,IAAI,CAACG,eAAe;IAC7B;IAEA,IAAI,CAACC,eAAe,CAAC,CAAC;IAEtB,IAAI,IAAI,CAACC,UAAU,EAAE;MACnB,IAAI,CAACA,UAAU,CAACP,OAAO,CAAEC,EAAE,IAAK;QAC9B,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;UAC5BA,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC;QAChB;MACF,CAAC,CAAC;IACJ;EACF;EACAM,WAAWA,CAACC,QAAsC,EAAE;IAAA,IAAAC,UAAA,EAAAC,qBAAA;IAClD,IAAI,CAACL,eAAe,CAAC,CAAC;IAEtB,MAAMM,mBAAmB,GAAIC,CAAC,IAAK;MACjC,IAAI,IAAI,CAACC,SAAS,CAAC,CAAC,EAAE;QACpBL,QAAQ,CAACI,CAAC,CAAC;MACb,CAAC,MAAM;QACL,MAAME,KAAK,GAAG,IAAI,CAACC,QAAQ,IAAIpB,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACF,SAAS,CAAC;QAE3D,IAAIoB,KAAK,KAAK,CAAC,CAAC,EAAE;UAChBN,QAAQ,CAACI,CAAC,CAAC;QACb,CAAC,MAAM;UACL,IAAI,CAACI,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,MAAMV,QAAQ,CAACI,CAAC,CAAC,EAAEE,KAAK,CAAC,CAAC;QAC1D;MACF;IACF,CAAC;IAED,IAAI,CAACK,MAAM,CAACF,IAAI,CAACN,mBAAmB,CAAC;IACrC,CAAAF,UAAA,OAAI,CAACW,IAAI,cAAAX,UAAA,wBAAAC,qBAAA,GAATD,UAAA,CAAWY,gBAAgB,cAAAX,qBAAA,uBAA3BA,qBAAA,CAAAY,IAAA,CAAAb,UAAA,EAA8B,eAAe,EAAEE,mBAAmB,CAAC;EACrE;EACAN,eAAeA,CAAA,EAAG;IAChB,IAAI,CAACc,MAAM,CAACpB,OAAO,CAAES,QAAQ,IAAK;MAAA,IAAAe,WAAA,EAAAC,qBAAA;MAChC,CAAAD,WAAA,OAAI,CAACH,IAAI,cAAAG,WAAA,wBAAAC,qBAAA,GAATD,WAAA,CAAWE,mBAAmB,cAAAD,qBAAA,uBAA9BA,qBAAA,CAAAF,IAAA,CAAAC,WAAA,EAAiC,eAAe,EAAEf,QAAQ,CAAC;IAC7D,CAAC,CAAC;IACF,IAAI,CAACW,MAAM,GAAG,EAAE;EAClB;EAGAO,UAAUA,CAACN,IAA4B,EAAE;IAAA,IAAAO,WAAA,EAAAC,qBAAA;IACvC,IAAI,CAACR,IAAI,GACPA,IAAI,IACH,OAAOS,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAE;IAGpE,IAAIC,MAAM,EAAAJ,WAAA,GAAC,IAAI,CAACP,IAAI,cAAAO,WAAA,uBAATA,WAAA,CAAWK,QAAQ,CAAC,CAACC,WAAW,CAAC,CAAC,KAAK,IAAI,EAAE;MACtD,IAAI,CAACb,IAAI,GAAG,IAAI,CAACA,IAAI,CAACc,aAAa;IACrC;IAEA,IAAI,CAACnB,QAAQ,IAAAa,qBAAA,GACXO,UAAU,CAACC,iBAAiB,cAAAR,qBAAA,cAAAA,qBAAA,GAC3BS,UAAU,CAAC/C,MAAM,CAACgD,gBAAgB,CAAC,IAAI,CAAClB,IAAI,CAAC,CAACmB,kBAAkB,CAAC,GAChE,IAAI,IACJ,GAAI;EACV;EACAhD,QAAQA,CAACU,KAA4B,EAAE;IACrC,IAAI,CAACA,KAAK,GAAGuC,MAAM,CAACC,MAAM,CAACxC,KAAK,CAAC;EACnC;EACAT,UAAUA,CAACZ,IAA4B,EAAE;IACvC,IAAI,CAACA,IAAI,GAAG4D,MAAM,CAACC,MAAM,CAAAC,aAAA,CAAAA,aAAA,KAAM,IAAI,CAAC9D,IAAI,GAAKA,IAAI,CAAE,CAAC;EACtD;EACA+D,UAAUA,CAAA,EAAG;IACX,OAAO,IAAI,CAAC/D,IAAI;EAClB;EACAgE,MAAMA,CAAA,EAAG;IACP,IAAI,CAACC,IAAI,CAAC,CAAC;IACX,IAAI,CAACxC,eAAe,CAAC,CAAC;IACtB,IAAI,CAACd,QAAQ,CAAC,MAAM,CAAC;IACrB,IAAI,CAACY,WAAW,GAAG,KAAK;IACxB,IAAI,CAACG,UAAU,GAAG,EAAE;IACpB,IAAI,CAACR,YAAY,GAAG,EAAE;IACtB,IAAI,CAACM,eAAe,GAAGrB,SAAS;IAChC,IAAI,CAACqC,IAAI,GAAGrC,SAAS;EACvB;EACA+D,SAASA,CAAA,EAAG;IACV,IAAI,IAAI,CAAC7C,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACF;IACA,IAAI,CAACV,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IACzB,IAAI,CAACF,QAAQ,CAAC,QAAQ,CAAC;IACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;EACzB;EACA6C,WAAWA,CAAA,EAAG;IACZ,IAAI,IAAI,CAAC9C,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACF;IACA,IAAI,CAACV,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IACzB,IAAI,CAACF,QAAQ,CAAC,QAAQ,CAAC;IACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;EACzB;EACA8C,SAASA,CAAA,EAAG;IAAA,IAAAC,WAAA;IACV,OAAOZ,UAAU,CAACN,MAAM,EAAAkB,WAAA,GAAC,IAAI,CAAC7B,IAAI,cAAA6B,WAAA,uBAATA,WAAA,CAAWC,YAAY,CAAC,CAAC,IAAI,IAAI;EAC5D;EACAC,gBAAgBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACjB,IAAI,CAAC,IAAI,CAACjC,IAAI,EAAE;MACd,OAAO,IAAI;IACb;IAEA,IAAI,IAAI,CAACjB,WAAW,IAAI,OAAO,IAAI,CAACC,eAAe,KAAK,WAAW,EAAE;MACnE,OAAO,IAAI,CAACA,eAAe;IAC7B;IAEA,MAAMkD,UAAU,GAAG,IAAI,CAAClC,IAAI,CAACmC,SAAS,CAAC,IAAI,CAAgB;IAC3D,MAAMC,MAAM,GAAGF,UAAU,CAACG,gBAAgB,CAAC,OAAO,CAAC;IACnDD,MAAM,CAACzD,OAAO,CAAE2D,KAAK,IAAK;MACxBA,KAAK,CAACC,eAAe,CAAC,MAAM,CAAC;MAC7BD,KAAK,CAACC,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC,CAAC;IAGF,KAAK,MAAMC,GAAG,IAAI,IAAI,CAACC,eAAe,EAAE;MACtCP,UAAU,CAACQ,KAAK,CAACF,GAAG,CAAC,GAAG,IAAI,CAACC,eAAe,CAACD,GAAG,CAAC;IACnD;IACAN,UAAU,CAACQ,KAAK,CAACC,QAAQ,GAAG,UAAU;IAEtC,CAAAX,qBAAA,OAAI,CAAChC,IAAI,CAAC4C,UAAU,cAAAZ,qBAAA,uBAApBA,qBAAA,CAAsBa,YAAY,CAACX,UAAU,EAAE,IAAI,CAAClC,IAAI,CAAC8C,WAAW,CAAC;IAIrE,MAAMC,SAAS,GAAG,IAAI,CAAC/C,IAAI,CAACgD,WAAW;IACvC,MAAMC,WAAW,GACff,UAAU,CAACc,WAAW,IAEtB/B,UAAU,CAACiB,UAAU,CAACgB,YAAY,CAAC,YAAY,CAAC,CAAC,IACjD,CAAC;IAEH,IAAID,WAAW,GAAGF,SAAS,EAAE;MAC3Bb,UAAU,CAACQ,KAAK,CAACS,KAAK,GAAI,GAAEJ,SAAU,IAAG;IAC3C;IAEA,MAAM/E,MAAM,GACVkE,UAAU,CAACJ,YAAY,IAEvBb,UAAU,CAACiB,UAAU,CAACgB,YAAY,CAAC,aAAa,CAAC,CAAC,IAClD,IAAI;IAEN,CAAAjB,qBAAA,GAAAC,UAAU,CAACU,UAAU,cAAAX,qBAAA,uBAArBA,qBAAA,CAAuBmB,WAAW,CAAClB,UAAU,CAAC;IAE9C,IAAIlE,MAAM,EAAE;MACV,IAAI,CAACgB,eAAe,GAAGhB,MAAM;IAC/B;IAEA,OAAOA,MAAM;EACf;EACAqF,OAAOA,CAACzE,EAAkC,EAAE;IAC1C,IAAI,CAACF,YAAY,CAACmB,IAAI,CAACjB,EAAE,CAAC;EAC5B;EACA0E,KAAKA,CAAC1E,EAAgC,EAAE;IACtC,IAAI,CAACM,UAAU,CAACW,IAAI,CAACjB,EAAE,CAAC;EAC1B;EACA2E,KAAKA,CACHC,UAAqC,EACrCC,QAAiC,EACjC;IACA,IACE,CAAC,IAAI,CAACzD,IAAI,IACV,EACE,IAAI,CAAC/B,WAAW,IAChB,OAAOC,MAAM,CAACwF,qBAAqB,KAAK,UAAU,CACnD,EACD;MACA;IACF;IAEA,MAAMlG,IAAI,GAAG,IAAI,CAAC+D,UAAU,CAAC,CAAC;IAC9B,IAAI/D,IAAI,CAACK,OAAO,KAAK,KAAK,EAAE;MAC1B;IACF;IAEA,IAAI,CAAC4D,IAAI,CAAC,CAAC;IACX,IAAI,CAAC1C,WAAW,GAAG,IAAI;IAGvB,IAAI,CAAC4E,MAAM,GAAGzF,MAAM,CAACwF,qBAAqB,CAAC,MAAM;MAC/C,IAAI,CAAC,IAAI,CAAC1D,IAAI,EAAE;QACd;MACF;MAEA,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC1E,MAAM,GAAI,GAAEwF,UAAW,IAAG;MAE1C,IAAI,CAACI,MAAM,GAAG1F,MAAM,CAACwF,qBAAqB,CAAC,MAAM;QAC/C,IAAI,CAAC,IAAI,CAAC1D,IAAI,EAAE;UACd;QACF;QAEA,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC1E,MAAM,GAAI,GAAEyF,QAAS,IAAG;MAC1C,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EACAhC,IAAIA,CAAA,EAAG;IACL,IAAI,CAAC7B,QAAQ,CAACjB,OAAO,CAAEkF,EAAE,IAAKC,YAAY,CAACD,EAAE,CAAC,CAAC;IAC/C,IAAI,CAACjE,QAAQ,GAAG,EAAE;IAElB,IACE,IAAI,CAAC3B,WAAW,IAChB,OAAOC,MAAM,CAACwF,qBAAqB,KAAK,UAAU,EAClD;MACAxF,MAAM,CAAC6F,oBAAoB,CAAC,IAAI,CAACJ,MAAM,CAAC;MACxCzF,MAAM,CAAC6F,oBAAoB,CAAC,IAAI,CAACH,MAAM,CAAC;IAC1C;EACF;EACAI,IAAIA,CAAA,EAAG;IACL,IACE,IAAI,CAACnF,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,IACxB,IAAI,CAACoF,qBAAqB,CAAC,CAAC,EAC5B;MACA,IAAI,CAACvC,SAAS,CAAC,CAAC;MAChB;IACF;IAEA,IAAI,CAACvD,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,MAAMoF,QAAQ,GAAG,IAAI,CAAC1B,gBAAgB,CAAC,CAAC;IAExC,IAAI,CAAC5C,WAAW,CAAEK,CAAC,IAAK;MACtB,IAAIA,CAAC,CAAC0E,MAAM,KAAK1E,CAAC,CAAC2E,aAAa,IAAI,CAAC3E,CAAC,CAAC2E,aAAa,EAAE;QACpD,IAAI,IAAI,CAACnE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC0B,SAAS,GAAG,EAAE;QAChC;QACA,IAAI,CAACjG,QAAQ,CAAC,QAAQ,CAAC;QACvB,IAAI,CAACkG,QAAQ,CAAC,CAAC;MACjB;IACF,CAAC,CAAC;IAEF,IAAI,CAACd,KAAK,CAAC,CAAC,EAAEE,QAAQ,CAAC;EACzB;EACAa,KAAKA,CAAA,EAAG;IACN,IACE,IAAI,CAACzF,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,IACxB,IAAI,CAACoF,qBAAqB,CAAC,CAAC,EAC5B;MACA,IAAI,CAACtC,WAAW,CAAC,CAAC;MAClB;IACF;IAEA,IAAI,CAACxD,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,MAAMmF,UAAU,GAAG,IAAI,CAAC5B,SAAS,CAAC,CAAC;IAEnC,IAAI,CAACzC,WAAW,CAAEK,CAAC,IAAK;MACtB,IAAIA,CAAC,CAAC0E,MAAM,KAAK1E,CAAC,CAAC2E,aAAa,IAAI,CAAC3E,CAAC,CAAC2E,aAAa,EAAE;QACpD,IAAI,IAAI,CAACnE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC5E,UAAU,GAAG,QAAQ;UACrC,IAAI,CAACkC,IAAI,CAAC0C,KAAK,CAAC0B,SAAS,GAAG,MAAM;QACpC;QACA,IAAI,CAACjG,QAAQ,CAAC,QAAQ,CAAC;QACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;MACzB;IACF,CAAC,CAAC;IAEF,IAAI,CAACyE,KAAK,CAACC,UAAU,EAAE,CAAC,CAAC;EAC3B;EACAe,QAAQA,CAAA,EAGN;IAAA,IAFAf,UAAqC,GAAA/F,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IAAA,IAC5CgG,QAAiC,GAAAhG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IAExC,MAAMD,IAAI,GAAG,IAAI,CAAC+D,UAAU,CAAC,CAAC;IAE9B,IACE,CAAC,IAAI,CAACvB,IAAI,IACVxC,IAAI,CAACK,OAAO,KAAK,KAAK,IACtB,IAAI,CAACgB,KAAK,KAAK,SAAS,IACxB,IAAI,CAACA,KAAK,KAAK,SAAS,EACxB;MACA;IACF;IAEA,IAAI2E,UAAU,KAAK,CAAC,IAAIA,UAAU,KAAK,IAAI,EAAE;MAC3CA,UAAU,GAAG,IAAI,CAAC5B,SAAS,CAAC,CAAC;IAC/B;IACA,IAAI6B,QAAQ,KAAK,IAAI,EAAE;MACrBA,QAAQ,GAAG,IAAI,CAAC1B,gBAAgB,CAAC,CAAC;IACpC;IAEA,IAAIyB,UAAU,KAAKC,QAAQ,EAAE;MAC3B,IAAI,CAACtF,QAAQ,CAAC,UAAU,CAAC;MACzB;IACF;IAEA,IAAI,CAACA,QAAQ,CAAC,WAAW,CAAC;IAC1B,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,IAAI,CAACc,WAAW,CAAEK,CAAC,IAAK;MACtB,IACE,IAAI,CAACX,KAAK,KAAK,WAAW,KACzBW,CAAC,CAAC0E,MAAM,KAAK1E,CAAC,CAAC2E,aAAa,IAAI,CAAC3E,CAAC,CAAC2E,aAAa,CAAC,EAClD;QACA,IAAI,IAAI,CAACnE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC1E,MAAM,GAAG,MAAM;QACjC;QACA,IAAI,CAACG,QAAQ,CAAC,UAAU,CAAC;QACzB,IAAI,CAACW,gBAAgB,CAAC,CAAC;MACzB;IACF,CAAC,CAAC;IAEF,IAAI,CAACyE,KAAK,CAACC,UAAU,EAAEC,QAAQ,CAAC;EAClC;EACAY,QAAQA,CAAA,EAAG;IACT,MAAMG,SAAS,GAAG,IAAI,CAAC5C,SAAS,CAAC,CAAC;IAElC,IAAI,IAAI,CAAC5B,IAAI,EAAE;MACb,IAAI,CAACA,IAAI,CAAC0C,KAAK,CAAC1E,MAAM,GAAG,MAAM;IACjC;IAEA,IAAI,CAACgB,eAAe,GAAGrB,SAAS;IAChC,MAAM8G,SAAS,GAAG,IAAI,CAAC1C,gBAAgB,CAAC,CAAC;IAGzC,IAAIyC,SAAS,KAAKC,SAAS,EAAE;MAC3B,IAAI,CAACF,QAAQ,CAACC,SAAS,EAAEC,SAAS,CAAC;IACrC,CAAC,MAAM;MACL,IAAI,CAAC3F,gBAAgB,CAAC,CAAC;IACzB;EACF;EAMAW,SAASA,CAAA,EAAG;IAAA,IAAAiF,sBAAA;IACV,OAAOC,OAAO,CACZ,IAAI,CAACrG,SAAS,IACZC,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACF,SAAS,KAAAoG,sBAAA,GACxB3D,UAAU,CAACC,iBAAiB,cAAA0D,sBAAA,cAAAA,sBAAA,GAAI,IAAI,CAAC/E,QAAQ,CACpD,CAAC;EACH;EAMAsE,qBAAqBA,CAAA,EAAG;IAAA,IAAAW,qBAAA;IACtB,MAAMpH,IAAI,GAAG,IAAI,CAAC+D,UAAU,CAAC,CAAC;IAE9B,IAAI,CAAC,IAAI,CAACvB,IAAI,IAAIxC,IAAI,CAACK,OAAO,KAAK,KAAK,EAAE;MACxC,OAAO,IAAI;IACb;IAEA,IACE,IAAI,CAACI,WAAW,KACf8C,UAAU,CAAC8D,OAAO,IAAI9D,UAAU,CAAC+D,UAAU,KAAK,CAAC,CAAC,CAAC,EACpD;MACA,OAAO,KAAK;IACd;IAEA,OAAOH,OAAO,CACZ,IAAI,CAAClG,SAAS,IACZF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACC,SAAS,KAAAmG,qBAAA,GAAI7D,UAAU,CAAC+D,UAAU,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,GAAG,CAC/D,CAAC;EACH;AACF;AAACG,OAAA,CAAAC,OAAA,GAAA1H,eAAA"}
+{"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","arguments","length","undefined","_defineProperty","animate","visibility","opacity","height","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","setAsOpen","setAsClosed","getHeight","_this$withFallback","withFallback","getUnknownHeight","_this$elem$parentNode","_this$withFallback2","_this$withFallback3","_clonedElem$parentNod","clonedElem","cloneNode","inputs","querySelectorAll","input","removeAttribute","key","firstPaintStyle","style","position","parentNode","insertBefore","nextSibling","elemWidth","clientWidth","clonedWidth","width","removeChild","fallback","val","hasAttribute","getAttribute","isNaN","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","overflowY","readjust","close","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime","exports","default"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export type HeightAnimationOnStartStates =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\nexport type HeightAnimationOnEndStates = 'opened' | 'closed' | 'adjusted'\nexport type HeightAnimationStates =\n  | HeightAnimationOnStartStates\n  | HeightAnimationOnEndStates\n  | 'init'\nexport type HeightAnimationOptions = {\n  animate?: boolean\n}\nexport type HeightAnimationOnStartCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnEndCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnStartStack =\n  Array<HeightAnimationOnStartCallback>\nexport type HeightAnimationOnEndStack = Array<HeightAnimationOnEndCallback>\nexport type HeightAnimationEventListener = (e: Event) => void\nexport type HeightAnimationEvents = Array<HeightAnimationEventListener>\nexport type HeightAnimationElement = HTMLElement\nexport type HeightAnimationContainer = HTMLElement\nexport type HeightAnimationFromHeight = number\nexport type HeightAnimationToHeight = number\n\nexport default class HeightAnimation {\n  private state: Readonly<HeightAnimationStates>\n  isInBrowser: boolean\n  onStartStack: HeightAnimationOnStartStack = []\n  onEndStack: HeightAnimationOnEndStack = []\n  events: HeightAnimationEvents = []\n  opts: HeightAnimationOptions = { animate: true }\n  elem: HeightAnimationElement\n  reqId1: number\n  reqId2: number\n  resizeTimeout: NodeJS.Timeout\n  timeouts: NodeJS.Timeout[] = []\n  firstTime?: number = 0\n  startTime?: number = 0\n  duration?: number = 0\n  isAnimating: boolean\n  __currentHeight: number\n\n  firstPaintStyle = {\n    visibility: 'hidden',\n    opacity: '0', // prevents before/after elements to be visible\n    height: 'auto',\n  } as const\n\n  constructor(opts: HeightAnimationOptions = {}) {\n    this.isInBrowser = typeof window !== 'undefined'\n    this.setState('init')\n    this.setOptions(opts)\n  }\n\n  callAnimationStart() {\n    this.startTime = Date.now()\n    if (!this.firstTime) {\n      this.firstTime = this.startTime\n    }\n    if (this.onStartStack) {\n      this.onStartStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  callAnimationEnd() {\n    this.isAnimating = false\n\n    if (this.state !== 'opened') {\n      delete this.__currentHeight\n    }\n\n    this.removeEndEvents()\n\n    if (this.onEndStack) {\n      this.onEndStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  addEndEvent(listener: HeightAnimationEventListener) {\n    this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n    const handleTransitionEnd = (e) => {\n      if (this.canFinish()) {\n        listener(e)\n      } else {\n        const delay = this.duration - (Date.now() - this.startTime)\n\n        if (delay === -1) {\n          listener(e)\n        } else {\n          this.timeouts.push(setTimeout(() => listener(e), delay))\n        }\n      }\n    }\n\n    this.events.push(handleTransitionEnd)\n    this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n  }\n  removeEndEvents() {\n    this.events.forEach((listener) => {\n      this.elem?.removeEventListener?.('transitionend', listener)\n    })\n    this.events = []\n  }\n\n  // Public methods\n  setElement(elem: HeightAnimationElement) {\n    this.elem =\n      elem ||\n      (typeof document !== 'undefined' && document.createElement('div'))\n\n    // TODO: remove when responsive tables are supported\n    if (String(this.elem?.nodeName).toLowerCase() === 'td') {\n      this.elem = this.elem.parentElement\n    }\n\n    this.duration =\n      globalThis.animationDuration ??\n      (parseFloat(window.getComputedStyle(this.elem).transitionDuration) *\n        1000 ||\n        400) // The default duration\n  }\n  setState(state: HeightAnimationStates) {\n    this.state = Object.freeze(state)\n  }\n  setOptions(opts: HeightAnimationOptions) {\n    this.opts = Object.freeze({ ...this.opts, ...opts })\n  }\n  getOptions() {\n    return this.opts\n  }\n  remove() {\n    this.stop()\n    this.removeEndEvents()\n    this.setState('init')\n    this.isAnimating = false\n    this.onEndStack = []\n    this.onStartStack = []\n    this.__currentHeight = undefined\n    this.elem = undefined\n  }\n  setAsOpen() {\n    if (this.state === 'opened') {\n      return\n    }\n    this.setState('opening')\n    this.callAnimationStart()\n    this.setState('opened')\n    this.callAnimationEnd()\n  }\n  setAsClosed() {\n    if (this.state === 'closed') {\n      return\n    }\n    this.setState('closing')\n    this.callAnimationStart()\n    this.setState('closed')\n    this.callAnimationEnd()\n  }\n  getHeight() {\n    return this.withFallback(this.elem, 'clientHeight') ?? null\n  }\n  getUnknownHeight() {\n    if (!this.elem) {\n      return null\n    }\n\n    if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n      return this.__currentHeight\n    }\n\n    const clonedElem = this.elem.cloneNode(true) as HTMLElement\n    const inputs = clonedElem.querySelectorAll('input')\n    inputs.forEach((input) => {\n      input.removeAttribute('name') // because type=\"radio\" will be else effected negatively\n      input.removeAttribute('id') // don't put IDs twice in the DOM\n    })\n\n    // Hide the cloned element\n    for (const key in this.firstPaintStyle) {\n      clonedElem.style[key] = this.firstPaintStyle[key]\n    }\n    clonedElem.style.position = 'absolute' // not a part of the \"firstPaintStyle\"\n\n    this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n    // When text is wrapped, we get different widths,\n    // so we need to set the width to the original width\n    const elemWidth = this.elem.clientWidth\n    const clonedWidth =\n      this.withFallback(clonedElem, 'clientWidth', 'data-width') ?? 0\n\n    if (clonedWidth > elemWidth) {\n      clonedElem.style.width = `${elemWidth}px`\n    }\n\n    const height =\n      // data-height is used for mockup testing with \"mockHeight\"\n      this.withFallback(this.elem, 'clientHeight', 'data-height') ?? null\n\n    clonedElem.parentNode?.removeChild(clonedElem)\n\n    if (height) {\n      this.__currentHeight = height\n    }\n\n    return height\n  }\n  withFallback(\n    elem: HTMLElement,\n    key: 'clientHeight' | 'clientWidth',\n    fallback?: 'data-height' | 'data-width'\n  ) {\n    const val =\n      fallback && elem.hasAttribute(fallback)\n        ? parseFloat(elem.getAttribute(fallback))\n        : elem?.[key]\n\n    if (isNaN(val)) {\n      return null\n    }\n\n    return val\n  }\n  onStart(fn: HeightAnimationOnStartCallback) {\n    this.onStartStack.push(fn)\n  }\n  onEnd(fn: HeightAnimationOnEndCallback) {\n    this.onEndStack.push(fn)\n  }\n  start(\n    fromHeight: HeightAnimationFromHeight,\n    toHeight: HeightAnimationToHeight\n  ) {\n    if (\n      !this.elem ||\n      !(\n        this.isInBrowser &&\n        typeof window.requestAnimationFrame === 'function'\n      )\n    ) {\n      return\n    }\n\n    const opts = this.getOptions()\n    if (opts.animate === false) {\n      return\n    }\n\n    this.stop()\n    this.isAnimating = true\n\n    // make the animation\n    this.reqId1 = window.requestAnimationFrame(() => {\n      if (!this.elem) {\n        return\n      }\n\n      this.elem.style.height = `${fromHeight}px`\n\n      this.reqId2 = window.requestAnimationFrame(() => {\n        if (!this.elem) {\n          return\n        }\n\n        this.elem.style.height = `${toHeight}px`\n      })\n    })\n  }\n  stop() {\n    this.timeouts.forEach((id) => clearTimeout(id))\n    this.timeouts = []\n\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      window.cancelAnimationFrame(this.reqId1)\n      window.cancelAnimationFrame(this.reqId2)\n    }\n  }\n  open() {\n    if (\n      this.state === 'opened' ||\n      this.state === 'opening' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsOpen()\n      return\n    }\n\n    this.setState('opening')\n    this.callAnimationStart()\n\n    const toHeight = this.getUnknownHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.overflowY = ''\n        }\n        this.setState('opened')\n        this.readjust()\n      }\n    })\n\n    this.start(0, toHeight)\n  }\n  close() {\n    if (\n      this.state === 'closed' ||\n      this.state === 'closing' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsClosed()\n      return\n    }\n\n    this.setState('closing')\n    this.callAnimationStart()\n\n    const fromHeight = this.getHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.visibility = 'hidden'\n          this.elem.style.overflowY = 'clip'\n        }\n        this.setState('closed')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, 0)\n  }\n  adjustTo(\n    fromHeight: HeightAnimationFromHeight = null,\n    toHeight: HeightAnimationToHeight = null\n  ) {\n    const opts = this.getOptions()\n\n    if (\n      !this.elem ||\n      opts.animate === false ||\n      this.state === 'opening' ||\n      this.state === 'closing'\n    ) {\n      return\n    }\n\n    if (fromHeight === null) {\n      fromHeight = this.getHeight()\n    }\n    if (toHeight === null) {\n      toHeight = this.getUnknownHeight()\n    }\n\n    if (fromHeight === toHeight) {\n      this.setState('adjusted')\n      return\n    }\n\n    this.setState('adjusting')\n    this.callAnimationStart()\n\n    this.addEndEvent((e) => {\n      if (\n        this.state === 'adjusting' &&\n        (e.target === e.currentTarget || !e.currentTarget)\n      ) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n        this.setState('adjusted')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, toHeight)\n  }\n  readjust() {\n    const endHeight = this.getHeight()\n\n    if (this.elem) {\n      this.elem.style.height = 'auto'\n    }\n\n    this.__currentHeight = undefined\n    const newHeight = this.getUnknownHeight()\n\n    // If the height has changed during the animation, we need to adjust it\n    if (endHeight !== newHeight) {\n      this.adjustTo(endHeight, newHeight)\n    } else {\n      this.callAnimationEnd()\n    }\n  }\n  /**\n   * Determines whether the animation can finish.\n   * Check for certain states and if the time passed is too short.\n   * With a so short first state change, we do not call animation end.\n   */\n  canFinish() {\n    return Boolean(\n      this.startTime &&\n        Date.now() - this.startTime >\n          (globalThis.animationDuration ?? this.duration)\n    )\n  }\n  /**\n   * Determines whether the animation should be bypassed.\n   * Check for certain states and if the time passed is too short to be correct.\n   * With a very short first state change, we skip animation.\n   */\n  shouldBypassAnimation() {\n    const opts = this.getOptions()\n\n    if (!this.elem || opts.animate === false) {\n      return true\n    }\n\n    if (\n      this.isInBrowser &&\n      (globalThis.IS_TEST || globalThis.bypassTime === -1)\n    ) {\n      return false\n    }\n\n    return Boolean(\n      this.firstTime &&\n        Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/elements/ElementDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../shared/types';
+export declare const ElementProperties: PropertiesTableProps;

package/cjs/elements/ElementDocs.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ElementProperties = void 0;
+const ElementProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeletonMethod: {
+    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',
+    type: 'string',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'Send along a custom React Ref.',
+    type: 'React.RefObject',
+    status: 'optional'
+  },
+  children: {
+    doc: 'Contents.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.ElementProperties = ElementProperties;
+//# sourceMappingURL=ElementDocs.js.map

package/cjs/elements/ElementDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDocs.js","names":["ElementProperties","skeleton","doc","type","status","skeletonMethod","innerRef","children","exports"],"sources":["../../../src/elements/ElementDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const ElementProperties: PropertiesTableProps = {\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeletonMethod: {\n    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',\n    type: 'string',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'Send along a custom React Ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAI,OAAA,CAAAR,iBAAA,GAAAA,iBAAA"}

package/cjs/elements/blockquote/BlockquoteDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const BlockquoteProperties: PropertiesTableProps;

package/cjs/elements/blockquote/BlockquoteDocs.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockquoteProperties = void 0;
+const BlockquoteProperties = {
+  noBackground: {
+    doc: 'Hides the blockquote background by making it transparent.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  direction: {
+    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.BlockquoteProperties = BlockquoteProperties;
+//# sourceMappingURL=BlockquoteDocs.js.map

package/cjs/elements/blockquote/BlockquoteDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockquoteDocs.js","names":["BlockquoteProperties","noBackground","doc","type","status","direction","exports"],"sources":["../../../../src/elements/blockquote/BlockquoteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BlockquoteProperties: PropertiesTableProps = {\n  noBackground: {\n    doc: 'Hides the blockquote background by making it transparent.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,YAAY,EAAE;IACZC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,wIAAwI;IAC7IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,oBAAA,GAAAA,oBAAA"}

package/cjs/elements/hr/HrDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const HrProperties: PropertiesTableProps;

package/cjs/elements/hr/HrDocs.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HrProperties = void 0;
+const HrProperties = {
+  breakout: {
+    doc: 'To make the hr full width.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  dashed: {
+    doc: 'To make the hr dashed.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.HrProperties = HrProperties;
+//# sourceMappingURL=HrDocs.js.map

package/cjs/elements/hr/HrDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HrDocs.js","names":["HrProperties","breakout","doc","type","status","dashed","exports"],"sources":["../../../../src/elements/hr/HrDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const HrProperties: PropertiesTableProps = {\n  breakout: {\n    doc: 'To make the hr full width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dashed: {\n    doc: 'To make the hr dashed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRC,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,YAAA,GAAAA,YAAA"}

package/cjs/elements/img/ImgDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const ImgProperties: PropertiesTableProps;

package/cjs/elements/img/ImgDocs.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImgProperties = void 0;
+const ImgProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  imgClass: {
+    doc: 'Custom className on the `<img>`-element',
+    type: 'string',
+    status: 'optional'
+  },
+  element: {
+    doc: 'Defines the Element Type, like `figure`.',
+    type: ['HTMLElement', 'string'],
+    status: 'optional'
+  },
+  caption: {
+    doc: 'Use to define a caption for the image. Uses `<figcaption>`.',
+    type: 'string',
+    status: 'optional'
+  },
+  loading: {
+    doc: 'Can either be `eager` or `lazy`. Defaults to `eager`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.ImgProperties = ImgProperties;
+//# sourceMappingURL=ImgDocs.js.map