@dnb/eufemia 10.45.0 → 10.47.0

package/es/components/pagination/PaginationInfinity.js

@@ -215,7 +215,9 @@ export default class InfinityScroller extends React.PureComponent {
       page_element,
       fallback_element,
       marker_element,
-      indicator_element
+      indicator_element,
+      load_button_text,
+      loadButton
     } = this.context.pagination;
     if (!(items && items.length > 0)) {
       clearTimeout(this._startupTimeout);
@@ -255,8 +257,10 @@ export default class InfinityScroller extends React.PureComponent {
         key: pageNumber,
         ref: ref
       }, hasContent && startupPage > 1 && pageNumber > 1 && pageNumber <= startupPage && React.createElement(InfinityLoadButton, {
-        element: fallback_element,
+        element: typeof loadButton === 'function' ? loadButton : fallback_element,
         icon: "arrow_up",
+        text: load_button_text !== null && load_button_text !== void 0 ? load_button_text : loadButton === null || loadButton === void 0 ? void 0 : loadButton.text,
+        icon_position: loadButton === null || loadButton === void 0 ? void 0 : loadButton.iconPosition,
         on_click: event => this.getNewContent(pageNumber - 1, {
           position: 'before',
           skipObserver: true,
@@ -265,7 +269,9 @@ export default class InfinityScroller extends React.PureComponent {
       }), placeMakerBeforeContent && marker, content, !placeMakerBeforeContent && marker, showIndicator && React.createElement(PaginationIndicator, {
         indicator_element: indicator_element || fallback_element
       }), hasContent && this.useLoadButton && isLastItem && (typeof pageCount === 'undefined' || pageNumber < pageCount) && React.createElement(InfinityLoadButton, {
-        element: fallback_element,
+        element: typeof loadButton === 'function' ? loadButton : fallback_element,
+        text: load_button_text !== null && load_button_text !== void 0 ? load_button_text : loadButton === null || loadButton === void 0 ? void 0 : loadButton.text,
+        icon_position: loadButton === null || loadButton === void 0 ? void 0 : loadButton.iconPosition,
         icon: "arrow_down",
         on_click: event => this.getNewContent(pageNumber + 1, {
           position: 'after',
@@ -388,7 +394,9 @@ export class InfinityLoadButton extends React.PureComponent {
   render() {
     const {
       element,
-      icon
+      icon,
+      text,
+      icon_position
     } = this.props;
     const Element = element;
     const ElementChild = isTrElement(Element) ? 'td' : 'div';
@@ -397,8 +405,8 @@ export class InfinityLoadButton extends React.PureComponent {
     }, React.createElement(Button, {
       size: "medium",
       icon: icon,
-      icon_position: "left",
-      text: this.context.translation.Pagination.load_button_text,
+      icon_position: icon_position,
+      text: text || this.context.translation.Pagination.load_button_text,
       variant: "secondary",
       on_click: this.onClickHandler
     })));
@@ -408,13 +416,17 @@ _defineProperty(InfinityLoadButton, "contextType", Context);
 _defineProperty(InfinityLoadButton, "defaultProps", {
   element: 'div',
   pressed_element: null,
-  icon: 'arrow_down'
+  icon: 'arrow_down',
+  text: null,
+  icon_position: 'left'
 });
 process.env.NODE_ENV !== "production" ? InfinityLoadButton.propTypes = {
   element: PropTypes.oneOfType([PropTypes.object, PropTypes.node, PropTypes.func, PropTypes.string]),
   pressed_element: PropTypes.oneOfType([PropTypes.object, PropTypes.node, PropTypes.func]),
   icon: PropTypes.string.isRequired,
-  on_click: PropTypes.func.isRequired
+  on_click: PropTypes.func.isRequired,
+  text: PropTypes.string,
+  icon_position: PropTypes.string
 } : void 0;
 class ScrollToElement extends React.PureComponent {
   componentDidMount() {

package/es/components/pagination/PaginationInfinity.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationInfinity.js","names":["React","PropTypes","ReactDOM","warn","isTrue","dispatchCustomElementEvent","getPreviousSibling","Context","Button","preparePageElement","isTrElement","PaginationIndicator","PaginationContext","InfinityScroller","PureComponent","constructor","props","context","_defineProperty","startupPage","startup_count","pagination","startupCount","parseFloat","newPageNo","skipObserver","callStartupEvent","preventWaitForDelay","i","getNewContent","position","pageCount","endInfinity","exists","items","findIndex","obj","pageNumber","prefillItems","setItems","callEventHandler","hideIndicator","hide_progress_indicator","useLoadButton","use_load_button","lastElement","createRef","callOnUnmount","componentWillUnmount","clearTimeout","_startupTimeout","_bufferTimeout","forEach","f","waitForReachedTime","fn","params","callbackBuffer","push","callBuffer","minTime","length","diff","_lastCall","Date","getTime","waitTime","nextTick","shift","setTimeout","callOnEnd","onDispatch","createEvent","eventName","isNaN","ret","_objectSpread","handleInfinityMarker","children","lowerPage","upperPage","hasEndedInfinity","parallelLoadCount","current_page","fallback_element","marker_element","indicator_element","Marker","createElement","InteractionMarker","markerElement","onVisible","onPageUpdate","setState","LoadButton","InfinityLoadButton","icon","element","pressed_element","on_click","Fragment","render","placeMakerBeforeContent","page_element","startup","useMarkerOnly","Element","map","hasContent","content","ref","ScrollElement","idx","isLastItem","Elem","marker","showIndicator","key","event","ScrollToElement","_extends","process","env","NODE_ENV","propTypes","oneOfType","node","func","isConnected","_this$intersectionObs","intersectionObserver","disconnect","_readyTimeout","_isMounted","_ref","IntersectionObserver","entries","isIntersecting","callReady","componentDidMount","current","_this$intersectionObs2","observe","getContentHeight","height","sibling","window","getComputedStyle","querySelector","e","state","ElementChild","className","number","isRequired","object","string","args","isPressed","size","icon_position","text","translation","Pagination","load_button_text","variant","onClickHandler","elem","findDOMNode","scrollToPage","scrollIntoView","block","behavior","_this$props","_objectWithoutProperties","_excluded","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/PaginationInfinity.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactDOM from 'react-dom'\nimport {\n  warn,\n  isTrue,\n  dispatchCustomElementEvent,\n  getPreviousSibling,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport Button from '../button/Button'\nimport {\n  preparePageElement,\n  isTrElement,\n  PaginationIndicator,\n} from './PaginationHelpers'\nimport PaginationContext from './PaginationContext'\n\nexport default class InfinityScroller extends React.PureComponent {\n  static contextType = PaginationContext\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = { children: null }\n\n  constructor(props, context) {\n    super(props)\n    this.hideIndicator = isTrue(context.pagination.hide_progress_indicator)\n    this.useLoadButton = isTrue(context.pagination.use_load_button)\n    this.lastElement = React.createRef()\n    this.callOnUnmount = []\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._startupTimeout)\n    clearTimeout(this._bufferTimeout)\n    this.callOnUnmount.forEach((f) => typeof f === 'function' && f())\n  }\n\n  startup = () => {\n    const { startupPage, startup_count } = this.context.pagination\n    const startupCount = parseFloat(startup_count)\n\n    let newPageNo, skipObserver, callStartupEvent, preventWaitForDelay\n    for (let i = 0; i < startupCount; ++i) {\n      newPageNo = startupPage + i\n      skipObserver = newPageNo < startupCount\n      callStartupEvent = i === 0\n      preventWaitForDelay = i <= startupCount - 1\n\n      // NB: Looks like we have to do more work here to use a waitBuffer\n      this.getNewContent(\n        newPageNo,\n        {\n          position: 'after',\n          skipObserver,\n        },\n        { callStartupEvent, preventWaitForDelay }\n      )\n    }\n  }\n\n  getNewContent = (\n    newPageNo,\n    props = {},\n    { callStartupEvent = false, preventWaitForDelay = false } = {}\n  ) => {\n    const { pageCount, endInfinity } = this.context.pagination\n\n    // if \"page_count\" is set do not load more than that value\n    if (newPageNo > pageCount) {\n      return endInfinity()\n    }\n\n    const exists =\n      this.context.pagination.items.findIndex((obj) => {\n        return obj.pageNumber === newPageNo\n      }) > -1\n\n    if (exists) {\n      return // stop here!\n    }\n\n    const items = this.context.pagination.prefillItems(newPageNo, props)\n\n    this.context.pagination.setItems(items, () => {\n      this.callEventHandler(newPageNo, {\n        callStartupEvent,\n        preventWaitForDelay,\n      })\n    })\n  }\n\n  waitForReachedTime(fn, params) {\n    this.callbackBuffer = this.callbackBuffer || []\n    this.callbackBuffer.push({ fn, params })\n    this.callBuffer({\n      minTime: params.preventWaitForDelay\n        ? -1\n        : this.context.pagination.minTime,\n    })\n  }\n\n  callBuffer({ minTime = this.context.pagination.minTime } = {}) {\n    if (this.callbackBuffer.length === 0) {\n      return // stop here\n    }\n\n    const diff =\n      this._lastCall > 0 ? new Date().getTime() - this._lastCall : 0\n    const waitTime = diff < minTime ? minTime : 0\n\n    const nextTick = () => {\n      if (this.callbackBuffer.length > 0) {\n        this._lastCall = new Date().getTime()\n        const { fn, params } = this.callbackBuffer.shift()\n        fn(params)\n        this.callBuffer({\n          minTime: params.preventWaitForDelay ? -1 : minTime,\n        })\n      }\n    }\n\n    if (minTime > 0) {\n      clearTimeout(this._bufferTimeout)\n      this._bufferTimeout = setTimeout(nextTick, waitTime)\n    } else {\n      nextTick()\n    }\n  }\n\n  callEventHandler(\n    pageNumber,\n    {\n      callStartupEvent = false,\n      preventWaitForDelay = false,\n      callOnEnd = false,\n      onDispatch = null,\n    } = {}\n  ) {\n    this.waitForReachedTime(\n      ({ pageNumber, callStartupEvent }) => {\n        const context = this.context.pagination\n        const createEvent = (eventName) => {\n          if (isNaN(pageNumber)) {\n            pageNumber = 1\n          }\n          const ret = dispatchCustomElementEvent(context, eventName, {\n            pageNumber,\n            ...context,\n          })\n\n          if (typeof onDispatch === 'function') {\n            onDispatch()\n          }\n\n          if (typeof ret === 'function') {\n            this.callOnUnmount.push(ret)\n          }\n        }\n\n        if (callOnEnd) {\n          createEvent('on_end')\n        } else {\n          if (callStartupEvent) {\n            createEvent('on_startup')\n          } else {\n            createEvent('on_change')\n          }\n\n          createEvent('on_load')\n        }\n      },\n      { pageNumber, callStartupEvent, preventWaitForDelay }\n    )\n  }\n\n  handleInfinityMarker() {\n    const { children } = this.props\n\n    const {\n      // our states\n      lowerPage,\n      upperPage,\n      pageCount,\n      hasEndedInfinity,\n      parallelLoadCount,\n\n      // our props\n      current_page,\n      fallback_element,\n      marker_element,\n      indicator_element,\n    } = this.context.pagination\n\n    const Marker = () => (\n      <InteractionMarker\n        pageNumber={upperPage}\n        markerElement={marker_element || fallback_element}\n        onVisible={(pageNumber) => {\n          let newPageNo\n          // load several pages at once\n          for (let i = 0; i < parallelLoadCount; ++i) {\n            newPageNo = pageNumber + 1 + i\n            // wait on updating our own state, so we can show the indicator (pressed_element) until we get new children back\n            this.context.pagination.onPageUpdate(() => {\n              this.context.pagination.setState({\n                upperPage: newPageNo,\n                skipObserver: i + 1 < parallelLoadCount,\n              })\n            })\n            this.callEventHandler(newPageNo)\n          }\n        }}\n      />\n    )\n\n    const LoadButton = () => (\n      <InfinityLoadButton\n        icon=\"arrow_up\"\n        element={fallback_element}\n        pressed_element={\n          <PaginationIndicator\n            indicator_element={indicator_element || fallback_element}\n          />\n        }\n        on_click={() => {\n          const newPageNo = lowerPage - 1\n          // wait on updating our own state, so we can show the indicator (pressed_element) until we get new children back\n          this.context.pagination.onPageUpdate(() => {\n            this.context.pagination.setState({\n              lowerPage: newPageNo,\n            })\n          })\n          this.callEventHandler(newPageNo)\n        }}\n      />\n    )\n\n    return (\n      <>\n        {parseFloat(current_page) > 0 && lowerPage > 1 && <LoadButton />}\n\n        {children}\n\n        {!hasEndedInfinity &&\n          parseFloat(current_page) > 0 &&\n          (typeof pageCount === 'undefined' || upperPage < pageCount) && (\n            <Marker />\n          )}\n\n        {!hasEndedInfinity &&\n          !this.hideIndicator &&\n          (typeof pageCount === 'undefined' || upperPage < pageCount) && (\n            <PaginationIndicator\n              indicator_element={indicator_element || fallback_element}\n            />\n          )}\n      </>\n    )\n  }\n\n  render() {\n    const {\n      // our states\n      items,\n      pageCount,\n      startupPage,\n      hasEndedInfinity,\n      parallelLoadCount,\n      placeMakerBeforeContent,\n\n      // our props\n      page_element,\n      fallback_element,\n      marker_element,\n      indicator_element,\n    } = this.context.pagination\n\n    // invoke startup if needed\n    if (!(items && items.length > 0)) {\n      clearTimeout(this._startupTimeout)\n      this._startupTimeout = setTimeout(this.startup, 1) // call startup()\n      return null // stop here\n    }\n\n    if (this.context.pagination.useMarkerOnly) {\n      return this.handleInfinityMarker()\n    }\n\n    // make sure we handle Table markup correctly\n    const Element = preparePageElement(page_element || React.Fragment)\n\n    return items.map(\n      (\n        {\n          pageNumber,\n          hasContent,\n          content,\n          ref,\n          skipObserver,\n          ScrollElement,\n        },\n        idx\n      ) => {\n        const isLastItem = idx === items.length - 1\n\n        // decide to whether use the default Element, or use the scrollTo element\n        const Elem = (hasContent && ScrollElement) || Element\n\n        // render the marker before\n        const marker = hasContent &&\n          !this.useLoadButton &&\n          !skipObserver &&\n          !hasEndedInfinity &&\n          (typeof pageCount === 'undefined' ||\n            pageNumber <= pageCount) && (\n            <InteractionMarker\n              pageNumber={pageNumber}\n              markerElement={marker_element || fallback_element}\n              onVisible={(pageNumber) => {\n                let newPageNo\n                // load several pages at once\n                for (let i = 0; i < parallelLoadCount; ++i) {\n                  newPageNo = pageNumber + 1 + i\n                  this.getNewContent(newPageNo, {\n                    position: 'after',\n                    skipObserver: i + 1 < parallelLoadCount,\n                  })\n                }\n              }}\n            />\n          )\n\n        const showIndicator =\n          (parallelLoadCount > 1 && idx > 0 ? isLastItem : true) &&\n          !hasContent &&\n          !this.hideIndicator\n\n        return (\n          <Elem key={pageNumber} ref={ref}>\n            {hasContent &&\n              startupPage > 1 &&\n              pageNumber > 1 &&\n              pageNumber <= startupPage && (\n                <InfinityLoadButton\n                  element={fallback_element}\n                  icon=\"arrow_up\"\n                  on_click={(event) =>\n                    this.getNewContent(pageNumber - 1, {\n                      position: 'before',\n                      skipObserver: true,\n                      event,\n                    })\n                  }\n                />\n              )}\n\n            {placeMakerBeforeContent && marker}\n            {content}\n            {!placeMakerBeforeContent && marker}\n\n            {showIndicator && (\n              <PaginationIndicator\n                indicator_element={indicator_element || fallback_element}\n              />\n            )}\n\n            {hasContent &&\n              this.useLoadButton &&\n              isLastItem &&\n              (typeof pageCount === 'undefined' ||\n                pageNumber < pageCount) && (\n                <InfinityLoadButton\n                  element={fallback_element}\n                  icon=\"arrow_down\"\n                  on_click={(event) =>\n                    this.getNewContent(pageNumber + 1, {\n                      position: 'after',\n                      skipObserver: true,\n                      ScrollElement: (props) =>\n                        hasContent && (\n                          <ScrollToElement\n                            page_element={page_element}\n                            {...props}\n                          />\n                        ),\n                      event,\n                    })\n                  }\n                />\n              )}\n          </Elem>\n        )\n      }\n    )\n  }\n}\n\nclass InteractionMarker extends React.PureComponent {\n  static propTypes = {\n    pageNumber: PropTypes.number.isRequired,\n    onVisible: PropTypes.func.isRequired,\n    markerElement: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n  }\n  static defaultProps = {\n    markerElement: null,\n  }\n  state = { isConnected: false }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.markerElement === 'function') {\n      warn(\n        'Pagination: Please use a string or React element e.g. marker_element=\"tr\"'\n      )\n    }\n\n    this._ref = React.createRef()\n\n    if (typeof IntersectionObserver !== 'undefined') {\n      this.intersectionObserver = new IntersectionObserver((entries) => {\n        const [{ isIntersecting }] = entries\n        if (isIntersecting) {\n          this.callReady()\n        }\n      })\n    } else {\n      warn('Pagination is missing IntersectionObserver supported!')\n    }\n  }\n\n  componentDidMount() {\n    if (this._ref.current) {\n      this._isMounted = true\n      this.intersectionObserver?.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n    if (this.intersectionObserver) {\n      clearTimeout(this._readyTimeout)\n      this.intersectionObserver.disconnect()\n    }\n  }\n\n  callReady = () => {\n    this.intersectionObserver?.disconnect()\n    this.intersectionObserver = null\n    clearTimeout(this._readyTimeout)\n    this._readyTimeout = setTimeout(() => {\n      if (this._isMounted) {\n        this.setState({ isConnected: true })\n      }\n      this.props.onVisible(this.props.pageNumber)\n    }, 1) // because of re-render loop\n  }\n\n  getContentHeight() {\n    let height = 0\n\n    try {\n      const sibling = getPreviousSibling('dnb-table', this._ref.current)\n      height = parseFloat(\n        window.getComputedStyle(sibling.querySelector('tbody')).height\n      )\n    } catch (e) {\n      //\n    }\n\n    return height\n  }\n\n  render() {\n    const { markerElement } = this.props\n\n    if (this.state.isConnected || !this.intersectionObserver) {\n      return null\n    }\n\n    // NB: make sure we don't actually use the marker element,\n    // because it looks like React as troubles regarding handling ref during a re-render?\n    const Element =\n      markerElement && isTrElement(markerElement) ? 'tr' : 'div'\n    const ElementChild =\n      markerElement && isTrElement(markerElement) ? 'td' : 'div'\n\n    return (\n      <Element className=\"dnb-pagination__marker dnb-table--ignore\">\n        <ElementChild\n          className=\"dnb-pagination__marker__inner\"\n          ref={this._ref}\n        >\n          {/* {this.props.pageNumber} */}\n        </ElementChild>\n      </Element>\n    )\n  }\n}\n\nexport class InfinityLoadButton extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n    pressed_element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    icon: PropTypes.string.isRequired,\n    on_click: PropTypes.func.isRequired,\n  }\n  static defaultProps = {\n    element: 'div',\n    pressed_element: null,\n    icon: 'arrow_down',\n  }\n  state = { isPressed: false }\n  onClickHandler = (e) => {\n    this.setState({ isPressed: true })\n    if (typeof this.props.on_click === 'function') {\n      this.props.on_click(e)\n    }\n  }\n  render() {\n    const { element, icon } = this.props\n    const Element = element\n    const ElementChild = isTrElement(Element) ? 'td' : 'div'\n\n    return this.state.isPressed ? (\n      this.props.pressed_element\n    ) : (\n      <Element>\n        <ElementChild className=\"dnb-pagination__loadbar\">\n          <Button\n            size=\"medium\"\n            icon={icon}\n            icon_position=\"left\"\n            text={this.context.translation.Pagination.load_button_text}\n            variant=\"secondary\"\n            on_click={this.onClickHandler}\n          />\n        </ElementChild>\n      </Element>\n    )\n  }\n}\n\nclass ScrollToElement extends React.PureComponent {\n  static propTypes = {\n    page_element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n  }\n  static defaultProps = {\n    page_element: null,\n  }\n  componentDidMount() {\n    // we use \"findDOMNode\" here, because we have situations, where we don't know about what the input element is,\n    // we also don't want to wrap them because of markup collisions\n    // therefor we use \"findDOMNode\" here\n    // so we can scroll to that page\n    // eslint-disable-next-line\n    const elem = ReactDOM.findDOMNode(this)\n    this.scrollToPage(elem)\n  }\n  scrollToPage(element) {\n    if (element && typeof element.scrollIntoView === 'function') {\n      element.scrollIntoView({\n        block: 'nearest',\n        behavior: 'smooth',\n      })\n    }\n  }\n  render() {\n    const { page_element, ...props } = this.props\n    const Element = preparePageElement(page_element || React.Fragment)\n    return <Element {...props} />\n  }\n}\n\nInfinityScroller._supportsSpacingProps = true\n"],"mappings":";;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,WAAW;AAChC,SACEC,IAAI,EACJC,MAAM,EACNC,0BAA0B,EAC1BC,kBAAkB,QACb,+BAA+B;AACtC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SACEC,kBAAkB,EAClBC,WAAW,EACXC,mBAAmB,QACd,qBAAqB;AAC5B,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,eAAe,MAAMC,gBAAgB,SAASb,KAAK,CAACc,aAAa,CAAC;EAOhEC,WAAWA,CAACC,MAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,MAAK,CAAC;IAAAE,eAAA,kBAaJ,MAAM;MACd,MAAM;QAAEC,WAAW;QAAEC;MAAc,CAAC,GAAG,IAAI,CAACH,OAAO,CAACI,UAAU;MAC9D,MAAMC,YAAY,GAAGC,UAAU,CAACH,aAAa,CAAC;MAE9C,IAAII,SAAS,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,mBAAmB;MAClE,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,YAAY,EAAE,EAAEM,CAAC,EAAE;QACrCJ,SAAS,GAAGL,WAAW,GAAGS,CAAC;QAC3BH,YAAY,GAAGD,SAAS,GAAGF,YAAY;QACvCI,gBAAgB,GAAGE,CAAC,KAAK,CAAC;QAC1BD,mBAAmB,GAAGC,CAAC,IAAIN,YAAY,GAAG,CAAC;QAG3C,IAAI,CAACO,aAAa,CAChBL,SAAS,EACT;UACEM,QAAQ,EAAE,OAAO;UACjBL;QACF,CAAC,EACD;UAAEC,gBAAgB;UAAEC;QAAoB,CAC1C,CAAC;MACH;IACF,CAAC;IAAAT,eAAA,wBAEe,CACdM,SAAS,EACTR,KAAK,GAAG,CAAC,CAAC,EACV;MAAEU,gBAAgB,GAAG,KAAK;MAAEC,mBAAmB,GAAG;IAAM,CAAC,GAAG,CAAC,CAAC,KAC3D;MACH,MAAM;QAAEI,SAAS;QAAEC;MAAY,CAAC,GAAG,IAAI,CAACf,OAAO,CAACI,UAAU;MAG1D,IAAIG,SAAS,GAAGO,SAAS,EAAE;QACzB,OAAOC,WAAW,CAAC,CAAC;MACtB;MAEA,MAAMC,MAAM,GACV,IAAI,CAAChB,OAAO,CAACI,UAAU,CAACa,KAAK,CAACC,SAAS,CAAEC,GAAG,IAAK;QAC/C,OAAOA,GAAG,CAACC,UAAU,KAAKb,SAAS;MACrC,CAAC,CAAC,GAAG,CAAC,CAAC;MAET,IAAIS,MAAM,EAAE;QACV;MACF;MAEA,MAAMC,KAAK,GAAG,IAAI,CAACjB,OAAO,CAACI,UAAU,CAACiB,YAAY,CAACd,SAAS,EAAER,KAAK,CAAC;MAEpE,IAAI,CAACC,OAAO,CAACI,UAAU,CAACkB,QAAQ,CAACL,KAAK,EAAE,MAAM;QAC5C,IAAI,CAACM,gBAAgB,CAAChB,SAAS,EAAE;UAC/BE,gBAAgB;UAChBC;QACF,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;IAhEC,IAAI,CAACc,aAAa,GAAGrC,MAAM,CAACa,OAAO,CAACI,UAAU,CAACqB,uBAAuB,CAAC;IACvE,IAAI,CAACC,aAAa,GAAGvC,MAAM,CAACa,OAAO,CAACI,UAAU,CAACuB,eAAe,CAAC;IAC/D,IAAI,CAACC,WAAW,GAAG7C,KAAK,CAAC8C,SAAS,CAAC,CAAC;IACpC,IAAI,CAACC,aAAa,GAAG,EAAE;EACzB;EAEAC,oBAAoBA,CAAA,EAAG;IACrBC,YAAY,CAAC,IAAI,CAACC,eAAe,CAAC;IAClCD,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC;IACjC,IAAI,CAACJ,aAAa,CAACK,OAAO,CAAEC,CAAC,IAAK,OAAOA,CAAC,KAAK,UAAU,IAAIA,CAAC,CAAC,CAAC,CAAC;EACnE;EAwDAC,kBAAkBA,CAACC,EAAE,EAAEC,MAAM,EAAE;IAC7B,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,IAAI,EAAE;IAC/C,IAAI,CAACA,cAAc,CAACC,IAAI,CAAC;MAAEH,EAAE;MAAEC;IAAO,CAAC,CAAC;IACxC,IAAI,CAACG,UAAU,CAAC;MACdC,OAAO,EAAEJ,MAAM,CAAC7B,mBAAmB,GAC/B,CAAC,CAAC,GACF,IAAI,CAACV,OAAO,CAACI,UAAU,CAACuC;IAC9B,CAAC,CAAC;EACJ;EAEAD,UAAUA,CAAC;IAAEC,OAAO,GAAG,IAAI,CAAC3C,OAAO,CAACI,UAAU,CAACuC;EAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;IAC7D,IAAI,IAAI,CAACH,cAAc,CAACI,MAAM,KAAK,CAAC,EAAE;MACpC;IACF;IAEA,MAAMC,IAAI,GACR,IAAI,CAACC,SAAS,GAAG,CAAC,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,GAAG,IAAI,CAACF,SAAS,GAAG,CAAC;IAChE,MAAMG,QAAQ,GAAGJ,IAAI,GAAGF,OAAO,GAAGA,OAAO,GAAG,CAAC;IAE7C,MAAMO,QAAQ,GAAGA,CAAA,KAAM;MACrB,IAAI,IAAI,CAACV,cAAc,CAACI,MAAM,GAAG,CAAC,EAAE;QAClC,IAAI,CAACE,SAAS,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;QACrC,MAAM;UAAEV,EAAE;UAAEC;QAAO,CAAC,GAAG,IAAI,CAACC,cAAc,CAACW,KAAK,CAAC,CAAC;QAClDb,EAAE,CAACC,MAAM,CAAC;QACV,IAAI,CAACG,UAAU,CAAC;UACdC,OAAO,EAAEJ,MAAM,CAAC7B,mBAAmB,GAAG,CAAC,CAAC,GAAGiC;QAC7C,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAIA,OAAO,GAAG,CAAC,EAAE;MACfX,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC;MACjC,IAAI,CAACA,cAAc,GAAGkB,UAAU,CAACF,QAAQ,EAAED,QAAQ,CAAC;IACtD,CAAC,MAAM;MACLC,QAAQ,CAAC,CAAC;IACZ;EACF;EAEA3B,gBAAgBA,CACdH,UAAU,EACV;IACEX,gBAAgB,GAAG,KAAK;IACxBC,mBAAmB,GAAG,KAAK;IAC3B2C,SAAS,GAAG,KAAK;IACjBC,UAAU,GAAG;EACf,CAAC,GAAG,CAAC,CAAC,EACN;IACA,IAAI,CAACjB,kBAAkB,CACrB,CAAC;MAAEjB,UAAU;MAAEX;IAAiB,CAAC,KAAK;MACpC,MAAMT,OAAO,GAAG,IAAI,CAACA,OAAO,CAACI,UAAU;MACvC,MAAMmD,WAAW,GAAIC,SAAS,IAAK;QACjC,IAAIC,KAAK,CAACrC,UAAU,CAAC,EAAE;UACrBA,UAAU,GAAG,CAAC;QAChB;QACA,MAAMsC,GAAG,GAAGtE,0BAA0B,CAACY,OAAO,EAAEwD,SAAS,EAAAG,aAAA;UACvDvC;QAAU,GACPpB,OAAO,CACX,CAAC;QAEF,IAAI,OAAOsD,UAAU,KAAK,UAAU,EAAE;UACpCA,UAAU,CAAC,CAAC;QACd;QAEA,IAAI,OAAOI,GAAG,KAAK,UAAU,EAAE;UAC7B,IAAI,CAAC5B,aAAa,CAACW,IAAI,CAACiB,GAAG,CAAC;QAC9B;MACF,CAAC;MAED,IAAIL,SAAS,EAAE;QACbE,WAAW,CAAC,QAAQ,CAAC;MACvB,CAAC,MAAM;QACL,IAAI9C,gBAAgB,EAAE;UACpB8C,WAAW,CAAC,YAAY,CAAC;QAC3B,CAAC,MAAM;UACLA,WAAW,CAAC,WAAW,CAAC;QAC1B;QAEAA,WAAW,CAAC,SAAS,CAAC;MACxB;IACF,CAAC,EACD;MAAEnC,UAAU;MAAEX,gBAAgB;MAAEC;IAAoB,CACtD,CAAC;EACH;EAEAkD,oBAAoBA,CAAA,EAAG;IACrB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAC9D,KAAK;IAE/B,MAAM;MAEJ+D,SAAS;MACTC,SAAS;MACTjD,SAAS;MACTkD,gBAAgB;MAChBC,iBAAiB;MAGjBC,YAAY;MACZC,gBAAgB;MAChBC,cAAc;MACdC;IACF,CAAC,GAAG,IAAI,CAACrE,OAAO,CAACI,UAAU;IAE3B,MAAMkE,MAAM,GAAGA,CAAA,KACbvF,KAAA,CAAAwF,aAAA,CAACC,iBAAiB;MAChBpD,UAAU,EAAE2C,SAAU;MACtBU,aAAa,EAAEL,cAAc,IAAID,gBAAiB;MAClDO,SAAS,EAAGtD,UAAU,IAAK;QACzB,IAAIb,SAAS;QAEb,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGsD,iBAAiB,EAAE,EAAEtD,CAAC,EAAE;UAC1CJ,SAAS,GAAGa,UAAU,GAAG,CAAC,GAAGT,CAAC;UAE9B,IAAI,CAACX,OAAO,CAACI,UAAU,CAACuE,YAAY,CAAC,MAAM;YACzC,IAAI,CAAC3E,OAAO,CAACI,UAAU,CAACwE,QAAQ,CAAC;cAC/Bb,SAAS,EAAExD,SAAS;cACpBC,YAAY,EAAEG,CAAC,GAAG,CAAC,GAAGsD;YACxB,CAAC,CAAC;UACJ,CAAC,CAAC;UACF,IAAI,CAAC1C,gBAAgB,CAAChB,SAAS,CAAC;QAClC;MACF;IAAE,CACH,CACF;IAED,MAAMsE,UAAU,GAAGA,CAAA,KACjB9F,KAAA,CAAAwF,aAAA,CAACO,kBAAkB;MACjBC,IAAI,EAAC,UAAU;MACfC,OAAO,EAAEb,gBAAiB;MAC1Bc,eAAe,EACblG,KAAA,CAAAwF,aAAA,CAAC7E,mBAAmB;QAClB2E,iBAAiB,EAAEA,iBAAiB,IAAIF;MAAiB,CAC1D,CACF;MACDe,QAAQ,EAAEA,CAAA,KAAM;QACd,MAAM3E,SAAS,GAAGuD,SAAS,GAAG,CAAC;QAE/B,IAAI,CAAC9D,OAAO,CAACI,UAAU,CAACuE,YAAY,CAAC,MAAM;UACzC,IAAI,CAAC3E,OAAO,CAACI,UAAU,CAACwE,QAAQ,CAAC;YAC/Bd,SAAS,EAAEvD;UACb,CAAC,CAAC;QACJ,CAAC,CAAC;QACF,IAAI,CAACgB,gBAAgB,CAAChB,SAAS,CAAC;MAClC;IAAE,CACH,CACF;IAED,OACExB,KAAA,CAAAwF,aAAA,CAAAxF,KAAA,CAAAoG,QAAA,QACG7E,UAAU,CAAC4D,YAAY,CAAC,GAAG,CAAC,IAAIJ,SAAS,GAAG,CAAC,IAAI/E,KAAA,CAAAwF,aAAA,CAACM,UAAU,MAAE,CAAC,EAE/DhB,QAAQ,EAER,CAACG,gBAAgB,IAChB1D,UAAU,CAAC4D,YAAY,CAAC,GAAG,CAAC,KAC3B,OAAOpD,SAAS,KAAK,WAAW,IAAIiD,SAAS,GAAGjD,SAAS,CAAC,IACzD/B,KAAA,CAAAwF,aAAA,CAACD,MAAM,MAAE,CACV,EAEF,CAACN,gBAAgB,IAChB,CAAC,IAAI,CAACxC,aAAa,KAClB,OAAOV,SAAS,KAAK,WAAW,IAAIiD,SAAS,GAAGjD,SAAS,CAAC,IACzD/B,KAAA,CAAAwF,aAAA,CAAC7E,mBAAmB;MAClB2E,iBAAiB,EAAEA,iBAAiB,IAAIF;IAAiB,CAC1D,CAEL,CAAC;EAEP;EAEAiB,MAAMA,CAAA,EAAG;IACP,MAAM;MAEJnE,KAAK;MACLH,SAAS;MACTZ,WAAW;MACX8D,gBAAgB;MAChBC,iBAAiB;MACjBoB,uBAAuB;MAGvBC,YAAY;MACZnB,gBAAgB;MAChBC,cAAc;MACdC;IACF,CAAC,GAAG,IAAI,CAACrE,OAAO,CAACI,UAAU;IAG3B,IAAI,EAAEa,KAAK,IAAIA,KAAK,CAAC2B,MAAM,GAAG,CAAC,CAAC,EAAE;MAChCZ,YAAY,CAAC,IAAI,CAACC,eAAe,CAAC;MAClC,IAAI,CAACA,eAAe,GAAGmB,UAAU,CAAC,IAAI,CAACmC,OAAO,EAAE,CAAC,CAAC;MAClD,OAAO,IAAI;IACb;IAEA,IAAI,IAAI,CAACvF,OAAO,CAACI,UAAU,CAACoF,aAAa,EAAE;MACzC,OAAO,IAAI,CAAC5B,oBAAoB,CAAC,CAAC;IACpC;IAGA,MAAM6B,OAAO,GAAGjG,kBAAkB,CAAC8F,YAAY,IAAIvG,KAAK,CAACoG,QAAQ,CAAC;IAElE,OAAOlE,KAAK,CAACyE,GAAG,CACd,CACE;MACEtE,UAAU;MACVuE,UAAU;MACVC,OAAO;MACPC,GAAG;MACHrF,YAAY;MACZsF;IACF,CAAC,EACDC,GAAG,KACA;MACH,MAAMC,UAAU,GAAGD,GAAG,KAAK9E,KAAK,CAAC2B,MAAM,GAAG,CAAC;MAG3C,MAAMqD,IAAI,GAAIN,UAAU,IAAIG,aAAa,IAAKL,OAAO;MAGrD,MAAMS,MAAM,GAAGP,UAAU,IACvB,CAAC,IAAI,CAACjE,aAAa,IACnB,CAAClB,YAAY,IACb,CAACwD,gBAAgB,KAChB,OAAOlD,SAAS,KAAK,WAAW,IAC/BM,UAAU,IAAIN,SAAS,CAAC,IACxB/B,KAAA,CAAAwF,aAAA,CAACC,iBAAiB;QAChBpD,UAAU,EAAEA,UAAW;QACvBqD,aAAa,EAAEL,cAAc,IAAID,gBAAiB;QAClDO,SAAS,EAAGtD,UAAU,IAAK;UACzB,IAAIb,SAAS;UAEb,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGsD,iBAAiB,EAAE,EAAEtD,CAAC,EAAE;YAC1CJ,SAAS,GAAGa,UAAU,GAAG,CAAC,GAAGT,CAAC;YAC9B,IAAI,CAACC,aAAa,CAACL,SAAS,EAAE;cAC5BM,QAAQ,EAAE,OAAO;cACjBL,YAAY,EAAEG,CAAC,GAAG,CAAC,GAAGsD;YACxB,CAAC,CAAC;UACJ;QACF;MAAE,CACH,CACF;MAEH,MAAMkC,aAAa,GACjB,CAAClC,iBAAiB,GAAG,CAAC,IAAI8B,GAAG,GAAG,CAAC,GAAGC,UAAU,GAAG,IAAI,KACrD,CAACL,UAAU,IACX,CAAC,IAAI,CAACnE,aAAa;MAErB,OACEzC,KAAA,CAAAwF,aAAA,CAAC0B,IAAI;QAACG,GAAG,EAAEhF,UAAW;QAACyE,GAAG,EAAEA;MAAI,GAC7BF,UAAU,IACTzF,WAAW,GAAG,CAAC,IACfkB,UAAU,GAAG,CAAC,IACdA,UAAU,IAAIlB,WAAW,IACvBnB,KAAA,CAAAwF,aAAA,CAACO,kBAAkB;QACjBE,OAAO,EAAEb,gBAAiB;QAC1BY,IAAI,EAAC,UAAU;QACfG,QAAQ,EAAGmB,KAAK,IACd,IAAI,CAACzF,aAAa,CAACQ,UAAU,GAAG,CAAC,EAAE;UACjCP,QAAQ,EAAE,QAAQ;UAClBL,YAAY,EAAE,IAAI;UAClB6F;QACF,CAAC;MACF,CACF,CACF,EAEFhB,uBAAuB,IAAIa,MAAM,EACjCN,OAAO,EACP,CAACP,uBAAuB,IAAIa,MAAM,EAElCC,aAAa,IACZpH,KAAA,CAAAwF,aAAA,CAAC7E,mBAAmB;QAClB2E,iBAAiB,EAAEA,iBAAiB,IAAIF;MAAiB,CAC1D,CACF,EAEAwB,UAAU,IACT,IAAI,CAACjE,aAAa,IAClBsE,UAAU,KACT,OAAOlF,SAAS,KAAK,WAAW,IAC/BM,UAAU,GAAGN,SAAS,CAAC,IACvB/B,KAAA,CAAAwF,aAAA,CAACO,kBAAkB;QACjBE,OAAO,EAAEb,gBAAiB;QAC1BY,IAAI,EAAC,YAAY;QACjBG,QAAQ,EAAGmB,KAAK,IACd,IAAI,CAACzF,aAAa,CAACQ,UAAU,GAAG,CAAC,EAAE;UACjCP,QAAQ,EAAE,OAAO;UACjBL,YAAY,EAAE,IAAI;UAClBsF,aAAa,EAAG/F,KAAK,IACnB4F,UAAU,IACR5G,KAAA,CAAAwF,aAAA,CAAC+B,eAAe,EAAAC,QAAA;YACdjB,YAAY,EAAEA;UAAa,GACvBvF,KAAK,CACV,CACF;UACHsG;QACF,CAAC;MACF,CACF,CAED,CAAC;IAEX,CACF,CAAC;EACH;AACF;AAACpG,eAAA,CA3XoBL,gBAAgB,iBACdD,iBAAiB;AAAAM,eAAA,CADnBL,gBAAgB,kBAKb;EAAEiE,QAAQ,EAAE;AAAK,CAAC;AAAA2C,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBALrB9G,gBAAgB,CAE5B+G,SAAS,GAAG;EACjB9C,QAAQ,EAAE7E,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,IAAI,EAAE7H,SAAS,CAAC8H,IAAI,CAAC;AAChE,CAAC;AAyXH,MAAMtC,iBAAiB,SAASzF,KAAK,CAACc,aAAa,CAAC;EAgBlDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAE,eAAA,gBAHN;MAAE8G,WAAW,EAAE;IAAM,CAAC;IAAA9G,eAAA,oBAwClB,MAAM;MAAA,IAAA+G,qBAAA;MAChB,CAAAA,qBAAA,OAAI,CAACC,oBAAoB,cAAAD,qBAAA,uBAAzBA,qBAAA,CAA2BE,UAAU,CAAC,CAAC;MACvC,IAAI,CAACD,oBAAoB,GAAG,IAAI;MAChCjF,YAAY,CAAC,IAAI,CAACmF,aAAa,CAAC;MAChC,IAAI,CAACA,aAAa,GAAG/D,UAAU,CAAC,MAAM;QACpC,IAAI,IAAI,CAACgE,UAAU,EAAE;UACnB,IAAI,CAACxC,QAAQ,CAAC;YAAEmC,WAAW,EAAE;UAAK,CAAC,CAAC;QACtC;QACA,IAAI,CAAChH,KAAK,CAAC2E,SAAS,CAAC,IAAI,CAAC3E,KAAK,CAACqB,UAAU,CAAC;MAC7C,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IA7CC,IAAI,OAAOrB,KAAK,CAAC0E,aAAa,KAAK,UAAU,EAAE;MAC7CvF,IAAI,CACF,2EACF,CAAC;IACH;IAEA,IAAI,CAACmI,IAAI,GAAGtI,KAAK,CAAC8C,SAAS,CAAC,CAAC;IAE7B,IAAI,OAAOyF,oBAAoB,KAAK,WAAW,EAAE;MAC/C,IAAI,CAACL,oBAAoB,GAAG,IAAIK,oBAAoB,CAAEC,OAAO,IAAK;QAChE,MAAM,CAAC;UAAEC;QAAe,CAAC,CAAC,GAAGD,OAAO;QACpC,IAAIC,cAAc,EAAE;UAClB,IAAI,CAACC,SAAS,CAAC,CAAC;QAClB;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACLvI,IAAI,CAAC,uDAAuD,CAAC;IAC/D;EACF;EAEAwI,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACL,IAAI,CAACM,OAAO,EAAE;MAAA,IAAAC,sBAAA;MACrB,IAAI,CAACR,UAAU,GAAG,IAAI;MACtB,CAAAQ,sBAAA,OAAI,CAACX,oBAAoB,cAAAW,sBAAA,uBAAzBA,sBAAA,CAA2BC,OAAO,CAAC,IAAI,CAACR,IAAI,CAACM,OAAO,CAAC;IACvD;EACF;EAEA5F,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACqF,UAAU,GAAG,KAAK;IACvB,IAAI,IAAI,CAACH,oBAAoB,EAAE;MAC7BjF,YAAY,CAAC,IAAI,CAACmF,aAAa,CAAC;MAChC,IAAI,CAACF,oBAAoB,CAACC,UAAU,CAAC,CAAC;IACxC;EACF;EAcAY,gBAAgBA,CAAA,EAAG;IACjB,IAAIC,MAAM,GAAG,CAAC;IAEd,IAAI;MACF,MAAMC,OAAO,GAAG3I,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAACgI,IAAI,CAACM,OAAO,CAAC;MAClEI,MAAM,GAAGzH,UAAU,CACjB2H,MAAM,CAACC,gBAAgB,CAACF,OAAO,CAACG,aAAa,CAAC,OAAO,CAAC,CAAC,CAACJ,MAC1D,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;IAEA,OAAOL,MAAM;EACf;EAEA3C,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEX;IAAc,CAAC,GAAG,IAAI,CAAC1E,KAAK;IAEpC,IAAI,IAAI,CAACsI,KAAK,CAACtB,WAAW,IAAI,CAAC,IAAI,CAACE,oBAAoB,EAAE;MACxD,OAAO,IAAI;IACb;IAIA,MAAMxB,OAAO,GACXhB,aAAa,IAAIhF,WAAW,CAACgF,aAAa,CAAC,GAAG,IAAI,GAAG,KAAK;IAC5D,MAAM6D,YAAY,GAChB7D,aAAa,IAAIhF,WAAW,CAACgF,aAAa,CAAC,GAAG,IAAI,GAAG,KAAK;IAE5D,OACE1F,KAAA,CAAAwF,aAAA,CAACkB,OAAO;MAAC8C,SAAS,EAAC;IAA0C,GAC3DxJ,KAAA,CAAAwF,aAAA,CAAC+D,YAAY;MACXC,SAAS,EAAC,+BAA+B;MACzC1C,GAAG,EAAE,IAAI,CAACwB;IAAK,CAGH,CACP,CAAC;EAEd;AACF;AAACpH,eAAA,CA1GKuE,iBAAiB,kBAWC;EACpBC,aAAa,EAAE;AACjB,CAAC;AAAA+B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAbGlC,iBAAiB,CACdmC,SAAS,GAAG;EACjBvF,UAAU,EAAEpC,SAAS,CAACwJ,MAAM,CAACC,UAAU;EACvC/D,SAAS,EAAE1F,SAAS,CAAC8H,IAAI,CAAC2B,UAAU;EACpChE,aAAa,EAAEzF,SAAS,CAAC4H,SAAS,CAAC,CACjC5H,SAAS,CAAC0J,MAAM,EAChB1J,SAAS,CAAC6H,IAAI,EACd7H,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC2J,MAAM,CACjB;AACH,CAAC;AAkGH,OAAO,MAAM7D,kBAAkB,SAAS/F,KAAK,CAACc,aAAa,CAAC;EAAAC,YAAA,GAAA8I,IAAA;IAAA,SAAAA,IAAA;IAAA3I,eAAA,gBAsBlD;MAAE4I,SAAS,EAAE;IAAM,CAAC;IAAA5I,eAAA,yBACVmI,CAAC,IAAK;MACtB,IAAI,CAACxD,QAAQ,CAAC;QAAEiE,SAAS,EAAE;MAAK,CAAC,CAAC;MAClC,IAAI,OAAO,IAAI,CAAC9I,KAAK,CAACmF,QAAQ,KAAK,UAAU,EAAE;QAC7C,IAAI,CAACnF,KAAK,CAACmF,QAAQ,CAACkD,CAAC,CAAC;MACxB;IACF,CAAC;EAAA;EACDhD,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEJ,OAAO;MAAED;IAAK,CAAC,GAAG,IAAI,CAAChF,KAAK;IACpC,MAAM0F,OAAO,GAAGT,OAAO;IACvB,MAAMsD,YAAY,GAAG7I,WAAW,CAACgG,OAAO,CAAC,GAAG,IAAI,GAAG,KAAK;IAExD,OAAO,IAAI,CAAC4C,KAAK,CAACQ,SAAS,GACzB,IAAI,CAAC9I,KAAK,CAACkF,eAAe,GAE1BlG,KAAA,CAAAwF,aAAA,CAACkB,OAAO,QACN1G,KAAA,CAAAwF,aAAA,CAAC+D,YAAY;MAACC,SAAS,EAAC;IAAyB,GAC/CxJ,KAAA,CAAAwF,aAAA,CAAChF,MAAM;MACLuJ,IAAI,EAAC,QAAQ;MACb/D,IAAI,EAAEA,IAAK;MACXgE,aAAa,EAAC,MAAM;MACpBC,IAAI,EAAE,IAAI,CAAChJ,OAAO,CAACiJ,WAAW,CAACC,UAAU,CAACC,gBAAiB;MAC3DC,OAAO,EAAC,WAAW;MACnBlE,QAAQ,EAAE,IAAI,CAACmE;IAAe,CAC/B,CACW,CACP,CACV;EACH;AACF;AAACpJ,eAAA,CAnDY6E,kBAAkB,iBACRxF,OAAO;AAAAW,eAAA,CADjB6E,kBAAkB,kBAiBP;EACpBE,OAAO,EAAE,KAAK;EACdC,eAAe,EAAE,IAAI;EACrBF,IAAI,EAAE;AACR,CAAC;AAAAyB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBArBU5B,kBAAkB,CAEtB6B,SAAS,GAAG;EACjB3B,OAAO,EAAEhG,SAAS,CAAC4H,SAAS,CAAC,CAC3B5H,SAAS,CAAC0J,MAAM,EAChB1J,SAAS,CAAC6H,IAAI,EACd7H,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC2J,MAAM,CACjB,CAAC;EACF1D,eAAe,EAAEjG,SAAS,CAAC4H,SAAS,CAAC,CACnC5H,SAAS,CAAC0J,MAAM,EAChB1J,SAAS,CAAC6H,IAAI,EACd7H,SAAS,CAAC8H,IAAI,CACf,CAAC;EACF/B,IAAI,EAAE/F,SAAS,CAAC2J,MAAM,CAACF,UAAU;EACjCvD,QAAQ,EAAElG,SAAS,CAAC8H,IAAI,CAAC2B;AAC3B,CAAC;AAqCH,MAAMnC,eAAe,SAASvH,KAAK,CAACc,aAAa,CAAC;EAYhD6H,iBAAiBA,CAAA,EAAG;IAMlB,MAAM4B,IAAI,GAAGrK,QAAQ,CAACsK,WAAW,CAAC,IAAI,CAAC;IACvC,IAAI,CAACC,YAAY,CAACF,IAAI,CAAC;EACzB;EACAE,YAAYA,CAACxE,OAAO,EAAE;IACpB,IAAIA,OAAO,IAAI,OAAOA,OAAO,CAACyE,cAAc,KAAK,UAAU,EAAE;MAC3DzE,OAAO,CAACyE,cAAc,CAAC;QACrBC,KAAK,EAAE,SAAS;QAChBC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF;EACAvE,MAAMA,CAAA,EAAG;IACP,MAAAwE,WAAA,GAAmC,IAAI,CAAC7J,KAAK;MAAvC;QAAEuF;MAAuB,CAAC,GAAAsE,WAAA;MAAP7J,KAAK,GAAA8J,wBAAA,CAAAD,WAAA,EAAAE,SAAA;IAC9B,MAAMrE,OAAO,GAAGjG,kBAAkB,CAAC8F,YAAY,IAAIvG,KAAK,CAACoG,QAAQ,CAAC;IAClE,OAAOpG,KAAA,CAAAwF,aAAA,CAACkB,OAAO,EAAK1F,KAAQ,CAAC;EAC/B;AACF;AAACE,eAAA,CAlCKqG,eAAe,kBASG;EACpBhB,YAAY,EAAE;AAChB,CAAC;AAAAkB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAXGJ,eAAe,CACZK,SAAS,GAAG;EACjBrB,YAAY,EAAEtG,SAAS,CAAC4H,SAAS,CAAC,CAChC5H,SAAS,CAAC0J,MAAM,EAChB1J,SAAS,CAAC6H,IAAI,EACd7H,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC2J,MAAM,CACjB;AACH,CAAC;AA4BH/I,gBAAgB,CAACmK,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"PaginationInfinity.js","names":["React","PropTypes","ReactDOM","warn","isTrue","dispatchCustomElementEvent","getPreviousSibling","Context","Button","preparePageElement","isTrElement","PaginationIndicator","PaginationContext","InfinityScroller","PureComponent","constructor","props","context","_defineProperty","startupPage","startup_count","pagination","startupCount","parseFloat","newPageNo","skipObserver","callStartupEvent","preventWaitForDelay","i","getNewContent","position","pageCount","endInfinity","exists","items","findIndex","obj","pageNumber","prefillItems","setItems","callEventHandler","hideIndicator","hide_progress_indicator","useLoadButton","use_load_button","lastElement","createRef","callOnUnmount","componentWillUnmount","clearTimeout","_startupTimeout","_bufferTimeout","forEach","f","waitForReachedTime","fn","params","callbackBuffer","push","callBuffer","minTime","length","diff","_lastCall","Date","getTime","waitTime","nextTick","shift","setTimeout","callOnEnd","onDispatch","createEvent","eventName","isNaN","ret","_objectSpread","handleInfinityMarker","children","lowerPage","upperPage","hasEndedInfinity","parallelLoadCount","current_page","fallback_element","marker_element","indicator_element","Marker","createElement","InteractionMarker","markerElement","onVisible","onPageUpdate","setState","LoadButton","InfinityLoadButton","icon","element","pressed_element","on_click","Fragment","render","placeMakerBeforeContent","page_element","load_button_text","loadButton","startup","useMarkerOnly","Element","map","hasContent","content","ref","ScrollElement","idx","isLastItem","Elem","marker","showIndicator","key","text","icon_position","iconPosition","event","ScrollToElement","_extends","process","env","NODE_ENV","propTypes","oneOfType","node","func","isConnected","_this$intersectionObs","intersectionObserver","disconnect","_readyTimeout","_isMounted","_ref","IntersectionObserver","entries","isIntersecting","callReady","componentDidMount","current","_this$intersectionObs2","observe","getContentHeight","height","sibling","window","getComputedStyle","querySelector","e","state","ElementChild","className","number","isRequired","object","string","args","isPressed","size","translation","Pagination","variant","onClickHandler","elem","findDOMNode","scrollToPage","scrollIntoView","block","behavior","_this$props","_objectWithoutProperties","_excluded","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/PaginationInfinity.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactDOM from 'react-dom'\nimport {\n  warn,\n  isTrue,\n  dispatchCustomElementEvent,\n  getPreviousSibling,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport Button from '../button/Button'\nimport {\n  preparePageElement,\n  isTrElement,\n  PaginationIndicator,\n} from './PaginationHelpers'\nimport PaginationContext from './PaginationContext'\n\nexport default class InfinityScroller extends React.PureComponent {\n  static contextType = PaginationContext\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = { children: null }\n\n  constructor(props, context) {\n    super(props)\n    this.hideIndicator = isTrue(context.pagination.hide_progress_indicator)\n    this.useLoadButton = isTrue(context.pagination.use_load_button)\n    this.lastElement = React.createRef()\n    this.callOnUnmount = []\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._startupTimeout)\n    clearTimeout(this._bufferTimeout)\n    this.callOnUnmount.forEach((f) => typeof f === 'function' && f())\n  }\n\n  startup = () => {\n    const { startupPage, startup_count } = this.context.pagination\n    const startupCount = parseFloat(startup_count)\n\n    let newPageNo, skipObserver, callStartupEvent, preventWaitForDelay\n    for (let i = 0; i < startupCount; ++i) {\n      newPageNo = startupPage + i\n      skipObserver = newPageNo < startupCount\n      callStartupEvent = i === 0\n      preventWaitForDelay = i <= startupCount - 1\n\n      // NB: Looks like we have to do more work here to use a waitBuffer\n      this.getNewContent(\n        newPageNo,\n        {\n          position: 'after',\n          skipObserver,\n        },\n        { callStartupEvent, preventWaitForDelay }\n      )\n    }\n  }\n\n  getNewContent = (\n    newPageNo,\n    props = {},\n    { callStartupEvent = false, preventWaitForDelay = false } = {}\n  ) => {\n    const { pageCount, endInfinity } = this.context.pagination\n\n    // if \"page_count\" is set do not load more than that value\n    if (newPageNo > pageCount) {\n      return endInfinity()\n    }\n\n    const exists =\n      this.context.pagination.items.findIndex((obj) => {\n        return obj.pageNumber === newPageNo\n      }) > -1\n\n    if (exists) {\n      return // stop here!\n    }\n\n    const items = this.context.pagination.prefillItems(newPageNo, props)\n\n    this.context.pagination.setItems(items, () => {\n      this.callEventHandler(newPageNo, {\n        callStartupEvent,\n        preventWaitForDelay,\n      })\n    })\n  }\n\n  waitForReachedTime(fn, params) {\n    this.callbackBuffer = this.callbackBuffer || []\n    this.callbackBuffer.push({ fn, params })\n    this.callBuffer({\n      minTime: params.preventWaitForDelay\n        ? -1\n        : this.context.pagination.minTime,\n    })\n  }\n\n  callBuffer({ minTime = this.context.pagination.minTime } = {}) {\n    if (this.callbackBuffer.length === 0) {\n      return // stop here\n    }\n\n    const diff =\n      this._lastCall > 0 ? new Date().getTime() - this._lastCall : 0\n    const waitTime = diff < minTime ? minTime : 0\n\n    const nextTick = () => {\n      if (this.callbackBuffer.length > 0) {\n        this._lastCall = new Date().getTime()\n        const { fn, params } = this.callbackBuffer.shift()\n        fn(params)\n        this.callBuffer({\n          minTime: params.preventWaitForDelay ? -1 : minTime,\n        })\n      }\n    }\n\n    if (minTime > 0) {\n      clearTimeout(this._bufferTimeout)\n      this._bufferTimeout = setTimeout(nextTick, waitTime)\n    } else {\n      nextTick()\n    }\n  }\n\n  callEventHandler(\n    pageNumber,\n    {\n      callStartupEvent = false,\n      preventWaitForDelay = false,\n      callOnEnd = false,\n      onDispatch = null,\n    } = {}\n  ) {\n    this.waitForReachedTime(\n      ({ pageNumber, callStartupEvent }) => {\n        const context = this.context.pagination\n        const createEvent = (eventName) => {\n          if (isNaN(pageNumber)) {\n            pageNumber = 1\n          }\n          const ret = dispatchCustomElementEvent(context, eventName, {\n            pageNumber,\n            ...context,\n          })\n\n          if (typeof onDispatch === 'function') {\n            onDispatch()\n          }\n\n          if (typeof ret === 'function') {\n            this.callOnUnmount.push(ret)\n          }\n        }\n\n        if (callOnEnd) {\n          createEvent('on_end')\n        } else {\n          if (callStartupEvent) {\n            createEvent('on_startup')\n          } else {\n            createEvent('on_change')\n          }\n\n          createEvent('on_load')\n        }\n      },\n      { pageNumber, callStartupEvent, preventWaitForDelay }\n    )\n  }\n\n  handleInfinityMarker() {\n    const { children } = this.props\n\n    const {\n      // our states\n      lowerPage,\n      upperPage,\n      pageCount,\n      hasEndedInfinity,\n      parallelLoadCount,\n\n      // our props\n      current_page,\n      fallback_element,\n      marker_element,\n      indicator_element,\n    } = this.context.pagination\n\n    const Marker = () => (\n      <InteractionMarker\n        pageNumber={upperPage}\n        markerElement={marker_element || fallback_element}\n        onVisible={(pageNumber) => {\n          let newPageNo\n          // load several pages at once\n          for (let i = 0; i < parallelLoadCount; ++i) {\n            newPageNo = pageNumber + 1 + i\n            // wait on updating our own state, so we can show the indicator (pressed_element) until we get new children back\n            this.context.pagination.onPageUpdate(() => {\n              this.context.pagination.setState({\n                upperPage: newPageNo,\n                skipObserver: i + 1 < parallelLoadCount,\n              })\n            })\n            this.callEventHandler(newPageNo)\n          }\n        }}\n      />\n    )\n\n    const LoadButton = () => (\n      <InfinityLoadButton\n        icon=\"arrow_up\"\n        element={fallback_element}\n        pressed_element={\n          <PaginationIndicator\n            indicator_element={indicator_element || fallback_element}\n          />\n        }\n        on_click={() => {\n          const newPageNo = lowerPage - 1\n          // wait on updating our own state, so we can show the indicator (pressed_element) until we get new children back\n          this.context.pagination.onPageUpdate(() => {\n            this.context.pagination.setState({\n              lowerPage: newPageNo,\n            })\n          })\n          this.callEventHandler(newPageNo)\n        }}\n      />\n    )\n\n    return (\n      <>\n        {parseFloat(current_page) > 0 && lowerPage > 1 && <LoadButton />}\n\n        {children}\n\n        {!hasEndedInfinity &&\n          parseFloat(current_page) > 0 &&\n          (typeof pageCount === 'undefined' || upperPage < pageCount) && (\n            <Marker />\n          )}\n\n        {!hasEndedInfinity &&\n          !this.hideIndicator &&\n          (typeof pageCount === 'undefined' || upperPage < pageCount) && (\n            <PaginationIndicator\n              indicator_element={indicator_element || fallback_element}\n            />\n          )}\n      </>\n    )\n  }\n\n  render() {\n    const {\n      // our states\n      items,\n      pageCount,\n      startupPage,\n      hasEndedInfinity,\n      parallelLoadCount,\n      placeMakerBeforeContent,\n\n      // our props\n      page_element,\n      fallback_element,\n      marker_element,\n      indicator_element,\n      load_button_text,\n      loadButton,\n    } = this.context.pagination\n\n    // invoke startup if needed\n    if (!(items && items.length > 0)) {\n      clearTimeout(this._startupTimeout)\n      this._startupTimeout = setTimeout(this.startup, 1) // call startup()\n      return null // stop here\n    }\n\n    if (this.context.pagination.useMarkerOnly) {\n      return this.handleInfinityMarker()\n    }\n\n    // make sure we handle Table markup correctly\n    const Element = preparePageElement(page_element || React.Fragment)\n\n    return items.map(\n      (\n        {\n          pageNumber,\n          hasContent,\n          content,\n          ref,\n          skipObserver,\n          ScrollElement,\n        },\n        idx\n      ) => {\n        const isLastItem = idx === items.length - 1\n\n        // decide to whether use the default Element, or use the scrollTo element\n        const Elem = (hasContent && ScrollElement) || Element\n\n        // render the marker before\n        const marker = hasContent &&\n          !this.useLoadButton &&\n          !skipObserver &&\n          !hasEndedInfinity &&\n          (typeof pageCount === 'undefined' ||\n            pageNumber <= pageCount) && (\n            <InteractionMarker\n              pageNumber={pageNumber}\n              markerElement={marker_element || fallback_element}\n              onVisible={(pageNumber) => {\n                let newPageNo\n                // load several pages at once\n                for (let i = 0; i < parallelLoadCount; ++i) {\n                  newPageNo = pageNumber + 1 + i\n                  this.getNewContent(newPageNo, {\n                    position: 'after',\n                    skipObserver: i + 1 < parallelLoadCount,\n                  })\n                }\n              }}\n            />\n          )\n\n        const showIndicator =\n          (parallelLoadCount > 1 && idx > 0 ? isLastItem : true) &&\n          !hasContent &&\n          !this.hideIndicator\n\n        return (\n          <Elem key={pageNumber} ref={ref}>\n            {hasContent &&\n              startupPage > 1 &&\n              pageNumber > 1 &&\n              pageNumber <= startupPage && (\n                <InfinityLoadButton\n                  element={\n                    typeof loadButton === 'function'\n                      ? loadButton\n                      : fallback_element\n                  }\n                  icon=\"arrow_up\"\n                  text={load_button_text ?? loadButton?.text}\n                  icon_position={loadButton?.iconPosition}\n                  on_click={(event) =>\n                    this.getNewContent(pageNumber - 1, {\n                      position: 'before',\n                      skipObserver: true,\n                      event,\n                    })\n                  }\n                />\n              )}\n\n            {placeMakerBeforeContent && marker}\n            {content}\n            {!placeMakerBeforeContent && marker}\n\n            {showIndicator && (\n              <PaginationIndicator\n                indicator_element={indicator_element || fallback_element}\n              />\n            )}\n\n            {hasContent &&\n              this.useLoadButton &&\n              isLastItem &&\n              (typeof pageCount === 'undefined' ||\n                pageNumber < pageCount) && (\n                <InfinityLoadButton\n                  element={\n                    typeof loadButton === 'function'\n                      ? loadButton\n                      : fallback_element\n                  }\n                  text={load_button_text ?? loadButton?.text}\n                  icon_position={loadButton?.iconPosition}\n                  icon=\"arrow_down\"\n                  on_click={(event) =>\n                    this.getNewContent(pageNumber + 1, {\n                      position: 'after',\n                      skipObserver: true,\n                      ScrollElement: (props) =>\n                        hasContent && (\n                          <ScrollToElement\n                            page_element={page_element}\n                            {...props}\n                          />\n                        ),\n                      event,\n                    })\n                  }\n                />\n              )}\n          </Elem>\n        )\n      }\n    )\n  }\n}\n\nclass InteractionMarker extends React.PureComponent {\n  static propTypes = {\n    pageNumber: PropTypes.number.isRequired,\n    onVisible: PropTypes.func.isRequired,\n    markerElement: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n  }\n  static defaultProps = {\n    markerElement: null,\n  }\n  state = { isConnected: false }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.markerElement === 'function') {\n      warn(\n        'Pagination: Please use a string or React element e.g. marker_element=\"tr\"'\n      )\n    }\n\n    this._ref = React.createRef()\n\n    if (typeof IntersectionObserver !== 'undefined') {\n      this.intersectionObserver = new IntersectionObserver((entries) => {\n        const [{ isIntersecting }] = entries\n        if (isIntersecting) {\n          this.callReady()\n        }\n      })\n    } else {\n      warn('Pagination is missing IntersectionObserver supported!')\n    }\n  }\n\n  componentDidMount() {\n    if (this._ref.current) {\n      this._isMounted = true\n      this.intersectionObserver?.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n    if (this.intersectionObserver) {\n      clearTimeout(this._readyTimeout)\n      this.intersectionObserver.disconnect()\n    }\n  }\n\n  callReady = () => {\n    this.intersectionObserver?.disconnect()\n    this.intersectionObserver = null\n    clearTimeout(this._readyTimeout)\n    this._readyTimeout = setTimeout(() => {\n      if (this._isMounted) {\n        this.setState({ isConnected: true })\n      }\n      this.props.onVisible(this.props.pageNumber)\n    }, 1) // because of re-render loop\n  }\n\n  getContentHeight() {\n    let height = 0\n\n    try {\n      const sibling = getPreviousSibling('dnb-table', this._ref.current)\n      height = parseFloat(\n        window.getComputedStyle(sibling.querySelector('tbody')).height\n      )\n    } catch (e) {\n      //\n    }\n\n    return height\n  }\n\n  render() {\n    const { markerElement } = this.props\n\n    if (this.state.isConnected || !this.intersectionObserver) {\n      return null\n    }\n\n    // NB: make sure we don't actually use the marker element,\n    // because it looks like React as troubles regarding handling ref during a re-render?\n    const Element =\n      markerElement && isTrElement(markerElement) ? 'tr' : 'div'\n    const ElementChild =\n      markerElement && isTrElement(markerElement) ? 'td' : 'div'\n\n    return (\n      <Element className=\"dnb-pagination__marker dnb-table--ignore\">\n        <ElementChild\n          className=\"dnb-pagination__marker__inner\"\n          ref={this._ref}\n        >\n          {/* {this.props.pageNumber} */}\n        </ElementChild>\n      </Element>\n    )\n  }\n}\n\nexport class InfinityLoadButton extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n    pressed_element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    icon: PropTypes.string.isRequired,\n    on_click: PropTypes.func.isRequired,\n    text: PropTypes.string,\n    icon_position: PropTypes.string,\n  }\n  static defaultProps = {\n    element: 'div',\n    pressed_element: null,\n    icon: 'arrow_down',\n    text: null,\n    icon_position: 'left',\n  }\n  state = { isPressed: false }\n  onClickHandler = (e) => {\n    this.setState({ isPressed: true })\n    if (typeof this.props.on_click === 'function') {\n      this.props.on_click(e)\n    }\n  }\n  render() {\n    const { element, icon, text, icon_position } = this.props\n    const Element = element\n    const ElementChild = isTrElement(Element) ? 'td' : 'div'\n\n    return this.state.isPressed ? (\n      this.props.pressed_element\n    ) : (\n      <Element>\n        <ElementChild className=\"dnb-pagination__loadbar\">\n          <Button\n            size=\"medium\"\n            icon={icon}\n            icon_position={icon_position}\n            text={\n              text || this.context.translation.Pagination.load_button_text\n            }\n            variant=\"secondary\"\n            on_click={this.onClickHandler}\n          />\n        </ElementChild>\n      </Element>\n    )\n  }\n}\n\nclass ScrollToElement extends React.PureComponent {\n  static propTypes = {\n    page_element: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.string,\n    ]),\n  }\n  static defaultProps = {\n    page_element: null,\n  }\n  componentDidMount() {\n    // we use \"findDOMNode\" here, because we have situations, where we don't know about what the input element is,\n    // we also don't want to wrap them because of markup collisions\n    // therefor we use \"findDOMNode\" here\n    // so we can scroll to that page\n    // eslint-disable-next-line\n    const elem = ReactDOM.findDOMNode(this)\n    this.scrollToPage(elem)\n  }\n  scrollToPage(element) {\n    if (element && typeof element.scrollIntoView === 'function') {\n      element.scrollIntoView({\n        block: 'nearest',\n        behavior: 'smooth',\n      })\n    }\n  }\n  render() {\n    const { page_element, ...props } = this.props\n    const Element = preparePageElement(page_element || React.Fragment)\n    return <Element {...props} />\n  }\n}\n\nInfinityScroller._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/progress-indicator/ProgressIndicator.js

@@ -18,7 +18,7 @@ import ProgressIndicatorLinear from './ProgressIndicatorLinear';
 import { format } from '../number-format/NumberUtils';
 import { isValidSize } from './types';
 function ProgressIndicator(props) {
-  const undeprecatedProps = handleDeprecatedBehaviour(props);
+  const undeprecatedProps = handleDeprecatedBehavior(props);
   const allProps = updatePropsWithContext(undeprecatedProps, useContext(Context));
   const {
       type = 'circular',
@@ -104,7 +104,7 @@ function updatePropsWithContext(props, context) {
   const componentPropsFromContext = context === null || context === void 0 ? void 0 : context.ProgressIndicator;
   return extendPropsWithContext(props, {}, localePropsFromContext, componentPropsFromContext);
 }
-function handleDeprecatedBehaviour(oldProps) {
+function handleDeprecatedBehavior(oldProps) {
   const {
       show_label: showDefaultLabel,
       indicator_label

package/es/components/progress-indicator/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","names":["React","useCallback","useContext","useEffect","useRef","useState","classnames","Context","isTrue","validateDOMAttributes","dispatchCustomElementEvent","extendPropsWithContext","convertSnakeCaseProps","createSpacingClasses","ProgressIndicatorCircular","ProgressIndicatorLinear","format","isValidSize","ProgressIndicator","props","undeprecatedProps","handleDeprecatedBehaviour","allProps","updatePropsWithContext","type","size","noAnimation","onComplete","label","children","indicator_label","labelDirection","showDefaultLabel","className","title","progress","visible","customColors","customCircleWidth","style","rest","_objectWithoutProperties","_excluded","remainingDOMProps","_objectSpread","sizeVariant","customSize","undefined","completeTimeout","fadeOutTimeout","complete","setCompleteState","progressNumber","parseFloat","indicatorLabel","progressTitle","formatProgress","clearTimeout","current","callOnCompleteHandler","setTimeout","createElement","_extends","toString","counterClockwise","context","localePropsFromContext","getTranslation","componentPropsFromContext","oldProps","show_label","propsToConvertToCamelCase","_excluded2","overrideExistingValue","decimals","percent","_supportsSpacingProps"],"sources":["../../../../src/components/progress-indicator/ProgressIndicator.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport ProgressIndicatorCircular from './ProgressIndicatorCircular'\nimport ProgressIndicatorLinear from './ProgressIndicatorLinear'\nimport { format } from '../number-format/NumberUtils'\n\nimport {\n  ProgressIndicatorAllProps,\n  ProgressIndicatorAnimationProps,\n  isValidSize,\n  CustomSize,\n} from './types'\n\n// deprecated, can be removed in v11\nexport type DeprecatedProgressIndicatorProps = {\n  /** @deprecated use `noAnimation`. */\n  no_animation?: boolean\n  /** @deprecated use `labelDirection`. */\n  label_direction?: string\n  /** @deprecated use `showDefaultLabel`. */\n  show_label?: boolean\n  /**  @deprecated use `onComplete`. */\n  on_complete?: (...args: any[]) => any\n}\n\nfunction ProgressIndicator(\n  props: ProgressIndicatorAllProps & DeprecatedProgressIndicatorProps\n) {\n  const undeprecatedProps = handleDeprecatedBehaviour(props)\n  const allProps = updatePropsWithContext(\n    undeprecatedProps,\n    useContext(Context)\n  )\n\n  const {\n    type = 'circular',\n    size = 'default',\n    noAnimation = false,\n    onComplete,\n    label,\n    children,\n    indicator_label,\n    labelDirection = 'horizontal',\n    showDefaultLabel = false,\n    className,\n    title,\n    progress,\n    visible = true,\n    customColors,\n    customCircleWidth,\n    style,\n    ...rest\n  } = allProps\n\n  const remainingDOMProps = validateDOMAttributes(allProps, { ...rest })\n\n  const [sizeVariant, customSize]: [\n    ProgressIndicatorAnimationProps['size'],\n    CustomSize,\n  ] = isValidSize(size) ? [size, undefined] : ['custom-size', size]\n\n  const completeTimeout = useRef<NodeJS.Timeout>()\n  const fadeOutTimeout = useRef<NodeJS.Timeout>()\n  const [complete, setCompleteState] = useState(false)\n\n  const progressNumber =\n    typeof progress === 'string'\n      ? parseFloat(progress)\n      : typeof progress === 'number'\n      ? progress\n      : undefined\n\n  const indicatorLabel =\n    label || children || (isTrue(showDefaultLabel) && indicator_label)\n  const progressTitle = title || formatProgress(progressNumber)\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(completeTimeout.current)\n      clearTimeout(fadeOutTimeout.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (visible) {\n      setCompleteState(false)\n    }\n  }, [visible])\n\n  const callOnCompleteHandler = useCallback(() => {\n    completeTimeout.current = setTimeout(() => {\n      setCompleteState(true)\n      if (onComplete) {\n        fadeOutTimeout.current = setTimeout(() => {\n          dispatchCustomElementEvent({ onComplete }, 'onComplete')\n        }, 600) // wait for CSS fade out, defined in \"progress-indicator-fade-out\"\n      }\n    }, 200)\n  }, [onComplete])\n\n  return (\n    <span\n      className={classnames(\n        'dnb-progress-indicator',\n        visible && 'dnb-progress-indicator--visible',\n        complete && 'dnb-progress-indicator--complete',\n        type === 'linear' && 'dnb-progress-indicator--full-width',\n        labelDirection && `dnb-progress-indicator--${labelDirection}`,\n        sizeVariant && `dnb-progress-indicator--${sizeVariant}`,\n        isTrue(noAnimation) && 'dnb-progress-indicator--no-animation',\n        createSpacingClasses(allProps),\n        className\n      )}\n      style={{\n        ...style,\n        ...{\n          '--progress-indicator-circular-size': customSize,\n          '--progress-indicator-circular-stroke-width': customCircleWidth,\n          '--progress-indicator-linear-size': customSize,\n        },\n      }}\n      {...remainingDOMProps}\n    >\n      {(type === 'circular' || type === 'countdown') && (\n        <ProgressIndicatorCircular\n          size={sizeVariant}\n          progress={progressNumber}\n          visible={visible}\n          onComplete={onComplete}\n          callOnCompleteHandler={callOnCompleteHandler}\n          title={progressTitle?.toString()}\n          customColors={customColors}\n          customCircleWidth={customCircleWidth}\n          counterClockwise={type === 'countdown'}\n        />\n      )}\n      {type === 'linear' && (\n        <ProgressIndicatorLinear\n          size={sizeVariant}\n          progress={progressNumber}\n          visible={visible}\n          onComplete={onComplete}\n          callOnCompleteHandler={callOnCompleteHandler}\n          title={progressTitle?.toString()}\n          customColors={customColors}\n        />\n      )}\n      {indicatorLabel && (\n        <span className=\"dnb-progress-indicator__label dnb-p\">\n          {indicatorLabel}\n        </span>\n      )}\n    </span>\n  )\n}\n\nfunction updatePropsWithContext(\n  props: ProgressIndicatorAllProps,\n  context: ContextProps\n) {\n  const localePropsFromContext =\n    context?.getTranslation(props).ProgressIndicator\n  const componentPropsFromContext = context?.ProgressIndicator\n  return extendPropsWithContext(\n    props,\n    {},\n    localePropsFromContext,\n    componentPropsFromContext\n  )\n}\n\n/**\n * Support deprecated behaviour by mutating the props.\n */\nfunction handleDeprecatedBehaviour(\n  oldProps: ProgressIndicatorAllProps & DeprecatedProgressIndicatorProps\n): ProgressIndicatorAllProps {\n  // Rename deprecated props\n  // And indicator_label should still be snake case\n  const {\n    show_label: showDefaultLabel,\n    indicator_label,\n    ...propsToConvertToCamelCase\n  } = oldProps\n\n  // Merge deprecated props with new names (will not overwrite)\n  return {\n    showDefaultLabel,\n    indicator_label,\n    ...convertSnakeCaseProps(propsToConvertToCamelCase, {\n      overrideExistingValue: false,\n    }),\n  }\n}\n\nfunction formatProgress(progress) {\n  if (parseFloat(progress) > -1) {\n    return format(progress, {\n      decimals: 2,\n      percent: true,\n    })\n  }\n  return null\n}\n\nexport default ProgressIndicator\n\nProgressIndicator._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicator.js","names":["React","useCallback","useContext","useEffect","useRef","useState","classnames","Context","isTrue","validateDOMAttributes","dispatchCustomElementEvent","extendPropsWithContext","convertSnakeCaseProps","createSpacingClasses","ProgressIndicatorCircular","ProgressIndicatorLinear","format","isValidSize","ProgressIndicator","props","undeprecatedProps","handleDeprecatedBehavior","allProps","updatePropsWithContext","type","size","noAnimation","onComplete","label","children","indicator_label","labelDirection","showDefaultLabel","className","title","progress","visible","customColors","customCircleWidth","style","rest","_objectWithoutProperties","_excluded","remainingDOMProps","_objectSpread","sizeVariant","customSize","undefined","completeTimeout","fadeOutTimeout","complete","setCompleteState","progressNumber","parseFloat","indicatorLabel","progressTitle","formatProgress","clearTimeout","current","callOnCompleteHandler","setTimeout","createElement","_extends","toString","counterClockwise","context","localePropsFromContext","getTranslation","componentPropsFromContext","oldProps","show_label","propsToConvertToCamelCase","_excluded2","overrideExistingValue","decimals","percent","_supportsSpacingProps"],"sources":["../../../../src/components/progress-indicator/ProgressIndicator.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport ProgressIndicatorCircular from './ProgressIndicatorCircular'\nimport ProgressIndicatorLinear from './ProgressIndicatorLinear'\nimport { format } from '../number-format/NumberUtils'\n\nimport {\n  ProgressIndicatorAllProps,\n  ProgressIndicatorAnimationProps,\n  isValidSize,\n  CustomSize,\n} from './types'\n\n// deprecated, can be removed in v11\nexport type DeprecatedProgressIndicatorProps = {\n  /** @deprecated use `noAnimation`. */\n  no_animation?: boolean\n  /** @deprecated use `labelDirection`. */\n  label_direction?: string\n  /** @deprecated use `showDefaultLabel`. */\n  show_label?: boolean\n  /**  @deprecated use `onComplete`. */\n  on_complete?: (...args: any[]) => any\n}\n\nfunction ProgressIndicator(\n  props: ProgressIndicatorAllProps & DeprecatedProgressIndicatorProps\n) {\n  const undeprecatedProps = handleDeprecatedBehavior(props)\n  const allProps = updatePropsWithContext(\n    undeprecatedProps,\n    useContext(Context)\n  )\n\n  const {\n    type = 'circular',\n    size = 'default',\n    noAnimation = false,\n    onComplete,\n    label,\n    children,\n    indicator_label,\n    labelDirection = 'horizontal',\n    showDefaultLabel = false,\n    className,\n    title,\n    progress,\n    visible = true,\n    customColors,\n    customCircleWidth,\n    style,\n    ...rest\n  } = allProps\n\n  const remainingDOMProps = validateDOMAttributes(allProps, { ...rest })\n\n  const [sizeVariant, customSize]: [\n    ProgressIndicatorAnimationProps['size'],\n    CustomSize,\n  ] = isValidSize(size) ? [size, undefined] : ['custom-size', size]\n\n  const completeTimeout = useRef<NodeJS.Timeout>()\n  const fadeOutTimeout = useRef<NodeJS.Timeout>()\n  const [complete, setCompleteState] = useState(false)\n\n  const progressNumber =\n    typeof progress === 'string'\n      ? parseFloat(progress)\n      : typeof progress === 'number'\n      ? progress\n      : undefined\n\n  const indicatorLabel =\n    label || children || (isTrue(showDefaultLabel) && indicator_label)\n  const progressTitle = title || formatProgress(progressNumber)\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(completeTimeout.current)\n      clearTimeout(fadeOutTimeout.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (visible) {\n      setCompleteState(false)\n    }\n  }, [visible])\n\n  const callOnCompleteHandler = useCallback(() => {\n    completeTimeout.current = setTimeout(() => {\n      setCompleteState(true)\n      if (onComplete) {\n        fadeOutTimeout.current = setTimeout(() => {\n          dispatchCustomElementEvent({ onComplete }, 'onComplete')\n        }, 600) // wait for CSS fade out, defined in \"progress-indicator-fade-out\"\n      }\n    }, 200)\n  }, [onComplete])\n\n  return (\n    <span\n      className={classnames(\n        'dnb-progress-indicator',\n        visible && 'dnb-progress-indicator--visible',\n        complete && 'dnb-progress-indicator--complete',\n        type === 'linear' && 'dnb-progress-indicator--full-width',\n        labelDirection && `dnb-progress-indicator--${labelDirection}`,\n        sizeVariant && `dnb-progress-indicator--${sizeVariant}`,\n        isTrue(noAnimation) && 'dnb-progress-indicator--no-animation',\n        createSpacingClasses(allProps),\n        className\n      )}\n      style={{\n        ...style,\n        ...{\n          '--progress-indicator-circular-size': customSize,\n          '--progress-indicator-circular-stroke-width': customCircleWidth,\n          '--progress-indicator-linear-size': customSize,\n        },\n      }}\n      {...remainingDOMProps}\n    >\n      {(type === 'circular' || type === 'countdown') && (\n        <ProgressIndicatorCircular\n          size={sizeVariant}\n          progress={progressNumber}\n          visible={visible}\n          onComplete={onComplete}\n          callOnCompleteHandler={callOnCompleteHandler}\n          title={progressTitle?.toString()}\n          customColors={customColors}\n          customCircleWidth={customCircleWidth}\n          counterClockwise={type === 'countdown'}\n        />\n      )}\n      {type === 'linear' && (\n        <ProgressIndicatorLinear\n          size={sizeVariant}\n          progress={progressNumber}\n          visible={visible}\n          onComplete={onComplete}\n          callOnCompleteHandler={callOnCompleteHandler}\n          title={progressTitle?.toString()}\n          customColors={customColors}\n        />\n      )}\n      {indicatorLabel && (\n        <span className=\"dnb-progress-indicator__label dnb-p\">\n          {indicatorLabel}\n        </span>\n      )}\n    </span>\n  )\n}\n\nfunction updatePropsWithContext(\n  props: ProgressIndicatorAllProps,\n  context: ContextProps\n) {\n  const localePropsFromContext =\n    context?.getTranslation(props).ProgressIndicator\n  const componentPropsFromContext = context?.ProgressIndicator\n  return extendPropsWithContext(\n    props,\n    {},\n    localePropsFromContext,\n    componentPropsFromContext\n  )\n}\n\n/**\n * Support deprecated behavior by mutating the props.\n */\nfunction handleDeprecatedBehavior(\n  oldProps: ProgressIndicatorAllProps & DeprecatedProgressIndicatorProps\n): ProgressIndicatorAllProps {\n  // Rename deprecated props\n  // And indicator_label should still be snake case\n  const {\n    show_label: showDefaultLabel,\n    indicator_label,\n    ...propsToConvertToCamelCase\n  } = oldProps\n\n  // Merge deprecated props with new names (will not overwrite)\n  return {\n    showDefaultLabel,\n    indicator_label,\n    ...convertSnakeCaseProps(propsToConvertToCamelCase, {\n      overrideExistingValue: false,\n    }),\n  }\n}\n\nfunction formatProgress(progress) {\n  if (parseFloat(progress) > -1) {\n    return format(progress, {\n      decimals: 2,\n      percent: true,\n    })\n  }\n  return null\n}\n\nexport default ProgressIndicator\n\nProgressIndicator._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/section/style/dnb-section.css

@@ -64,7 +64,7 @@
     );
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-section {
     --breakout: var(--breakout--medium, var(--breakout--fallback));
     --background-color--value: var(--background-color--medium);
@@ -77,7 +77,7 @@
     );
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-section {
     --breakout: var(--breakout--large, var(--breakout--fallback));
     --background-color--value: var(--background-color--large);

package/es/components/section/style/dnb-section.min.css

@@ -1,7 +1,7 @@
 .dnb-section{--breakout--on:visible;--breakout--off:hidden;--rounded-corner--value:0.5rem;--outline:0 0 0 var(--outline-width,1px) var(--outline-color,transparent);--outline-none:0 0 0 0 transparent;--top:0;--left:-100vw;--width:100vw;--height:100%;--color-transparent:transparent;border-radius:var(--rounded-corner,0);color:var(--text-color,#000);display:flow-root;position:relative}.dnb-section[style*="--background-color"]{background-color:var(--background-color,#fff)}.dnb-section:before{border-radius:var(--rounded-corner,0);box-shadow:var(--drop-shadow,var(--outline-none)),var(--outline,var(--outline-none));content:"";inset:0;position:absolute;z-index:-1}.dnb-section:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor;background-color:currentcolor;box-shadow:var(--box-shadow);color:var(--background-color,currentcolor);content:"";height:var(--height);left:var(--left);position:absolute;top:var(--top);visibility:var(--breakout,hidden);width:var(--width);z-index:-15}.dnb-section:not([style*="--breakout"]){--breakout:var(--breakout--on)}@media screen and (max-width:60em){.dnb-section{--breakout:var(--breakout--small,var(--breakout--fallback));--background-color--value:var(--background-color--small);--text-color--value:var(--text-color--small);--outline-color:var(--outline-color--small);--drop-shadow:var(--drop-shadow--small);--rounded-corner:var(
       --rounded-corner--small,var(--rounded-corner--fallback)
-    )}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-section{--breakout:var(--breakout--medium,var(--breakout--fallback));--background-color--value:var(--background-color--medium);--text-color--value:var(--text-color--medium);--outline-color:var(--outline-color--medium);--drop-shadow:var(--drop-shadow--medium);--rounded-corner:var(
+    )}}@media screen and (max-width:60em) and (min-width:40.0625em){.dnb-section{--breakout:var(--breakout--medium,var(--breakout--fallback));--background-color--value:var(--background-color--medium);--text-color--value:var(--text-color--medium);--outline-color:var(--outline-color--medium);--drop-shadow:var(--drop-shadow--medium);--rounded-corner:var(
       --rounded-corner--medium,var(--rounded-corner--fallback)
-    )}}@media screen and (min-width:60em){.dnb-section{--breakout:var(--breakout--large,var(--breakout--fallback));--background-color--value:var(--background-color--large);--text-color--value:var(--text-color--large);--outline-color:var(--outline-color--large);--drop-shadow:var(--drop-shadow--large);--rounded-corner:var(
+    )}}@media screen and (min-width:60.0625em){.dnb-section{--breakout:var(--breakout--large,var(--breakout--fallback));--background-color--value:var(--background-color--large);--text-color--value:var(--text-color--large);--outline-color:var(--outline-color--large);--drop-shadow:var(--drop-shadow--large);--rounded-corner:var(
       --rounded-corner--large,var(--rounded-corner--fallback)
     )}}.dnb-section .dnb-section:after{z-index:-14}.dnb-section .dnb-section .dnb-section:after{z-index:-13}.dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-12}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-11}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-10}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-9}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-8}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-7}.dnb-section--spacing-x-small{padding-bottom:var(--spacing-x-small);padding-top:var(--spacing-x-small)}.dnb-section--spacing-small{padding-bottom:var(--spacing-small);padding-top:var(--spacing-small)}.dnb-section--spacing-medium{padding-bottom:var(--spacing-medium);padding-top:var(--spacing-medium)}.dnb-section--spacing,.dnb-section--spacing-large{padding-bottom:var(--spacing-large);padding-top:var(--spacing-large)}.dnb-section--spacing-x-large{padding-bottom:var(--spacing-x-large);padding-top:var(--spacing-x-large)}.dnb-section--spacing-xx-large{padding-bottom:var(--spacing-xx-large);padding-top:var(--spacing-xx-large)}

package/es/components/space/style/dnb-space.css

@@ -581,7 +581,7 @@
     --padding-bottom: var(--space-b-s);
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-m);
     --padding-left: var(--space-l-m);
@@ -589,7 +589,7 @@
     --padding-bottom: var(--space-b-m);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-l);
     --padding-left: var(--space-l-l);

package/es/components/space/style/dnb-space.min.css

@@ -1 +1 @@
-.dnb-core-style .dnb-space__top--zero{margin-top:0}.dnb-core-style .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-core-style .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-core-style .dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-core-style .dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-core-style .dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-core-style .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--zero{margin-right:0}.dnb-core-style .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-core-style .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-core-style .dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-core-style .dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-core-style .dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-core-style .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--zero{margin-bottom:0}.dnb-core-style .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-core-style .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-core-style .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-core-style .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-core-style .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--zero{margin-left:0}.dnb-core-style .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-core-style .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-core-style .dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-core-style .dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-core-style .dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-core-style .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space--no-collapse{display:flow-root}.dnb-space--stretch{width:100%}.dnb-space--inline{display:inline-block}.dnb-space__top--zero{margin-top:0}.dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-space__top--xx-large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__top--xx-large.dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__top--xx-large.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--zero{margin-right:0}.dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-space__right--xx-large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__right--xx-large.dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__right--xx-large.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--zero{margin-bottom:0}.dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-space__bottom--xx-large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__bottom--xx-large.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--zero{margin-left:0}.dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-space__left--xx-large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__left--xx-large.dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__left--xx-large.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__reset:not([class*=dnb-space__top]){margin-top:0}.dnb-space__reset:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-space__reset:not([class*=dnb-space__left]){margin-left:0}.dnb-space__reset:not([class*=dnb-space__right]){margin-right:0}.dnb-space[style*="--space-t-"]{padding-top:var(--padding-top,0)}.dnb-space[style*="--space-r-"]{padding-right:var(--padding-right,0)}.dnb-space[style*="--space-b-"]{padding-bottom:var(--padding-bottom,0)}.dnb-space[style*="--space-l-"]{padding-left:var(--padding-left,0)}@media screen and (max-width:60em){.dnb-space{--padding-right:var(--space-r-s);--padding-left:var(--space-l-s);--padding-top:var(--space-t-s);--padding-bottom:var(--space-b-s)}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-space{--padding-right:var(--space-r-m);--padding-left:var(--space-l-m);--padding-top:var(--space-t-m);--padding-bottom:var(--space-b-m)}}@media screen and (min-width:60em){.dnb-space{--padding-right:var(--space-r-l);--padding-left:var(--space-l-l);--padding-top:var(--space-t-l);--padding-bottom:var(--space-b-l)}}span.dnb-space--no-collapse>span{display:block}
+.dnb-core-style .dnb-space__top--zero{margin-top:0}.dnb-core-style .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-core-style .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-core-style .dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-core-style .dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-core-style .dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-core-style .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--zero{margin-right:0}.dnb-core-style .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-core-style .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-core-style .dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-core-style .dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-core-style .dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-core-style .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--zero{margin-bottom:0}.dnb-core-style .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-core-style .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-core-style .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-core-style .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-core-style .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--zero{margin-left:0}.dnb-core-style .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-core-style .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-core-style .dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-core-style .dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-core-style .dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-core-style .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space--no-collapse{display:flow-root}.dnb-space--stretch{width:100%}.dnb-space--inline{display:inline-block}.dnb-space__top--zero{margin-top:0}.dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.dnb-space__top--small{margin-top:var(--spacing-small)}.dnb-space__top--medium{margin-top:var(--spacing-medium)}.dnb-space__top--large{margin-top:var(--spacing-large)}.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.dnb-space__top--xx-large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__top--xx-large.dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__top--xx-large.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__top--xx-large-x2.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--zero{margin-right:0}.dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.dnb-space__right--small{margin-right:var(--spacing-small)}.dnb-space__right--medium{margin-right:var(--spacing-medium)}.dnb-space__right--large{margin-right:var(--spacing-large)}.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.dnb-space__right--xx-large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__right--xx-large.dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__right--xx-large.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__right--xx-large-x2.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--zero{margin-bottom:0}.dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.dnb-space__bottom--xx-large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__bottom--xx-large.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__bottom--xx-large.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--zero{margin-left:0}.dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.dnb-space__left--small{margin-left:var(--spacing-small)}.dnb-space__left--medium{margin-left:var(--spacing-medium)}.dnb-space__left--large{margin-left:var(--spacing-large)}.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.dnb-space__left--xx-large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.dnb-space__left--xx-large.dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.dnb-space__left--xx-large.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.dnb-space__left--xx-large-x2.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.dnb-space__reset:not([class*=dnb-space__top]){margin-top:0}.dnb-space__reset:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-space__reset:not([class*=dnb-space__left]){margin-left:0}.dnb-space__reset:not([class*=dnb-space__right]){margin-right:0}.dnb-space[style*="--space-t-"]{padding-top:var(--padding-top,0)}.dnb-space[style*="--space-r-"]{padding-right:var(--padding-right,0)}.dnb-space[style*="--space-b-"]{padding-bottom:var(--padding-bottom,0)}.dnb-space[style*="--space-l-"]{padding-left:var(--padding-left,0)}@media screen and (max-width:60em){.dnb-space{--padding-right:var(--space-r-s);--padding-left:var(--space-l-s);--padding-top:var(--space-t-s);--padding-bottom:var(--space-b-s)}}@media screen and (max-width:60em) and (min-width:40.0625em){.dnb-space{--padding-right:var(--space-r-m);--padding-left:var(--space-l-m);--padding-top:var(--space-t-m);--padding-bottom:var(--space-b-m)}}@media screen and (min-width:60.0625em){.dnb-space{--padding-right:var(--space-r-l);--padding-left:var(--space-l-l);--padding-top:var(--space-t-l);--padding-bottom:var(--space-b-l)}}span.dnb-space--no-collapse>span{display:block}

package/es/components/tabs/Tabs.js

@@ -117,7 +117,7 @@ export default class Tabs extends React.PureComponent {
     super(_props);
     _defineProperty(this, "init", () => {
       if (this._isMounted) {
-        this.addScrollBehaviour();
+        this.addScrollBehavior();
         const hasScrollbar = this.hasScrollbar();
         const hasLastPosition = this.hasLastPosition();
         this.setScrollbarState({
@@ -626,7 +626,7 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
   hasScrollbar() {
     return this._tablistRef.current.scrollWidth - 1 > this._tablistRef.current.offsetWidth;
   }
-  addScrollBehaviour() {
+  addScrollBehavior() {
     if (typeof window !== 'undefined') {
       window.addEventListener('resize', this.onResizeHandler);
     }