@dnb/eufemia 10.55.0 → 10.56.0

package/cjs/components/list-format/ListFormat.js

@@ -11,9 +11,14 @@ var _defaults = require("../../shared/defaults");
 var _componentHelper = require("../../shared/component-helper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _elements = require("../../elements");
+var _classnames = _interopRequireDefault(require("classnames"));
+const _excluded = ["value", "format", "variant", "listType", "children", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ListFormat(localProps) {
   const {
     locale,
@@ -21,12 +26,14 @@ function ListFormat(localProps) {
   } = (0, _react.useContext)(_Context.default);
   const allProps = (0, _componentHelper.extendPropsWithContext)(localProps, {}, ListFormat);
   const {
-    value,
-    format,
-    variant = 'text',
-    listType,
-    children
-  } = allProps;
+      value,
+      format,
+      variant = 'text',
+      listType,
+      children,
+      className
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const list = (0, _react.useMemo)(() => {
     const isListVariant = variant !== 'text';
     const valueToUse = replaceRootFragment(children) || value;
@@ -47,10 +54,10 @@ function ListFormat(localProps) {
       });
     }
     const ListElement = variant.startsWith('ol') ? _elements.Ol : _elements.Ul;
-    return _react.default.createElement(ListElement, {
+    return _react.default.createElement(ListElement, _extends({
       type: listType !== 'unstyled' ? listType : null,
-      className: listType === 'unstyled' && 'dnb-unstyled-list'
-    }, list);
+      className: (0, _classnames.default)('dnb-list-format', className, listType === 'unstyled' && 'dnb-unstyled-list')
+    }, props), list);
   }, [format, list, locale]);
   return result;
 }

package/cjs/components/list-format/ListFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListFormat.js","names":["_react","_interopRequireWildcard","require","_defaults","_componentHelper","_Context","_interopRequireDefault","_elements","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListFormat","localProps","locale","useContext","SharedContext","allProps","extendPropsWithContext","value","format","variant","listType","children","list","useMemo","isListVariant","valueToUse","replaceRootFragment","Array","isArray","React","Children","map","child","index","createElement","Li","result","listFormat","ListElement","startsWith","Ol","Ul","type","className","LOCALE","style","arguments","length","undefined","filter","item","isNan","isNaN","buffer","Map","hasJSX","some","v","shadow","i","id","String","formatter","Intl","formattedList","split","element","Fragment","error","join","_children$props","toArray","props","firstChild","count","_firstChild$props","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/list-format/ListFormat.tsx"],"sourcesContent":["import React, { Fragment, useContext, useMemo } from 'react'\nimport { LOCALE } from '../../shared/defaults'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../shared/Context'\nimport { Li, Ol, Ul } from '../../elements'\n\nexport type ListFormatProps = {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n  /**\n   * Defines if the value should be displayed in list format or regular text format on one line.\n   * Default: `text`\n   */\n  variant?: 'ol' | 'ul' | 'text'\n  /**\n   * Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`.\n   * Variant `ol`: `a`, `A`, `i`, `I` and `1`.\n   * Variant `ul`: `circle`, `disc` and `square`.\n   * Default: `undefined`\n   */\n  listType?:\n    | 'a'\n    | 'A'\n    | 'i'\n    | 'I'\n    | '1'\n    | 'circle'\n    | 'disc'\n    | 'square'\n    | 'unstyled'\n    | undefined\n\n  /**\n   * The value to format as list.\n   * Default: null\n   */\n  value?: Array<React.ReactNode>\n\n  /**\n   * The children to format as list.\n   * Default: null\n   */\n  children?: React.ReactNode\n}\n\nfunction ListFormat(localProps: ListFormatProps) {\n  const { locale, ListFormat } = useContext(SharedContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(localProps, {}, ListFormat)\n  const { value, format, variant = 'text', listType, children } = allProps\n\n  const list = useMemo(() => {\n    const isListVariant = variant !== 'text'\n\n    const valueToUse = replaceRootFragment(children) || value\n\n    if (!Array.isArray(valueToUse)) {\n      return [valueToUse]\n    }\n\n    return isListVariant\n      ? React.Children.map(valueToUse, (child: React.ReactNode, index) => {\n          return <Li key={index}>{child}</Li>\n        })\n      : valueToUse\n  }, [value, children, variant, listType])\n\n  const result = useMemo(() => {\n    if (variant === 'text') {\n      return listFormat(list, { locale, format })\n    }\n\n    const ListElement = variant.startsWith('ol') ? Ol : Ul\n\n    return (\n      <ListElement\n        type={listType !== 'unstyled' ? listType : null}\n        className={listType === 'unstyled' && 'dnb-unstyled-list'}\n      >\n        {list}\n      </ListElement>\n    )\n  }, [format, list, locale])\n\n  return result\n}\n\nexport function listFormat(\n  list: Array<React.ReactNode>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n  } = {}\n) {\n  if (!Array.isArray(list)) {\n    return list\n  }\n\n  list = replaceRootFragment(list).filter(function (item) {\n    const isNan = typeof item === 'number' && isNaN(item)\n    return item !== undefined && item !== false && item !== null && !isNan\n  })\n\n  const buffer = new Map()\n  const hasJSX = list.some((v) => typeof v === 'object')\n  const shadow = list.map((v, i) => {\n    if (hasJSX) {\n      const id = `id-${i}`\n      buffer.set(id, v)\n      return `{${id}}`\n    }\n\n    return String(v)\n  })\n\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    const formattedList = formatter.format(shadow)\n\n    if (hasJSX) {\n      return formattedList.split(/\\{(id-[0-9]+)\\}/).map((v, i) => {\n        if (v.startsWith('id-')) {\n          const element = buffer.get(v)\n\n          return element.key\n            ? element\n            : // Support lists without a key\n              React.createElement(React.Fragment, { key: i }, element)\n        }\n\n        return v\n      })\n    }\n\n    return formattedList\n  } catch (error) {\n    if (hasJSX) {\n      return list\n    }\n\n    return list.join(', ')\n  }\n}\n\nfunction replaceRootFragment(children) {\n  if (children?.type === Fragment) {\n    return React.Children.toArray(children?.props?.children)\n  }\n  if (Array.isArray(children)) {\n    const firstChild = children[0]\n    if (\n      React.Children.count(children) === 1 &&\n      firstChild?.type === Fragment\n    ) {\n      return React.Children.toArray(firstChild?.props?.children)\n    }\n    return children\n  }\n\n  return children\n}\n\nListFormat._supportsSpacingProps = true\n\nexport default ListFormat\n"],"mappings":"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"}
+{"version":3,"file":"ListFormat.js","names":["_react","_interopRequireWildcard","require","_defaults","_componentHelper","_Context","_interopRequireDefault","_elements","_classnames","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ListFormat","localProps","locale","useContext","SharedContext","allProps","extendPropsWithContext","value","format","variant","listType","children","className","props","list","useMemo","isListVariant","valueToUse","replaceRootFragment","Array","isArray","React","Children","map","child","index","createElement","Li","result","listFormat","ListElement","startsWith","Ol","Ul","type","classNames","LOCALE","style","undefined","filter","item","isNan","isNaN","buffer","Map","hasJSX","some","v","shadow","id","String","formatter","Intl","formattedList","split","element","Fragment","error","join","_children$props","toArray","firstChild","count","_firstChild$props","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/list-format/ListFormat.tsx"],"sourcesContent":["import React, { Fragment, useContext, useMemo } from 'react'\nimport { LOCALE } from '../../shared/defaults'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../shared/Context'\nimport { Li, Ol, Ul } from '../../elements'\nimport { UlAllProps } from '../../elements/Ul'\nimport { OlAllProps } from '../../elements/Ol'\nimport classNames from 'classnames'\n\nexport type ListFormatProps = {\n  /**\n   * Formatting options for the value when variant is `text`.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n  /**\n   * Defines if the value should be displayed in list format (`ol`, `ul`) or regular text format in one line.\n   * Default: `text`\n   */\n  variant?: 'ol' | 'ul' | 'text'\n  /**\n   * Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`.\n   * Variant `ol`: `a`, `A`, `i`, `I` and `1`.\n   * Variant `ul`: `circle`, `disc` and `square`.\n   * Default: `undefined`\n   */\n  listType?:\n    | 'a'\n    | 'A'\n    | 'i'\n    | 'I'\n    | '1'\n    | 'circle'\n    | 'disc'\n    | 'square'\n    | 'unstyled'\n    | undefined\n\n  /**\n   * The value to format as list.\n   * Default: null\n   */\n  value?: Array<React.ReactNode>\n\n  /**\n   * The children to format as list.\n   * Default: null\n   */\n  children?: React.ReactNode\n}\n\nfunction ListFormat(\n  localProps: Omit<UlAllProps, 'value'> &\n    Omit<OlAllProps, 'value'> &\n    ListFormatProps\n) {\n  const { locale, ListFormat } = useContext(SharedContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(localProps, {}, ListFormat)\n  const {\n    value,\n    format,\n    variant = 'text',\n    listType,\n    children,\n    className,\n    ...props\n  } = allProps\n\n  const list = useMemo(() => {\n    const isListVariant = variant !== 'text'\n\n    const valueToUse = replaceRootFragment(children) || value\n\n    if (!Array.isArray(valueToUse)) {\n      return [valueToUse]\n    }\n\n    return isListVariant\n      ? React.Children.map(valueToUse, (child: React.ReactNode, index) => {\n          return <Li key={index}>{child}</Li>\n        })\n      : valueToUse\n  }, [value, children, variant, listType])\n\n  const result = useMemo(() => {\n    if (variant === 'text') {\n      return listFormat(list, { locale, format })\n    }\n\n    const ListElement = variant.startsWith('ol') ? Ol : Ul\n\n    return (\n      <ListElement\n        type={listType !== 'unstyled' ? listType : null}\n        className={classNames(\n          'dnb-list-format',\n          listType === 'unstyled' && 'dnb-unstyled-list',\n          className\n        )}\n        {...props}\n      >\n        {list}\n      </ListElement>\n    )\n  }, [format, list, locale])\n\n  return result\n}\n\nexport function listFormat(\n  list: Array<React.ReactNode>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n  }: {\n    locale?: InternalLocale\n    format?: ListFormatProps['format']\n  } = {}\n) {\n  if (!Array.isArray(list)) {\n    return list\n  }\n\n  list = replaceRootFragment(list).filter(function (item) {\n    const isNan = typeof item === 'number' && isNaN(item)\n    return item !== undefined && item !== false && item !== null && !isNan\n  })\n\n  const buffer = new Map()\n  const hasJSX = list.some((v) => typeof v === 'object')\n  const shadow = list.map((v, i) => {\n    if (hasJSX) {\n      const id = `id-${i}`\n      buffer.set(id, v)\n      return `{${id}}`\n    }\n\n    return String(v)\n  })\n\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    const formattedList = formatter.format(shadow)\n\n    if (hasJSX) {\n      return formattedList.split(/\\{(id-[0-9]+)\\}/).map((v, i) => {\n        if (v.startsWith('id-')) {\n          const element = buffer.get(v)\n\n          return element.key\n            ? element\n            : // Support lists without a key\n              React.createElement(React.Fragment, { key: i }, element)\n        }\n\n        return v\n      })\n    }\n\n    return formattedList\n  } catch (error) {\n    if (hasJSX) {\n      return list\n    }\n\n    return list.join(', ')\n  }\n}\n\nfunction replaceRootFragment(children) {\n  if (children?.type === Fragment) {\n    return React.Children.toArray(children?.props?.children)\n  }\n  if (Array.isArray(children)) {\n    const firstChild = children[0]\n    if (\n      React.Children.count(children) === 1 &&\n      firstChild?.type === Fragment\n    ) {\n      return React.Children.toArray(firstChild?.props?.children)\n    }\n    return children\n  }\n\n  return children\n}\n\nListFormat._supportsSpacingProps = true\n\nexport default ListFormat\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAGA,IAAAM,WAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAmC,MAAAO,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AA4CnC,SAASe,UAAUA,CACjBC,UAEiB,EACjB;EACA,MAAM;IAAEC,MAAM;IAAEF;EAAW,CAAC,GAAG,IAAAG,iBAAU,EAACC,gBAAa,CAAC;EAGxD,MAAMC,QAAQ,GAAG,IAAAC,uCAAsB,EAACL,UAAU,EAAE,CAAC,CAAC,EAAED,UAAU,CAAC;EACnE,MAAM;MACJO,KAAK;MACLC,MAAM;MACNC,OAAO,GAAG,MAAM;MAChBC,QAAQ;MACRC,QAAQ;MACRC;IAEF,CAAC,GAAGP,QAAQ;IADPQ,KAAK,GAAAtB,wBAAA,CACNc,QAAQ,EAAA9C,SAAA;EAEZ,MAAMuD,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IACzB,MAAMC,aAAa,GAAGP,OAAO,KAAK,MAAM;IAExC,MAAMQ,UAAU,GAAGC,mBAAmB,CAACP,QAAQ,CAAC,IAAIJ,KAAK;IAEzD,IAAI,CAACY,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,EAAE;MAC9B,OAAO,CAACA,UAAU,CAAC;IACrB;IAEA,OAAOD,aAAa,GAChBK,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACN,UAAU,EAAE,CAACO,KAAsB,EAAEC,KAAK,KAAK;MAChE,OAAO3E,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACrE,SAAA,CAAAsE,EAAE;QAACnD,GAAG,EAAEiD;MAAM,GAAED,KAAU,CAAC;IACrC,CAAC,CAAC,GACFP,UAAU;EAChB,CAAC,EAAE,CAACV,KAAK,EAAEI,QAAQ,EAAEF,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAExC,MAAMkB,MAAM,GAAG,IAAAb,cAAO,EAAC,MAAM;IAC3B,IAAIN,OAAO,KAAK,MAAM,EAAE;MACtB,OAAOoB,UAAU,CAACf,IAAI,EAAE;QAAEZ,MAAM;QAAEM;MAAO,CAAC,CAAC;IAC7C;IAEA,MAAMsB,WAAW,GAAGrB,OAAO,CAACsB,UAAU,CAAC,IAAI,CAAC,GAAGC,YAAE,GAAGC,YAAE;IAEtD,OACEnF,MAAA,CAAAY,OAAA,CAAAgE,aAAA,CAACI,WAAW,EAAAhD,QAAA;MACVoD,IAAI,EAAExB,QAAQ,KAAK,UAAU,GAAGA,QAAQ,GAAG,IAAK;MAChDE,SAAS,EAAE,IAAAuB,mBAAU,EACnB,iBAAiB,EAEjBvB,SAAS,EADTF,QAAQ,KAAK,UAAU,IAAI,mBAE7B;IAAE,GACEG,KAAK,GAERC,IACU,CAAC;EAElB,CAAC,EAAE,CAACN,MAAM,EAAEM,IAAI,EAAEZ,MAAM,CAAC,CAAC;EAE1B,OAAO0B,MAAM;AACf;AAEO,SAASC,UAAUA,CACxBf,IAA4B,EAW5B;EAAA,IAVA;IACEZ,MAAM,GAAGkC,gBAAM;IACf5B,MAAM,GAAG;MACP6B,KAAK,EAAE,MAAM;MACbH,IAAI,EAAE;IACR;EAIF,CAAC,GAAA/C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmD,SAAA,GAAAnD,SAAA,MAAG,CAAC,CAAC;EAEN,IAAI,CAACgC,KAAK,CAACC,OAAO,CAACN,IAAI,CAAC,EAAE;IACxB,OAAOA,IAAI;EACb;EAEAA,IAAI,GAAGI,mBAAmB,CAACJ,IAAI,CAAC,CAACyB,MAAM,CAAC,UAAUC,IAAI,EAAE;IACtD,MAAMC,KAAK,GAAG,OAAOD,IAAI,KAAK,QAAQ,IAAIE,KAAK,CAACF,IAAI,CAAC;IACrD,OAAOA,IAAI,KAAKF,SAAS,IAAIE,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,IAAI,IAAI,CAACC,KAAK;EACxE,CAAC,CAAC;EAEF,MAAME,MAAM,GAAG,IAAIC,GAAG,CAAC,CAAC;EACxB,MAAMC,MAAM,GAAG/B,IAAI,CAACgC,IAAI,CAAEC,CAAC,IAAK,OAAOA,CAAC,KAAK,QAAQ,CAAC;EACtD,MAAMC,MAAM,GAAGlC,IAAI,CAACS,GAAG,CAAC,CAACwB,CAAC,EAAE7D,CAAC,KAAK;IAChC,IAAI2D,MAAM,EAAE;MACV,MAAMI,EAAE,GAAI,MAAK/D,CAAE,EAAC;MACpByD,MAAM,CAAC9D,GAAG,CAACoE,EAAE,EAAEF,CAAC,CAAC;MACjB,OAAQ,IAAGE,EAAG,GAAE;IAClB;IAEA,OAAOC,MAAM,CAACH,CAAC,CAAC;EAClB,CAAC,CAAC;EAEF,IAAI;IACF,MAAMI,SAAS,GAAG,IAAIC,IAAI,CAACpD,UAAU,CAACE,MAAM,EAAEM,MAAM,CAAC;IACrD,MAAM6C,aAAa,GAAGF,SAAS,CAAC3C,MAAM,CAACwC,MAAM,CAAC;IAE9C,IAAIH,MAAM,EAAE;MACV,OAAOQ,aAAa,CAACC,KAAK,CAAC,iBAAiB,CAAC,CAAC/B,GAAG,CAAC,CAACwB,CAAC,EAAE7D,CAAC,KAAK;QAC1D,IAAI6D,CAAC,CAAChB,UAAU,CAAC,KAAK,CAAC,EAAE;UACvB,MAAMwB,OAAO,GAAGZ,MAAM,CAACzE,GAAG,CAAC6E,CAAC,CAAC;UAE7B,OAAOQ,OAAO,CAAC/E,GAAG,GACd+E,OAAO,GAEPlC,cAAK,CAACK,aAAa,CAACL,cAAK,CAACmC,QAAQ,EAAE;YAAEhF,GAAG,EAAEU;UAAE,CAAC,EAAEqE,OAAO,CAAC;QAC9D;QAEA,OAAOR,CAAC;MACV,CAAC,CAAC;IACJ;IAEA,OAAOM,aAAa;EACtB,CAAC,CAAC,OAAOI,KAAK,EAAE;IACd,IAAIZ,MAAM,EAAE;MACV,OAAO/B,IAAI;IACb;IAEA,OAAOA,IAAI,CAAC4C,IAAI,CAAC,IAAI,CAAC;EACxB;AACF;AAEA,SAASxC,mBAAmBA,CAACP,QAAQ,EAAE;EACrC,IAAI,CAAAA,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEuB,IAAI,MAAKsB,eAAQ,EAAE;IAAA,IAAAG,eAAA;IAC/B,OAAOtC,cAAK,CAACC,QAAQ,CAACsC,OAAO,CAACjD,QAAQ,aAARA,QAAQ,wBAAAgD,eAAA,GAARhD,QAAQ,CAAEE,KAAK,cAAA8C,eAAA,uBAAfA,eAAA,CAAiBhD,QAAQ,CAAC;EAC1D;EACA,IAAIQ,KAAK,CAACC,OAAO,CAACT,QAAQ,CAAC,EAAE;IAC3B,MAAMkD,UAAU,GAAGlD,QAAQ,CAAC,CAAC,CAAC;IAC9B,IACEU,cAAK,CAACC,QAAQ,CAACwC,KAAK,CAACnD,QAAQ,CAAC,KAAK,CAAC,IACpC,CAAAkD,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE3B,IAAI,MAAKsB,eAAQ,EAC7B;MAAA,IAAAO,iBAAA;MACA,OAAO1C,cAAK,CAACC,QAAQ,CAACsC,OAAO,CAACC,UAAU,aAAVA,UAAU,wBAAAE,iBAAA,GAAVF,UAAU,CAAEhD,KAAK,cAAAkD,iBAAA,uBAAjBA,iBAAA,CAAmBpD,QAAQ,CAAC;IAC5D;IACA,OAAOA,QAAQ;EACjB;EAEA,OAAOA,QAAQ;AACjB;AAEAX,UAAU,CAACgE,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAExBjE,UAAU;AAAAkE,OAAA,CAAAxG,OAAA,GAAAuG,QAAA"}

package/cjs/components/list-format/ListFormatDocs.js

@@ -4,7 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ListFormatProperties = void 0;
-const ListFormatProperties = {
+var _UlDocs = require("./../../elements/lists/UlDocs");
+var _OlDocs = require("./../../elements/lists/OlDocs");
+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; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const ListProperties = _objectSpread(_objectSpread({}, _UlDocs.UlProperties), _OlDocs.OlProperties);
+const {
+    children
+  } = ListProperties,
+  ListPropertiesWithoutChildren = _objectWithoutProperties(ListProperties, ["children"]);
+const ListFormatProperties = _objectSpread({
   value: {
     doc: 'The value to format. Can be given as `children` instead.',
     type: ['Array<React.ReactNode>'],
@@ -16,12 +30,12 @@ const ListFormatProperties = {
     status: 'optional'
   },
   format: {
-    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
+    doc: 'Formatting options for the value when variant is `text`. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
     type: 'Intl.ListFormatOptions',
     status: 'optional'
   },
   variant: {
-    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',
+    doc: 'Defines if the value should be displayed in list format (`ol`, `ul`) or regular text format in one line. Defaults to `text`',
     type: ['ol', 'ul', 'text'],
     status: 'optional'
   },
@@ -30,6 +44,6 @@ const ListFormatProperties = {
     type: ['a', 'A', 'i', 'I', '1', 'circle', 'disc', 'square', 'unstyled', 'undefined'],
     status: 'optional'
   }
-};
+}, ListPropertiesWithoutChildren);
 exports.ListFormatProperties = ListFormatProperties;
 //# sourceMappingURL=ListFormatDocs.js.map

package/cjs/components/list-format/ListFormatDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListFormatDocs.js","names":["ListFormatProperties","value","doc","type","status","children","format","variant","listType","exports"],"sources":["../../../../src/components/list-format/ListFormatDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ListFormatProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The value to format. Can be given as `children` instead.',\n    type: ['Array<React.ReactNode>'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'The children to format.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',\n    type: ['ol', 'ul', 'text'],\n    status: 'optional',\n  },\n  listType: {\n    doc: 'Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',\n    type: [\n      'a',\n      'A',\n      'i',\n      'I',\n      '1',\n      'circle',\n      'disc',\n      'square',\n      'unstyled',\n      'undefined',\n    ],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,wBAAwB,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,mNAAmN;IACxNC,IAAI,EAAE,CACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,CACZ;IACDC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"ListFormatDocs.js","names":["_UlDocs","require","_OlDocs","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ListProperties","UlProperties","OlProperties","children","ListPropertiesWithoutChildren","ListFormatProperties","doc","type","status","format","variant","listType","exports"],"sources":["../../../../src/components/list-format/ListFormatDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { UlProperties } from './../../elements/lists/UlDocs'\nimport { OlProperties } from './../../elements/lists/OlDocs'\n\nconst ListProperties = { ...UlProperties, ...OlProperties }\nconst { children, ...ListPropertiesWithoutChildren } = ListProperties\n\nexport const ListFormatProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The value to format. Can be given as `children` instead.',\n    type: ['Array<React.ReactNode>'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'The children to format.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  format: {\n    doc: 'Formatting options for the value when variant is `text`. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines if the value should be displayed in list format (`ol`, `ul`) or regular text format in one line. Defaults to `text`',\n    type: ['ol', 'ul', 'text'],\n    status: 'optional',\n  },\n  listType: {\n    doc: 'Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',\n    type: [\n      'a',\n      'A',\n      'i',\n      'I',\n      '1',\n      'circle',\n      'disc',\n      'square',\n      'unstyled',\n      'undefined',\n    ],\n    status: 'optional',\n  },\n  ...ListPropertiesWithoutChildren,\n}\n"],"mappings":"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"}

package/cjs/components/modal/ModalContent.js

@@ -211,7 +211,7 @@ class ModalContent extends _react.default.PureComponent {
       clearTimeout(this._focusTimeout);
       this._focusTimeout = setTimeout(() => {
         try {
-          var _focusElement, _focusElement$focus, _focusElement2, _focusElement2$select;
+          var _focusElement, _focusElement$focus, _focusElement2, _focusElement2$select, _elem$parentElement, _elem$parentElement$q, _elem$parentElement2, _elem$parentElement2$;
           let focusElement = elem;
           if (typeof focus_selector === 'string') {
             focusElement = elem.querySelector(focus_selector);
@@ -219,7 +219,9 @@ class ModalContent extends _react.default.PureComponent {
           (_focusElement = focusElement) === null || _focusElement === void 0 ? void 0 : (_focusElement$focus = _focusElement.focus) === null || _focusElement$focus === void 0 ? void 0 : _focusElement$focus.call(_focusElement);
           (_focusElement2 = focusElement) === null || _focusElement2 === void 0 ? void 0 : (_focusElement2$select = _focusElement2.select) === null || _focusElement2$select === void 0 ? void 0 : _focusElement2$select.call(_focusElement2);
           const noH1Elem = elem.querySelector('h1, h2, h3');
-          if ((noH1Elem === null || noH1Elem === void 0 ? void 0 : noH1Elem.tagName) !== 'H1') {
+          const noH1ElemInDrawerHeader = (_elem$parentElement = elem.parentElement) === null || _elem$parentElement === void 0 ? void 0 : (_elem$parentElement$q = _elem$parentElement.querySelector('.dnb-drawer__header')) === null || _elem$parentElement$q === void 0 ? void 0 : _elem$parentElement$q.querySelector('h1, h2, h3');
+          const noH1ElemInDialogHeader = (_elem$parentElement2 = elem.parentElement) === null || _elem$parentElement2 === void 0 ? void 0 : (_elem$parentElement2$ = _elem$parentElement2.querySelector('.dnb-dialog__header')) === null || _elem$parentElement2$ === void 0 ? void 0 : _elem$parentElement2$.querySelector('h1, h2, h3');
+          if ((noH1Elem === null || noH1Elem === void 0 ? void 0 : noH1Elem.tagName) !== 'H1' && (noH1ElemInDrawerHeader === null || noH1ElemInDrawerHeader === void 0 ? void 0 : noH1ElemInDrawerHeader.tagName) !== 'H1' && (noH1ElemInDialogHeader === null || noH1ElemInDialogHeader === void 0 ? void 0 : noH1ElemInDialogHeader.tagName) !== 'H1') {
             (0, _componentHelper.warn)('A Dialog or Drawer needs a h1 as its first element!');
           }
         } catch (e) {

package/cjs/components/modal/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","names":["_react","_interopRequireDefault","require","_classnames","_bodyScrollLock","_componentHelper","_ModalContext","_helpers","_helpers2","_Theme","_shared","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalContent","React","PureComponent","constructor","props","triggeredBy","triggeredByEvent","color","modalRoots","getListOfModalRoots","firstLevel","_this$props","_ii","InteractionInvalidation","setBypassSelector","root_id","bypass_invalidation_selectors","Boolean","activate","modal","_iiLocal","_scrollRef","current","document","addEventListener","onKeyDownHandler","animation_duration","timeoutDuration","parseFloat","clearTimeout","_androidFocusTimeout","setTimeout","_document$activeEleme","_document$activeEleme2","activeElement","tagName","scrollIntoView","e","event","stopPropagation","closeModalContent","_overlayClickRef","currentTarget","prevent_overlay_close","isTrue","ifIsLatest","keycode","mostCurrent","getModalRoot","preventDefault","setState","_contentRef","content_ref","createRef","scroll_ref","_id","id","componentDidMount","no_animation","addToIndex","removeScrollPossibility","setFocus","setAndroidFocusHelper","dispatchCustomElementEvent","process","env","NODE_ENV","lockBody","_lockTimeout","componentWillUnmount","_focusTimeout","removeLocks","removeFromIndex","_this$_ii","revert","revertScrollPossibility","warn","removeAndroidFocusHelper","state","removeEventListener","window","isAndroid","_androidFocusHelper","focus_selector","elem","_focusElement","_focusElement$focus","_focusElement2","_focusElement2$select","focusElement","querySelector","focus","select","noH1Elem","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","_ref","_event$persist","params","persist","close","render","_this$context","_this$props2","hide","title","labelled_by","close_title","dialog_title","hide_close_button","close_button_attributes","no_animation_on_mobile","fullscreen","container_placement","vertical_alignment","content_class","overlay_class","content_id","children","dialog_role","rest","contentId","makeUniqueId","useDialogRole","IS_MAC","IS_SAFARI","IS_IOS","role","contentParams","combineLabelledBy","combineDescribedBy","className","classnames","getThemeClasses","context","theme","onMouseDown","onContentMouseDownHandler","onClick","onContentClickHandler","content","createElement","Provider","setBackgroundColor","onCloseClickHandler","preventClick","contentRef","scrollRef","style","exports","Context"],"sources":["../../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  disableBodyScroll,\n  enableBodyScroll,\n  clearAllBodyScrollLocks,\n} from './bodyScrollLock'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  InteractionInvalidation,\n  combineLabelledBy,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport ModalContext from './ModalContext'\nimport { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers'\nimport { ModalContentProps } from './types'\nimport {\n  getListOfModalRoots,\n  getModalRoot,\n  addToIndex,\n  removeFromIndex,\n} from './helpers'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { Context } from '../../shared'\nimport { ContextProps } from '../../shared/Context'\n\ninterface ModalContentState {\n  triggeredBy: string\n  triggeredByEvent: Event\n  color: string\n}\n\ndeclare global {\n  interface Window {\n    __modalStack: any[]\n  }\n}\n\ninterface CSSPropertiesWithVars extends React.CSSProperties {\n  '--modal-background-color': string\n}\n\nexport default class ModalContent extends React.PureComponent<\n  ModalContentProps,\n  ModalContentState\n> {\n  state = { triggeredBy: null, triggeredByEvent: null, color: null }\n\n  _contentRef: React.RefObject<HTMLElement>\n  _scrollRef: React.RefObject<HTMLElement>\n  _overlayClickRef: { current: null | HTMLElement }\n  _id: string\n  _lockTimeout: NodeJS.Timeout\n  _focusTimeout: NodeJS.Timeout\n  _androidFocusTimeout: NodeJS.Timeout\n  _ii: InteractionInvalidation\n  _iiLocal: InteractionInvalidation\n\n  static contextType = Context\n\n  context!: ContextProps\n\n  constructor(props: ModalContentProps) {\n    super(props)\n    this._contentRef = this.props.content_ref || React.createRef()\n    this._scrollRef = this.props.scroll_ref || React.createRef()\n    this._overlayClickRef = React.createRef()\n\n    // NB: The \"\"._id\" is used in the __modalStack as \"last._id\"\n    this._id = props.id\n  }\n\n  componentDidMount() {\n    const {\n      id = null,\n      no_animation = false,\n      animation_duration = null,\n    } = this.props\n\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    // Add it to the index at first\n    // we use it later with getListOfModalRoots\n    addToIndex(this)\n\n    // Because of nested modals/drawers, we run this regardless\n    // has to be run at first – so the scrollbar gets removed\n    this.removeScrollPossibility() // forces browser to re-paint\n\n    this.setFocus()\n    this.setAndroidFocusHelper()\n\n    dispatchCustomElementEvent(this, 'on_open', {\n      id,\n    })\n\n    if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {\n      this.lockBody() // forces browser to re-paint\n    } else {\n      this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2) // a little over --modal-animation-duration\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._focusTimeout)\n    clearTimeout(this._lockTimeout)\n    this.removeLocks()\n  }\n\n  lockBody = () => {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    if (firstLevel === this) {\n      this._ii = new InteractionInvalidation()\n      this._ii.setBypassSelector(\n        [\n          // Bypass modal content\n          '.dnb-modal__content *',\n          `#dnb-modal-${this.props.root_id || 'root'}`,\n          `#dnb-modal-${this.props.root_id || 'root'} *`,\n\n          // TODO: Eventually in future, make it possible to bypass invalidation from outside\n          // '.dnb-modal--bypass_invalidation',\n          // '.dnb-modal--bypass_invalidation_deep *',\n\n          ...(this.props?.bypass_invalidation_selectors || []),\n        ].filter(Boolean)\n      )\n      this._ii.activate()\n    } else {\n      modalRoots.forEach((modal) => {\n        if (\n          modal !== this &&\n          typeof modal._iiLocal === 'undefined' &&\n          typeof modal._scrollRef !== 'undefined'\n        ) {\n          modal._iiLocal = new InteractionInvalidation()\n          modal._iiLocal.activate(modal._scrollRef.current)\n        }\n      })\n    }\n\n    if (typeof document !== 'undefined') {\n      /** To ensure, we have always a working keydown, we call it both on the element and document */\n      document.addEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  removeLocks() {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    removeFromIndex(this)\n\n    if (firstLevel === this) {\n      this._ii?.revert()\n      this.revertScrollPossibility()\n    } else {\n      try {\n        const modal = modalRoots[modalRoots.length - 2]\n        if (modal !== this && modal._iiLocal) {\n          modal._iiLocal.revert()\n          delete modal._iiLocal\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n\n    this.removeAndroidFocusHelper()\n\n    const id = this.props.id\n    const { triggeredBy, triggeredByEvent } = this.state\n    dispatchCustomElementEvent(this, 'on_close', {\n      id,\n      event: triggeredByEvent,\n      triggeredBy: triggeredBy || 'unmount',\n    })\n\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  setAndroidFocusHelper() {\n    if (typeof window !== 'undefined' && isAndroid()) {\n      window.addEventListener('resize', this._androidFocusHelper)\n    }\n  }\n\n  removeAndroidFocusHelper() {\n    window.removeEventListener('resize', this._androidFocusHelper)\n    clearTimeout(this._androidFocusTimeout)\n  }\n\n  _androidFocusHelper = () => {\n    const { animation_duration = null } = this.props\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    clearTimeout(this._androidFocusTimeout)\n    this._androidFocusTimeout = setTimeout(() => {\n      try {\n        if (\n          document.activeElement?.tagName == 'INPUT' ||\n          document.activeElement?.tagName == 'TEXTAREA'\n        ) {\n          document.activeElement.scrollIntoView()\n        }\n      } catch (e) {\n        //\n      }\n    }, timeoutDuration / 2) // Older Android needs a delay here\n  }\n\n  setFocus() {\n    const {\n      focus_selector = null,\n      no_animation = null,\n      animation_duration = null,\n    } = this.props\n    const elem = this._contentRef.current\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    if (elem) {\n      clearTimeout(this._focusTimeout)\n      this._focusTimeout = setTimeout(\n        () => {\n          try {\n            let focusElement = elem as HTMLInputElement\n\n            // Try to use the \"first-focus\" method first\n            if (typeof focus_selector === 'string') {\n              focusElement = elem.querySelector(focus_selector)\n            }\n\n            focusElement?.focus?.()\n            focusElement?.select?.()\n\n            const noH1Elem = elem.querySelector('h1, h2, h3')\n            if (noH1Elem?.tagName !== 'H1') {\n              warn('A Dialog or Drawer needs a h1 as its first element!')\n            }\n          } catch (e) {\n            warn(e)\n          }\n        },\n        isTrue(no_animation) ? 0 : timeoutDuration || 0\n      ) // with this delay, the user can press esc without an focus action first\n    }\n  }\n\n  removeScrollPossibility() {\n    if (this._scrollRef.current) {\n      disableBodyScroll(this._scrollRef.current)\n    }\n  }\n\n  revertScrollPossibility() {\n    enableBodyScroll(this._scrollRef.current)\n    clearAllBodyScrollLocks()\n  }\n\n  preventClick = (event) => {\n    if (event) {\n      event.stopPropagation()\n    }\n  }\n\n  onCloseClickHandler = (event: React.SyntheticEvent) => {\n    this.closeModalContent(event, { triggeredBy: 'button' })\n  }\n\n  onContentMouseDownHandler = (event: React.SyntheticEvent) => {\n    this._overlayClickRef.current =\n      event.target === event.currentTarget\n        ? (event.target as HTMLElement)\n        : null\n  }\n\n  onContentClickHandler = (event: React.SyntheticEvent) => {\n    /**\n     * Prevent false-positive Modal close,\n     * when e.g. selecting text inside and moving the mouse outside,\n     * we would still get this event fired. There we check if the current click,\n     * has the same target as where the click got initiated.\n     */\n    if (this._overlayClickRef.current !== event.target) {\n      return // stop here\n    }\n    this._overlayClickRef.current = null\n\n    const { prevent_overlay_close } = this.props\n\n    if (!isTrue(prevent_overlay_close)) {\n      this.closeModalContent(event, {\n        triggeredBy: 'overlay',\n        ifIsLatest: false,\n      })\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'esc': {\n        const mostCurrent = getModalRoot(-1)\n\n        if (mostCurrent === this) {\n          event.preventDefault()\n          this.closeModalContent(event, {\n            triggeredBy: 'keyboard',\n          })\n        }\n\n        break\n      }\n    }\n  }\n\n  closeModalContent(event, { triggeredBy, ...params }) {\n    event?.persist?.()\n    this.setState({ triggeredBy, triggeredByEvent: event }, () => {\n      this.props.close(event, {\n        triggeredBy,\n        ...params,\n      })\n    })\n  }\n\n  setBackgroundColor = (color: string) => {\n    this.setState({ color })\n  }\n\n  render() {\n    const {\n      hide,\n      title,\n      labelled_by,\n      id: _id, // eslint-disable-line\n      close_title = 'Lukk',\n      dialog_title = 'Vindu',\n      hide_close_button = false,\n      close_button_attributes,\n      no_animation = false,\n      no_animation_on_mobile = false,\n      fullscreen = 'auto',\n      container_placement = 'right',\n      vertical_alignment = 'center',\n      close,\n      content_class,\n      overlay_class,\n      content_id,\n      children, // eslint-disable-line\n      dialog_role = null,\n      ...rest\n    } = this.props\n    const { color } = this.state\n\n    const contentId = content_id || makeUniqueId('modal-')\n\n    const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS)\n    let role = dialog_role || 'dialog'\n    if (!useDialogRole && role === 'dialog') {\n      role = 'region'\n    }\n\n    const contentParams = {\n      /**\n       * Do not use role=\"dialog\" on Safari\n       *\n       * VoiceOver has troubles with role=\"dialog\" and \"Modal in Modal\",\n       * the result is, only the first Modal gets focus (set by Safari)\n       *\n       * Tests have shown: Both VoiceOver are working fine with the:\n       * \"aria-labelledby\" and \"aria-describedby\" approach\n       *\n       */\n      role,\n      'aria-modal': useDialogRole ? true : undefined,\n\n      /**\n       * ARIA references\n       */\n      'aria-labelledby': combineLabelledBy(\n        this.props,\n        title ? contentId + '-title' : null,\n        labelled_by\n      ),\n      'aria-describedby': combineDescribedBy(\n        this.props,\n        contentId + '-content'\n      ),\n\n      /**\n       * If no labelled_by and no title is given,\n       * set a fallback \"dialog_title\"\n       */\n      'aria-label': !title && !labelled_by ? dialog_title : undefined,\n\n      className: classnames(\n        'dnb-modal__content',\n        isTrue(fullscreen)\n          ? 'dnb-modal__content--fullscreen'\n          : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen',\n        container_placement\n          ? `dnb-modal__content--${container_placement || 'right'}`\n          : null,\n        `dnb-modal__vertical-alignment--${vertical_alignment}`,\n        getThemeClasses(this.context?.theme),\n        content_class\n      ),\n      onMouseDown: this.onContentMouseDownHandler,\n      onClick: this.onContentClickHandler,\n    }\n\n    const content =\n      typeof children === 'function'\n        ? children({ ...rest, close })\n        : children\n\n    return (\n      <ModalContext.Provider\n        value={{\n          id: this.props.id,\n          title,\n          hide_close_button,\n          close_button_attributes,\n          close_title,\n          hide,\n          setBackgroundColor: this.setBackgroundColor,\n          onCloseClickHandler: this.onCloseClickHandler,\n          preventClick: this.preventClick,\n          onKeyDownHandler: this.onKeyDownHandler,\n          contentRef: this._contentRef,\n          scrollRef: this._scrollRef,\n          contentId,\n          close,\n        }}\n      >\n        <div\n          id={contentId}\n          /** Sets the color on scroll overflow (at the bottom) */\n          style={\n            (color\n              ? { '--modal-background-color': `var(--color-${color})` }\n              : null) as CSSPropertiesWithVars\n          }\n          {...contentParams}\n        >\n          {content}\n        </div>\n\n        <span\n          className={classnames(\n            'dnb-modal__overlay',\n            hide && 'dnb-modal__overlay--hide',\n            isTrue(no_animation) && 'dnb-modal__overlay--no-animation',\n            isTrue(no_animation_on_mobile) &&\n              'dnb-modal__overlay--no-animation-on-mobile',\n            overlay_class\n          )}\n          aria-hidden={true}\n        />\n      </ModalContext.Provider>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,gBAAA,GAAAH,OAAA;AAUA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA;AAMA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAsC,MAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAX,uBAAAY,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;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAhB,MAAA,CAAAgB,IAAA,CAAAF,MAAA,OAAAd,MAAA,CAAAiB,qBAAA,QAAAC,OAAA,GAAAlB,MAAA,CAAAiB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAApB,MAAA,CAAAqB,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAX,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAArB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAS,OAAA,CAAAb,MAAA,CAAAO,MAAA,OAAAkB,OAAA,WAAAjB,GAAA,IAAAkB,eAAA,CAAAvB,MAAA,EAAAK,GAAA,EAAAD,MAAA,CAAAC,GAAA,SAAAR,MAAA,CAAA2B,yBAAA,GAAA3B,MAAA,CAAA4B,gBAAA,CAAAzB,MAAA,EAAAH,MAAA,CAAA2B,yBAAA,CAAApB,MAAA,KAAAM,OAAA,CAAAb,MAAA,CAAAO,MAAA,GAAAkB,OAAA,WAAAjB,GAAA,IAAAR,MAAA,CAAA6B,cAAA,CAAA1B,MAAA,EAAAK,GAAA,EAAAR,MAAA,CAAAqB,wBAAA,CAAAd,MAAA,EAAAC,GAAA,iBAAAL,MAAA;AAAA,SAAA2B,yBAAAvB,MAAA,EAAAwB,QAAA,QAAAxB,MAAA,yBAAAJ,MAAA,GAAA6B,6BAAA,CAAAzB,MAAA,EAAAwB,QAAA,OAAAvB,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAiB,qBAAA,QAAAgB,gBAAA,GAAAjC,MAAA,CAAAiB,qBAAA,CAAAV,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA6B,gBAAA,CAAA3B,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAyB,gBAAA,CAAA7B,CAAA,OAAA2B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA0B,oBAAA,CAAAxB,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAA6B,8BAAAzB,MAAA,EAAAwB,QAAA,QAAAxB,MAAA,yBAAAJ,MAAA,WAAAiC,UAAA,GAAApC,MAAA,CAAAgB,IAAA,CAAAT,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgC,UAAA,CAAA9B,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA4B,UAAA,CAAAhC,CAAA,OAAA2B,QAAA,CAAAG,OAAA,CAAA1B,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAAA,SAAAuB,gBAAA9B,GAAA,EAAAY,GAAA,EAAA6B,KAAA,IAAA7B,GAAA,GAAA8B,cAAA,CAAA9B,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAA6B,cAAA,CAAAjC,GAAA,EAAAY,GAAA,IAAA6B,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA5C,GAAA,CAAAY,GAAA,IAAA6B,KAAA,WAAAzC,GAAA;AAAA,SAAA0C,eAAAG,GAAA,QAAAjC,GAAA,GAAAkC,YAAA,CAAAD,GAAA,2BAAAjC,GAAA,gBAAAA,GAAA,GAAAmC,MAAA,CAAAnC,GAAA;AAAA,SAAAkC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAnC,IAAA,CAAAiC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAmBvB,MAAMS,YAAY,SAASC,cAAK,CAACC,aAAa,CAG3D;EAiBAC,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;IAAA/B,eAAA,gBAjBN;MAAEgC,WAAW,EAAE,IAAI;MAAEC,gBAAgB,EAAE,IAAI;MAAEC,KAAK,EAAE;IAAK,CAAC;IAAAlC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAkEvD,MAAM;MACf,MAAMmC,UAAU,GAAG,IAAAC,6BAAmB,EAAC,CAAC;MACxC,MAAMC,UAAU,GAAGF,UAAU,CAAC,CAAC,CAAC;MAEhC,IAAIE,UAAU,KAAK,IAAI,EAAE;QAAA,IAAAC,WAAA;QACvB,IAAI,CAACC,GAAG,GAAG,IAAIC,wCAAuB,CAAC,CAAC;QACxC,IAAI,CAACD,GAAG,CAACE,iBAAiB,CACxB,CAEE,uBAAuB,EACtB,cAAa,IAAI,CAACV,KAAK,CAACW,OAAO,IAAI,MAAO,EAAC,EAC3C,cAAa,IAAI,CAACX,KAAK,CAACW,OAAO,IAAI,MAAO,IAAG,EAM9C,IAAI,EAAAJ,WAAA,OAAI,CAACP,KAAK,cAAAO,WAAA,uBAAVA,WAAA,CAAYK,6BAA6B,KAAI,EAAE,CAAC,CACrD,CAAClD,MAAM,CAACmD,OAAO,CAClB,CAAC;QACD,IAAI,CAACL,GAAG,CAACM,QAAQ,CAAC,CAAC;MACrB,CAAC,MAAM;QACLV,UAAU,CAACpC,OAAO,CAAE+C,KAAK,IAAK;UAC5B,IACEA,KAAK,KAAK,IAAI,IACd,OAAOA,KAAK,CAACC,QAAQ,KAAK,WAAW,IACrC,OAAOD,KAAK,CAACE,UAAU,KAAK,WAAW,EACvC;YACAF,KAAK,CAACC,QAAQ,GAAG,IAAIP,wCAAuB,CAAC,CAAC;YAC9CM,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAACC,KAAK,CAACE,UAAU,CAACC,OAAO,CAAC;UACnD;QACF,CAAC,CAAC;MACJ;MAEA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;QAEnCA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACC,gBAAgB,CAAC;MAC7D;IACF,CAAC;IAAApD,eAAA,8BAiDqB,MAAM;MAC1B,MAAM;QAAEqD,kBAAkB,GAAG;MAAK,CAAC,GAAG,IAAI,CAACtB,KAAK;MAChD,MAAMuB,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;MAExBG,YAAY,CAAC,IAAI,CAACC,oBAAoB,CAAC;MACvC,IAAI,CAACA,oBAAoB,GAAGC,UAAU,CAAC,MAAM;QAC3C,IAAI;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACF,IACE,EAAAD,qBAAA,GAAAT,QAAQ,CAACW,aAAa,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAwBG,OAAO,KAAI,OAAO,IAC1C,EAAAF,sBAAA,GAAAV,QAAQ,CAACW,aAAa,cAAAD,sBAAA,uBAAtBA,sBAAA,CAAwBE,OAAO,KAAI,UAAU,EAC7C;YACAZ,QAAQ,CAACW,aAAa,CAACE,cAAc,CAAC,CAAC;UACzC;QACF,CAAC,CAAC,OAAOC,CAAC,EAAE,CAEZ;MACF,CAAC,EAAEV,eAAe,GAAG,CAAC,CAAC;IACzB,CAAC;IAAAtD,eAAA,uBAqDeiE,KAAK,IAAK;MACxB,IAAIA,KAAK,EAAE;QACTA,KAAK,CAACC,eAAe,CAAC,CAAC;MACzB;IACF,CAAC;IAAAlE,eAAA,8BAEsBiE,KAA2B,IAAK;MACrD,IAAI,CAACE,iBAAiB,CAACF,KAAK,EAAE;QAAEjC,WAAW,EAAE;MAAS,CAAC,CAAC;IAC1D,CAAC;IAAAhC,eAAA,oCAE4BiE,KAA2B,IAAK;MAC3D,IAAI,CAACG,gBAAgB,CAACnB,OAAO,GAC3BgB,KAAK,CAACxF,MAAM,KAAKwF,KAAK,CAACI,aAAa,GAC/BJ,KAAK,CAACxF,MAAM,GACb,IAAI;IACZ,CAAC;IAAAuB,eAAA,gCAEwBiE,KAA2B,IAAK;MAOvD,IAAI,IAAI,CAACG,gBAAgB,CAACnB,OAAO,KAAKgB,KAAK,CAACxF,MAAM,EAAE;QAClD;MACF;MACA,IAAI,CAAC2F,gBAAgB,CAACnB,OAAO,GAAG,IAAI;MAEpC,MAAM;QAAEqB;MAAsB,CAAC,GAAG,IAAI,CAACvC,KAAK;MAE5C,IAAI,CAAC,IAAAwC,uBAAM,EAACD,qBAAqB,CAAC,EAAE;QAClC,IAAI,CAACH,iBAAiB,CAACF,KAAK,EAAE;UAC5BjC,WAAW,EAAE,SAAS;UACtBwC,UAAU,EAAE;QACd,CAAC,CAAC;MACJ;IACF,CAAC;IAAAxE,eAAA,2BAEmBiE,KAAK,IAAK;MAC5B,QAAQ,IAAAQ,wBAAO,EAACR,KAAK,CAAC;QACpB,KAAK,KAAK;UAAE;YACV,MAAMS,WAAW,GAAG,IAAAC,sBAAY,EAAC,CAAC,CAAC,CAAC;YAEpC,IAAID,WAAW,KAAK,IAAI,EAAE;cACxBT,KAAK,CAACW,cAAc,CAAC,CAAC;cACtB,IAAI,CAACT,iBAAiB,CAACF,KAAK,EAAE;gBAC5BjC,WAAW,EAAE;cACf,CAAC,CAAC;YACJ;YAEA;UACF;MACF;IACF,CAAC;IAAAhC,eAAA,6BAYqBkC,KAAa,IAAK;MACtC,IAAI,CAAC2C,QAAQ,CAAC;QAAE3C;MAAM,CAAC,CAAC;IAC1B,CAAC;IApRC,IAAI,CAAC4C,WAAW,GAAG,IAAI,CAAC/C,KAAK,CAACgD,WAAW,IAAInD,cAAK,CAACoD,SAAS,CAAC,CAAC;IAC9D,IAAI,CAAChC,UAAU,GAAG,IAAI,CAACjB,KAAK,CAACkD,UAAU,IAAIrD,cAAK,CAACoD,SAAS,CAAC,CAAC;IAC5D,IAAI,CAACZ,gBAAgB,GAAGxC,cAAK,CAACoD,SAAS,CAAC,CAAC;IAGzC,IAAI,CAACE,GAAG,GAAGnD,KAAK,CAACoD,EAAE;EACrB;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MACJD,EAAE,GAAG,IAAI;MACTE,YAAY,GAAG,KAAK;MACpBhC,kBAAkB,GAAG;IACvB,CAAC,GAAG,IAAI,CAACtB,KAAK;IAEd,MAAMuB,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;IAIxB,IAAAiC,oBAAU,EAAC,IAAI,CAAC;IAIhB,IAAI,CAACC,uBAAuB,CAAC,CAAC;IAE9B,IAAI,CAACC,QAAQ,CAAC,CAAC;IACf,IAAI,CAACC,qBAAqB,CAAC,CAAC;IAE5B,IAAAC,2CAA0B,EAAC,IAAI,EAAE,SAAS,EAAE;MAC1CP;IACF,CAAC,CAAC;IAEF,IAAI,IAAAZ,uBAAM,EAACc,YAAY,CAAC,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC3D,IAAI,CAACC,QAAQ,CAAC,CAAC;IACjB,CAAC,MAAM;MACL,IAAI,CAACC,YAAY,GAAGrC,UAAU,CAAC,IAAI,CAACoC,QAAQ,EAAExC,eAAe,GAAG,GAAG,CAAC;IACtE;EACF;EAEA0C,oBAAoBA,CAAA,EAAG;IACrBxC,YAAY,CAAC,IAAI,CAACyC,aAAa,CAAC;IAChCzC,YAAY,CAAC,IAAI,CAACuC,YAAY,CAAC;IAC/B,IAAI,CAACG,WAAW,CAAC,CAAC;EACpB;EA0CAA,WAAWA,CAAA,EAAG;IACZ,MAAM/D,UAAU,GAAG,IAAAC,6BAAmB,EAAC,CAAC;IACxC,MAAMC,UAAU,GAAGF,UAAU,CAAC,CAAC,CAAC;IAEhC,IAAAgE,yBAAe,EAAC,IAAI,CAAC;IAErB,IAAI9D,UAAU,KAAK,IAAI,EAAE;MAAA,IAAA+D,SAAA;MACvB,CAAAA,SAAA,OAAI,CAAC7D,GAAG,cAAA6D,SAAA,uBAARA,SAAA,CAAUC,MAAM,CAAC,CAAC;MAClB,IAAI,CAACC,uBAAuB,CAAC,CAAC;IAChC,CAAC,MAAM;MACL,IAAI;QACF,MAAMxD,KAAK,GAAGX,UAAU,CAACA,UAAU,CAACvD,MAAM,GAAG,CAAC,CAAC;QAC/C,IAAIkE,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACC,QAAQ,EAAE;UACpCD,KAAK,CAACC,QAAQ,CAACsD,MAAM,CAAC,CAAC;UACvB,OAAOvD,KAAK,CAACC,QAAQ;QACvB;MACF,CAAC,CAAC,OAAOiB,CAAC,EAAE;QACV,IAAAuC,qBAAI,EAACvC,CAAC,CAAC;MACT;IACF;IAEA,IAAI,CAACwC,wBAAwB,CAAC,CAAC;IAE/B,MAAMrB,EAAE,GAAG,IAAI,CAACpD,KAAK,CAACoD,EAAE;IACxB,MAAM;MAAEnD,WAAW;MAAEC;IAAiB,CAAC,GAAG,IAAI,CAACwE,KAAK;IACpD,IAAAf,2CAA0B,EAAC,IAAI,EAAE,UAAU,EAAE;MAC3CP,EAAE;MACFlB,KAAK,EAAEhC,gBAAgB;MACvBD,WAAW,EAAEA,WAAW,IAAI;IAC9B,CAAC,CAAC;IAEF,IAAI,OAAOkB,QAAQ,KAAK,WAAW,EAAE;MACnCA,QAAQ,CAACwD,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACtD,gBAAgB,CAAC;IAChE;EACF;EAEAqC,qBAAqBA,CAAA,EAAG;IACtB,IAAI,OAAOkB,MAAM,KAAK,WAAW,IAAI,IAAAC,kBAAS,EAAC,CAAC,EAAE;MAChDD,MAAM,CAACxD,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC0D,mBAAmB,CAAC;IAC7D;EACF;EAEAL,wBAAwBA,CAAA,EAAG;IACzBG,MAAM,CAACD,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACG,mBAAmB,CAAC;IAC9DrD,YAAY,CAAC,IAAI,CAACC,oBAAoB,CAAC;EACzC;EAwBA+B,QAAQA,CAAA,EAAG;IACT,MAAM;MACJsB,cAAc,GAAG,IAAI;MACrBzB,YAAY,GAAG,IAAI;MACnBhC,kBAAkB,GAAG;IACvB,CAAC,GAAG,IAAI,CAACtB,KAAK;IACd,MAAMgF,IAAI,GAAG,IAAI,CAACjC,WAAW,CAAC7B,OAAO;IACrC,MAAMK,eAAuB,GAC3B,OAAOD,kBAAkB,KAAK,QAAQ,GAClCE,UAAU,CAACF,kBAAkB,CAAC,GAC9BA,kBAAkB;IAExB,IAAI0D,IAAI,EAAE;MACRvD,YAAY,CAAC,IAAI,CAACyC,aAAa,CAAC;MAChC,IAAI,CAACA,aAAa,GAAGvC,UAAU,CAC7B,MAAM;QACJ,IAAI;UAAA,IAAAsD,aAAA,EAAAC,mBAAA,EAAAC,cAAA,EAAAC,qBAAA;UACF,IAAIC,YAAY,GAAGL,IAAwB;UAG3C,IAAI,OAAOD,cAAc,KAAK,QAAQ,EAAE;YACtCM,YAAY,GAAGL,IAAI,CAACM,aAAa,CAACP,cAAc,CAAC;UACnD;UAEA,CAAAE,aAAA,GAAAI,YAAY,cAAAJ,aAAA,wBAAAC,mBAAA,GAAZD,aAAA,CAAcM,KAAK,cAAAL,mBAAA,uBAAnBA,mBAAA,CAAAhI,IAAA,CAAA+H,aAAsB,CAAC;UACvB,CAAAE,cAAA,GAAAE,YAAY,cAAAF,cAAA,wBAAAC,qBAAA,GAAZD,cAAA,CAAcK,MAAM,cAAAJ,qBAAA,uBAApBA,qBAAA,CAAAlI,IAAA,CAAAiI,cAAuB,CAAC;UAExB,MAAMM,QAAQ,GAAGT,IAAI,CAACM,aAAa,CAAC,YAAY,CAAC;UACjD,IAAI,CAAAG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE1D,OAAO,MAAK,IAAI,EAAE;YAC9B,IAAAyC,qBAAI,EAAC,qDAAqD,CAAC;UAC7D;QACF,CAAC,CAAC,OAAOvC,CAAC,EAAE;UACV,IAAAuC,qBAAI,EAACvC,CAAC,CAAC;QACT;MACF,CAAC,EACD,IAAAO,uBAAM,EAACc,YAAY,CAAC,GAAG,CAAC,GAAG/B,eAAe,IAAI,CAChD,CAAC;IACH;EACF;EAEAiC,uBAAuBA,CAAA,EAAG;IACxB,IAAI,IAAI,CAACvC,UAAU,CAACC,OAAO,EAAE;MAC3B,IAAAwE,iCAAiB,EAAC,IAAI,CAACzE,UAAU,CAACC,OAAO,CAAC;IAC5C;EACF;EAEAqD,uBAAuBA,CAAA,EAAG;IACxB,IAAAoB,gCAAgB,EAAC,IAAI,CAAC1E,UAAU,CAACC,OAAO,CAAC;IACzC,IAAA0E,uCAAuB,EAAC,CAAC;EAC3B;EA0DAxD,iBAAiBA,CAACF,KAAK,EAAA2D,IAAA,EAA8B;IAAA,IAAAC,cAAA;IAAA,IAA5B;QAAE7F;MAAuB,CAAC,GAAA4F,IAAA;MAARE,MAAM,GAAA1H,wBAAA,CAAAwH,IAAA,EAAA5J,SAAA;IAC/CiG,KAAK,aAALA,KAAK,wBAAA4D,cAAA,GAAL5D,KAAK,CAAE8D,OAAO,cAAAF,cAAA,uBAAdA,cAAA,CAAA5I,IAAA,CAAAgF,KAAiB,CAAC;IAClB,IAAI,CAACY,QAAQ,CAAC;MAAE7C,WAAW;MAAEC,gBAAgB,EAAEgC;IAAM,CAAC,EAAE,MAAM;MAC5D,IAAI,CAAClC,KAAK,CAACiG,KAAK,CAAC/D,KAAK,EAAAnE,aAAA;QACpBkC;MAAW,GACR8F,MAAM,CACV,CAAC;IACJ,CAAC,CAAC;EACJ;EAMAG,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IACP,MAAAC,YAAA,GAqBI,IAAI,CAACpG,KAAK;MArBR;QACJqG,IAAI;QACJC,KAAK;QACLC,WAAW;QACXnD,EAAE,EAAED,GAAG;QACPqD,WAAW,GAAG,MAAM;QACpBC,YAAY,GAAG,OAAO;QACtBC,iBAAiB,GAAG,KAAK;QACzBC,uBAAuB;QACvBrD,YAAY,GAAG,KAAK;QACpBsD,sBAAsB,GAAG,KAAK;QAC9BC,UAAU,GAAG,MAAM;QACnBC,mBAAmB,GAAG,OAAO;QAC7BC,kBAAkB,GAAG,QAAQ;QAC7Bd,KAAK;QACLe,aAAa;QACbC,aAAa;QACbC,UAAU;QACVC,QAAQ;QACRC,WAAW,GAAG;MAEhB,CAAC,GAAAhB,YAAA;MADIiB,IAAI,GAAAhJ,wBAAA,CAAA+H,YAAA,EAAAlK,UAAA;IAET,MAAM;MAAEiE;IAAM,CAAC,GAAG,IAAI,CAACuE,KAAK;IAE5B,MAAM4C,SAAS,GAAGJ,UAAU,IAAI,IAAAK,6BAAY,EAAC,QAAQ,CAAC;IAEtD,MAAMC,aAAa,GAAG,EAAEC,eAAM,IAAIC,kBAAS,IAAIC,eAAM,CAAC;IACtD,IAAIC,IAAI,GAAGR,WAAW,IAAI,QAAQ;IAClC,IAAI,CAACI,aAAa,IAAII,IAAI,KAAK,QAAQ,EAAE;MACvCA,IAAI,GAAG,QAAQ;IACjB;IAEA,MAAMC,aAAa,GAAG;MAWpBD,IAAI;MACJ,YAAY,EAAEJ,aAAa,GAAG,IAAI,GAAGhI,SAAS;MAK9C,iBAAiB,EAAE,IAAAsI,kCAAiB,EAClC,IAAI,CAAC9H,KAAK,EACVsG,KAAK,GAAGgB,SAAS,GAAG,QAAQ,GAAG,IAAI,EACnCf,WACF,CAAC;MACD,kBAAkB,EAAE,IAAAwB,mCAAkB,EACpC,IAAI,CAAC/H,KAAK,EACVsH,SAAS,GAAG,UACd,CAAC;MAMD,YAAY,EAAE,CAAChB,KAAK,IAAI,CAACC,WAAW,GAAGE,YAAY,GAAGjH,SAAS;MAE/DwI,SAAS,EAAE,IAAAC,mBAAU,uDAQelB,kBAAmB,IANrD,IAAAvE,uBAAM,EAACqE,UAAU,CAAC,GACd,gCAAgC,GAChCA,UAAU,KAAK,MAAM,IAAI,qCAAqC,EAKlE,IAAAqB,sBAAe,GAAA/B,aAAA,GAAC,IAAI,CAACgC,OAAO,cAAAhC,aAAA,uBAAZA,aAAA,CAAciC,KAAK,CAAC,EACpCpB,aAAa,EALbF,mBAAmB,IACd,uBAAsBA,mBAAmB,IAAI,OAAQ,EAK5D,CAAC;MACDuB,WAAW,EAAE,IAAI,CAACC,yBAAyB;MAC3CC,OAAO,EAAE,IAAI,CAACC;IAChB,CAAC;IAED,MAAMC,OAAO,GACX,OAAOtB,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAAApJ,aAAA,CAAAA,aAAA,KAAMsJ,IAAI;MAAEpB;IAAK,EAAE,CAAC,GAC5BkB,QAAQ;IAEd,OACE7L,MAAA,CAAAe,OAAA,CAAAqM,aAAA,CAAC9M,aAAA,CAAAS,OAAY,CAACsM,QAAQ;MACpB/J,KAAK,EAAE;QACLwE,EAAE,EAAE,IAAI,CAACpD,KAAK,CAACoD,EAAE;QACjBkD,KAAK;QACLI,iBAAiB;QACjBC,uBAAuB;QACvBH,WAAW;QACXH,IAAI;QACJuC,kBAAkB,EAAE,IAAI,CAACA,kBAAkB;QAC3CC,mBAAmB,EAAE,IAAI,CAACA,mBAAmB;QAC7CC,YAAY,EAAE,IAAI,CAACA,YAAY;QAC/BzH,gBAAgB,EAAE,IAAI,CAACA,gBAAgB;QACvC0H,UAAU,EAAE,IAAI,CAAChG,WAAW;QAC5BiG,SAAS,EAAE,IAAI,CAAC/H,UAAU;QAC1BqG,SAAS;QACTrB;MACF;IAAE,GAEF3K,MAAA,CAAAe,OAAA,CAAAqM,aAAA,QAAApM,QAAA;MACE8G,EAAE,EAAEkE,SAAU;MAEd2B,KAAK,EACF9I,KAAK,GACF;QAAE,0BAA0B,EAAG,eAAcA,KAAM;MAAG,CAAC,GACvD;IACL,GACG0H,aAAa,GAEhBY,OACE,CAAC,EAENnN,MAAA,CAAAe,OAAA,CAAAqM,aAAA;MACEV,SAAS,EAAE,IAAAC,mBAAU,EACnB,oBAAoB,EAKpBhB,aAAa,EAJbZ,IAAI,IAAI,0BAA0B,EAClC,IAAA7D,uBAAM,EAACc,YAAY,CAAC,IAAI,kCAAkC,EAC1D,IAAAd,uBAAM,EAACoE,sBAAsB,CAAC,IAC5B,4CAEJ,CAAE;MACF,eAAa;IAAK,CACnB,CACoB,CAAC;EAE5B;AACF;AAACsC,OAAA,CAAA7M,OAAA,GAAAuD,YAAA;AAAA3B,eAAA,CAjboB2B,YAAY,iBAgBVuJ,eAAO"}
+{"version":3,"file":"ModalContent.js","names":["_react","_interopRequireDefault","require","_classnames","_bodyScrollLock","_componentHelper","_ModalContext","_helpers","_helpers2","_Theme","_shared","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalContent","React","PureComponent","constructor","props","triggeredBy","triggeredByEvent","color","modalRoots","getListOfModalRoots","firstLevel","_this$props","_ii","InteractionInvalidation","setBypassSelector","root_id","bypass_invalidation_selectors","Boolean","activate","modal","_iiLocal","_scrollRef","current","document","addEventListener","onKeyDownHandler","animation_duration","timeoutDuration","parseFloat","clearTimeout","_androidFocusTimeout","setTimeout","_document$activeEleme","_document$activeEleme2","activeElement","tagName","scrollIntoView","e","event","stopPropagation","closeModalContent","_overlayClickRef","currentTarget","prevent_overlay_close","isTrue","ifIsLatest","keycode","mostCurrent","getModalRoot","preventDefault","setState","_contentRef","content_ref","createRef","scroll_ref","_id","id","componentDidMount","no_animation","addToIndex","removeScrollPossibility","setFocus","setAndroidFocusHelper","dispatchCustomElementEvent","process","env","NODE_ENV","lockBody","_lockTimeout","componentWillUnmount","_focusTimeout","removeLocks","removeFromIndex","_this$_ii","revert","revertScrollPossibility","warn","removeAndroidFocusHelper","state","removeEventListener","window","isAndroid","_androidFocusHelper","focus_selector","elem","_focusElement","_focusElement$focus","_focusElement2","_focusElement2$select","_elem$parentElement","_elem$parentElement$q","_elem$parentElement2","_elem$parentElement2$","focusElement","querySelector","focus","select","noH1Elem","noH1ElemInDrawerHeader","parentElement","noH1ElemInDialogHeader","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","_ref","_event$persist","params","persist","close","render","_this$context","_this$props2","hide","title","labelled_by","close_title","dialog_title","hide_close_button","close_button_attributes","no_animation_on_mobile","fullscreen","container_placement","vertical_alignment","content_class","overlay_class","content_id","children","dialog_role","rest","contentId","makeUniqueId","useDialogRole","IS_MAC","IS_SAFARI","IS_IOS","role","contentParams","combineLabelledBy","combineDescribedBy","className","classnames","getThemeClasses","context","theme","onMouseDown","onContentMouseDownHandler","onClick","onContentClickHandler","content","createElement","Provider","setBackgroundColor","onCloseClickHandler","preventClick","contentRef","scrollRef","style","exports","Context"],"sources":["../../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  disableBodyScroll,\n  enableBodyScroll,\n  clearAllBodyScrollLocks,\n} from './bodyScrollLock'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  InteractionInvalidation,\n  combineLabelledBy,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport ModalContext from './ModalContext'\nimport { IS_IOS, IS_SAFARI, IS_MAC, isAndroid } from '../../shared/helpers'\nimport { ModalContentProps } from './types'\nimport {\n  getListOfModalRoots,\n  getModalRoot,\n  addToIndex,\n  removeFromIndex,\n} from './helpers'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { Context } from '../../shared'\nimport { ContextProps } from '../../shared/Context'\n\ninterface ModalContentState {\n  triggeredBy: string\n  triggeredByEvent: Event\n  color: string\n}\n\ndeclare global {\n  interface Window {\n    __modalStack: any[]\n  }\n}\n\ninterface CSSPropertiesWithVars extends React.CSSProperties {\n  '--modal-background-color': string\n}\n\nexport default class ModalContent extends React.PureComponent<\n  ModalContentProps,\n  ModalContentState\n> {\n  state = { triggeredBy: null, triggeredByEvent: null, color: null }\n\n  _contentRef: React.RefObject<HTMLElement>\n  _scrollRef: React.RefObject<HTMLElement>\n  _overlayClickRef: { current: null | HTMLElement }\n  _id: string\n  _lockTimeout: NodeJS.Timeout\n  _focusTimeout: NodeJS.Timeout\n  _androidFocusTimeout: NodeJS.Timeout\n  _ii: InteractionInvalidation\n  _iiLocal: InteractionInvalidation\n\n  static contextType = Context\n\n  context!: ContextProps\n\n  constructor(props: ModalContentProps) {\n    super(props)\n    this._contentRef = this.props.content_ref || React.createRef()\n    this._scrollRef = this.props.scroll_ref || React.createRef()\n    this._overlayClickRef = React.createRef()\n\n    // NB: The \"\"._id\" is used in the __modalStack as \"last._id\"\n    this._id = props.id\n  }\n\n  componentDidMount() {\n    const {\n      id = null,\n      no_animation = false,\n      animation_duration = null,\n    } = this.props\n\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    // Add it to the index at first\n    // we use it later with getListOfModalRoots\n    addToIndex(this)\n\n    // Because of nested modals/drawers, we run this regardless\n    // has to be run at first – so the scrollbar gets removed\n    this.removeScrollPossibility() // forces browser to re-paint\n\n    this.setFocus()\n    this.setAndroidFocusHelper()\n\n    dispatchCustomElementEvent(this, 'on_open', {\n      id,\n    })\n\n    if (isTrue(no_animation) || process.env.NODE_ENV === 'test') {\n      this.lockBody() // forces browser to re-paint\n    } else {\n      this._lockTimeout = setTimeout(this.lockBody, timeoutDuration * 1.2) // a little over --modal-animation-duration\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._focusTimeout)\n    clearTimeout(this._lockTimeout)\n    this.removeLocks()\n  }\n\n  lockBody = () => {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    if (firstLevel === this) {\n      this._ii = new InteractionInvalidation()\n      this._ii.setBypassSelector(\n        [\n          // Bypass modal content\n          '.dnb-modal__content *',\n          `#dnb-modal-${this.props.root_id || 'root'}`,\n          `#dnb-modal-${this.props.root_id || 'root'} *`,\n\n          // TODO: Eventually in future, make it possible to bypass invalidation from outside\n          // '.dnb-modal--bypass_invalidation',\n          // '.dnb-modal--bypass_invalidation_deep *',\n\n          ...(this.props?.bypass_invalidation_selectors || []),\n        ].filter(Boolean)\n      )\n      this._ii.activate()\n    } else {\n      modalRoots.forEach((modal) => {\n        if (\n          modal !== this &&\n          typeof modal._iiLocal === 'undefined' &&\n          typeof modal._scrollRef !== 'undefined'\n        ) {\n          modal._iiLocal = new InteractionInvalidation()\n          modal._iiLocal.activate(modal._scrollRef.current)\n        }\n      })\n    }\n\n    if (typeof document !== 'undefined') {\n      /** To ensure, we have always a working keydown, we call it both on the element and document */\n      document.addEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  removeLocks() {\n    const modalRoots = getListOfModalRoots()\n    const firstLevel = modalRoots[0]\n\n    removeFromIndex(this)\n\n    if (firstLevel === this) {\n      this._ii?.revert()\n      this.revertScrollPossibility()\n    } else {\n      try {\n        const modal = modalRoots[modalRoots.length - 2]\n        if (modal !== this && modal._iiLocal) {\n          modal._iiLocal.revert()\n          delete modal._iiLocal\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n\n    this.removeAndroidFocusHelper()\n\n    const id = this.props.id\n    const { triggeredBy, triggeredByEvent } = this.state\n    dispatchCustomElementEvent(this, 'on_close', {\n      id,\n      event: triggeredByEvent,\n      triggeredBy: triggeredBy || 'unmount',\n    })\n\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keydown', this.onKeyDownHandler)\n    }\n  }\n\n  setAndroidFocusHelper() {\n    if (typeof window !== 'undefined' && isAndroid()) {\n      window.addEventListener('resize', this._androidFocusHelper)\n    }\n  }\n\n  removeAndroidFocusHelper() {\n    window.removeEventListener('resize', this._androidFocusHelper)\n    clearTimeout(this._androidFocusTimeout)\n  }\n\n  _androidFocusHelper = () => {\n    const { animation_duration = null } = this.props\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    clearTimeout(this._androidFocusTimeout)\n    this._androidFocusTimeout = setTimeout(() => {\n      try {\n        if (\n          document.activeElement?.tagName == 'INPUT' ||\n          document.activeElement?.tagName == 'TEXTAREA'\n        ) {\n          document.activeElement.scrollIntoView()\n        }\n      } catch (e) {\n        //\n      }\n    }, timeoutDuration / 2) // Older Android needs a delay here\n  }\n\n  setFocus() {\n    const {\n      focus_selector = null,\n      no_animation = null,\n      animation_duration = null,\n    } = this.props\n    const elem = this._contentRef.current\n    const timeoutDuration: number =\n      typeof animation_duration === 'string'\n        ? parseFloat(animation_duration)\n        : animation_duration\n\n    if (elem) {\n      clearTimeout(this._focusTimeout)\n      this._focusTimeout = setTimeout(\n        () => {\n          try {\n            let focusElement = elem as HTMLInputElement\n\n            // Try to use the \"first-focus\" method first\n            if (typeof focus_selector === 'string') {\n              focusElement = elem.querySelector(focus_selector)\n            }\n\n            focusElement?.focus?.()\n            focusElement?.select?.()\n\n            const noH1Elem = elem.querySelector('h1, h2, h3')\n            // Check if there's a header in a Drawer.Header\n            const noH1ElemInDrawerHeader = elem.parentElement\n              ?.querySelector('.dnb-drawer__header')\n              ?.querySelector('h1, h2, h3')\n\n            // Check if there's a header in a Dialog.Header\n            const noH1ElemInDialogHeader = elem.parentElement\n              ?.querySelector('.dnb-dialog__header')\n              ?.querySelector('h1, h2, h3')\n\n            if (\n              noH1Elem?.tagName !== 'H1' &&\n              noH1ElemInDrawerHeader?.tagName !== 'H1' &&\n              noH1ElemInDialogHeader?.tagName !== 'H1'\n            ) {\n              warn('A Dialog or Drawer needs a h1 as its first element!')\n            }\n          } catch (e) {\n            warn(e)\n          }\n        },\n        isTrue(no_animation) ? 0 : timeoutDuration || 0\n      ) // with this delay, the user can press esc without an focus action first\n    }\n  }\n\n  removeScrollPossibility() {\n    if (this._scrollRef.current) {\n      disableBodyScroll(this._scrollRef.current)\n    }\n  }\n\n  revertScrollPossibility() {\n    enableBodyScroll(this._scrollRef.current)\n    clearAllBodyScrollLocks()\n  }\n\n  preventClick = (event) => {\n    if (event) {\n      event.stopPropagation()\n    }\n  }\n\n  onCloseClickHandler = (event: React.SyntheticEvent) => {\n    this.closeModalContent(event, { triggeredBy: 'button' })\n  }\n\n  onContentMouseDownHandler = (event: React.SyntheticEvent) => {\n    this._overlayClickRef.current =\n      event.target === event.currentTarget\n        ? (event.target as HTMLElement)\n        : null\n  }\n\n  onContentClickHandler = (event: React.SyntheticEvent) => {\n    /**\n     * Prevent false-positive Modal close,\n     * when e.g. selecting text inside and moving the mouse outside,\n     * we would still get this event fired. There we check if the current click,\n     * has the same target as where the click got initiated.\n     */\n    if (this._overlayClickRef.current !== event.target) {\n      return // stop here\n    }\n    this._overlayClickRef.current = null\n\n    const { prevent_overlay_close } = this.props\n\n    if (!isTrue(prevent_overlay_close)) {\n      this.closeModalContent(event, {\n        triggeredBy: 'overlay',\n        ifIsLatest: false,\n      })\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'esc': {\n        const mostCurrent = getModalRoot(-1)\n\n        if (mostCurrent === this) {\n          event.preventDefault()\n          this.closeModalContent(event, {\n            triggeredBy: 'keyboard',\n          })\n        }\n\n        break\n      }\n    }\n  }\n\n  closeModalContent(event, { triggeredBy, ...params }) {\n    event?.persist?.()\n    this.setState({ triggeredBy, triggeredByEvent: event }, () => {\n      this.props.close(event, {\n        triggeredBy,\n        ...params,\n      })\n    })\n  }\n\n  setBackgroundColor = (color: string) => {\n    this.setState({ color })\n  }\n\n  render() {\n    const {\n      hide,\n      title,\n      labelled_by,\n      id: _id, // eslint-disable-line\n      close_title = 'Lukk',\n      dialog_title = 'Vindu',\n      hide_close_button = false,\n      close_button_attributes,\n      no_animation = false,\n      no_animation_on_mobile = false,\n      fullscreen = 'auto',\n      container_placement = 'right',\n      vertical_alignment = 'center',\n      close,\n      content_class,\n      overlay_class,\n      content_id,\n      children, // eslint-disable-line\n      dialog_role = null,\n      ...rest\n    } = this.props\n    const { color } = this.state\n\n    const contentId = content_id || makeUniqueId('modal-')\n\n    const useDialogRole = !(IS_MAC || IS_SAFARI || IS_IOS)\n    let role = dialog_role || 'dialog'\n    if (!useDialogRole && role === 'dialog') {\n      role = 'region'\n    }\n\n    const contentParams = {\n      /**\n       * Do not use role=\"dialog\" on Safari\n       *\n       * VoiceOver has troubles with role=\"dialog\" and \"Modal in Modal\",\n       * the result is, only the first Modal gets focus (set by Safari)\n       *\n       * Tests have shown: Both VoiceOver are working fine with the:\n       * \"aria-labelledby\" and \"aria-describedby\" approach\n       *\n       */\n      role,\n      'aria-modal': useDialogRole ? true : undefined,\n\n      /**\n       * ARIA references\n       */\n      'aria-labelledby': combineLabelledBy(\n        this.props,\n        title ? contentId + '-title' : null,\n        labelled_by\n      ),\n      'aria-describedby': combineDescribedBy(\n        this.props,\n        contentId + '-content'\n      ),\n\n      /**\n       * If no labelled_by and no title is given,\n       * set a fallback \"dialog_title\"\n       */\n      'aria-label': !title && !labelled_by ? dialog_title : undefined,\n\n      className: classnames(\n        'dnb-modal__content',\n        isTrue(fullscreen)\n          ? 'dnb-modal__content--fullscreen'\n          : fullscreen === 'auto' && 'dnb-modal__content--auto-fullscreen',\n        container_placement\n          ? `dnb-modal__content--${container_placement || 'right'}`\n          : null,\n        `dnb-modal__vertical-alignment--${vertical_alignment}`,\n        getThemeClasses(this.context?.theme),\n        content_class\n      ),\n      onMouseDown: this.onContentMouseDownHandler,\n      onClick: this.onContentClickHandler,\n    }\n\n    const content =\n      typeof children === 'function'\n        ? children({ ...rest, close })\n        : children\n\n    return (\n      <ModalContext.Provider\n        value={{\n          id: this.props.id,\n          title,\n          hide_close_button,\n          close_button_attributes,\n          close_title,\n          hide,\n          setBackgroundColor: this.setBackgroundColor,\n          onCloseClickHandler: this.onCloseClickHandler,\n          preventClick: this.preventClick,\n          onKeyDownHandler: this.onKeyDownHandler,\n          contentRef: this._contentRef,\n          scrollRef: this._scrollRef,\n          contentId,\n          close,\n        }}\n      >\n        <div\n          id={contentId}\n          /** Sets the color on scroll overflow (at the bottom) */\n          style={\n            (color\n              ? { '--modal-background-color': `var(--color-${color})` }\n              : null) as CSSPropertiesWithVars\n          }\n          {...contentParams}\n        >\n          {content}\n        </div>\n\n        <span\n          className={classnames(\n            'dnb-modal__overlay',\n            hide && 'dnb-modal__overlay--hide',\n            isTrue(no_animation) && 'dnb-modal__overlay--no-animation',\n            isTrue(no_animation_on_mobile) &&\n              'dnb-modal__overlay--no-animation-on-mobile',\n            overlay_class\n          )}\n          aria-hidden={true}\n        />\n      </ModalContext.Provider>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/table/style/dnb-table.css

@@ -6,6 +6,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */
@@ -297,6 +299,8 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 *
 */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */
@@ -319,6 +323,8 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 *
 */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */
@@ -438,6 +444,8 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 *
 */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css

@@ -6,6 +6,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/tabs/style/dnb-tabs.css

@@ -6,6 +6,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/tabs/style/themes/dnb-tabs-theme-eiendom.css

@@ -10,6 +10,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/tabs/style/themes/dnb-tabs-theme-ui.css

@@ -6,6 +6,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/tag/style/dnb-tag.css

@@ -6,6 +6,8 @@
  * Utilities
  */
 /*
+ * Utilities
+ */ /*
 * Button mixins
 *
 */

package/cjs/components/textarea/Textarea.js

@@ -269,7 +269,7 @@ class Textarea extends _react.default.PureComponent {
     } = props;
     const textareaAttributes = textarea_attributes ? typeof textarea_attributes === 'string' ? JSON.parse(textarea_attributes) : textarea_attributes : {};
     const textareaParams = _objectSpread(_objectSpread(_objectSpread({
-      className: (0, _classnames.default)('dnb-textarea__textarea', textarea_class),
+      className: (0, _classnames.default)("dnb-textarea__textarea dnb-input__border", textarea_class),
       role: 'textbox',
       value: hasValue ? value : '',
       id,