@dnb/eufemia 10.30.2 → 10.31.0

package/es/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.min.css

@@ -1,3 +1,5 @@
-.dnb-checkbox{--checkbox-color-gfx-on:var(--sb-color-violet-light);--checkbox-color-gfx-off:var(--sb-color-violet-light);--checkbox-color-background-on:var(--sb-color-white);--checkbox-color-background-off:var(--sb-color-white);--checkbox-color-border-on:var(--sb-color-violet);--checkbox-color-border-off:var(--sb-color-violet);--checkbox-color-gfx--disabled:var(--sb-color-gray-dark);--checkbox-color-background-on--disabled:var(--sb-color-gray-light);--checkbox-color-background-off--disabled:var(--sb-color-gray-light);--checkbox-color-border-on--disabled:var(--sb-color-gray-dark);--checkbox-color-border-off--disabled:var(--sb-color-gray-dark);--checkbox-color-background--active:var(--sb-color-white);--checkbox-color-border--active:var(--sb-color-gray);--checkbox-color-gfx--hover:var(--sb-color-violet-light);--checkbox-color-background--hover:var(--sb-color-violet-light-3);--checkbox-color-border-on--hover:var(--sb-color-violet);--checkbox-color-border-off--hover:var(--sb-color-violet);--checkbox-color-gfx--focus:var(--focus-ring-color);--checkbox-color-background--focus:var(--sb-color-blue-light-3);--checkbox-color-gfx--error:var(--sb-color-magenta);--checkbox-color-gfx--error-contrast:var(--sb-color-magenta);--checkbox-color-background-on--error:var(--sb-color-white);--checkbox-color-background--error-contrast:var(
+.dnb-checkbox{--checkbox-border-width:0.125rem;--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx-on:var(--sb-color-violet-light);--checkbox-color-gfx-off:var(--sb-color-white);--checkbox-color-background-on:var(--sb-color-white);--checkbox-color-background-off:var(--sb-color-white);--checkbox-color-border-on:var(--sb-color-violet);--checkbox-color-border-off:var(--sb-color-violet);--checkbox-color-gfx--disabled:var(--sb-color-gray-dark);--checkbox-color-background-off--disabled:var(--sb-color-gray-light);--checkbox-color-background-on--disabled:var(--sb-color-gray-light);--checkbox-color-border-on--disabled:var(--sb-color-gray-dark);--checkbox-color-border-off--disabled:var(--sb-color-gray-dark);--checkbox-color-gfx__indeterminate--disabled:var(--sb-color-gray-dark);--checkbox-color-background--active:var(--sb-color-white);--checkbox-color-border--active:var(--sb-color-gray);--checkbox-color-gfx--hover:var(--sb-color-violet-light);--checkbox-color-background--hover:var(--sb-color-violet-light-3);--checkbox-color-border-on--hover:var(--sb-color-violet);--checkbox-color-border-off--hover:var(--sb-color-violet);--checkbox-color-gfx--focus:var(--focus-ring-color);--checkbox-color-background--focus:var(--sb-color-blue-light-3);--checkbox-color-gfx--error:var(--sb-color-magenta);--checkbox-color-gfx--error-contrast:var(--sb-color-magenta);--checkbox-color-background-on--error:var(--sb-color-white);--checkbox-color-background--error-contrast:var(
     --sb-color-magenta-light-2
-  );--checkbox-color-border--error:var(--sb-color-magenta)}
+  );--checkbox-color-border--error:var(--sb-color-magenta);--checkbox-color-gfx--error--hover:var(--sb-color-magenta);--checkbox-color-background--error--hover:var(
+    --sb-color-magenta-light-3
+  );--checkbox-color-border--error--hover:transparent;--checkbox-color-background-indeterminate:var(--sb-color-white);--checkbox-color-gfx-indeterminate:var(--sb-color-violet);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(--sb-color-gray);--checkbox-color-gfx-indeterminate--active:var(--sb-color-violet);--checkbox-color-gfx-indeterminate--error:var(--sb-color-magenta);--checkbox-gfx-width__indeterminate:0.875rem;--checkbox-gfx-height__indeterminate:0.125rem;--checkbox-gfx-height__indeterminate--large:0.25rem;--checkbox-gfx-width__indeterminate--large:1.5rem;--checkbox-border-radius:0.125rem;--checkbox-gfx-border-radius__indeterminate:0rem}

package/es/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.scss

@@ -4,19 +4,22 @@
 */
 
 .dnb-checkbox {
+  --checkbox-border-width: 0.125rem;
+  --checkbox-border-width--hover: 0.125rem;
   // Normal state
   --checkbox-color-gfx-on: var(--sb-color-violet-light);
-  --checkbox-color-gfx-off: var(--sb-color-violet-light);
+  --checkbox-color-gfx-off: var(--sb-color-white);
   --checkbox-color-background-on: var(--sb-color-white);
   --checkbox-color-background-off: var(--sb-color-white);
   --checkbox-color-border-on: var(--sb-color-violet);
   --checkbox-color-border-off: var(--sb-color-violet);
   // Disabled state
   --checkbox-color-gfx--disabled: var(--sb-color-gray-dark);
-  --checkbox-color-background-on--disabled: var(--sb-color-gray-light);
   --checkbox-color-background-off--disabled: var(--sb-color-gray-light);
+  --checkbox-color-background-on--disabled: var(--sb-color-gray-light);
   --checkbox-color-border-on--disabled: var(--sb-color-gray-dark);
   --checkbox-color-border-off--disabled: var(--sb-color-gray-dark);
+  --checkbox-color-gfx__indeterminate--disabled: var(--sb-color-gray-dark);
   // Active state
   --checkbox-color-background--active: var(--sb-color-white);
   --checkbox-color-border--active: var(--sb-color-gray);
@@ -36,4 +39,27 @@
     --sb-color-magenta-light-2
   );
   --checkbox-color-border--error: var(--sb-color-magenta);
+  // Error Hover state
+  --checkbox-color-gfx--error--hover: var(--sb-color-magenta);
+  --checkbox-color-background--error--hover: var(
+    --sb-color-magenta-light-3
+  );
+  --checkbox-color-border--error--hover: transparent;
+  // Indeterminate state
+  --checkbox-color-background-indeterminate: var(--sb-color-white);
+  --checkbox-color-gfx-indeterminate: var(--sb-color-violet);
+  // Indeterminate Active state
+  --checkbox-color-background-indeterminate--active: var(--color-white);
+  --checkbox-color-border-indeterminate--active: var(--sb-color-gray);
+  --checkbox-color-gfx-indeterminate--active: var(--sb-color-violet);
+
+  // Indeterminate Error state
+  --checkbox-color-gfx-indeterminate--error: var(--sb-color-magenta);
+  // Indeterminate shape
+  --checkbox-gfx-width__indeterminate: 0.875rem;
+  --checkbox-gfx-height__indeterminate: 0.125rem;
+  --checkbox-gfx-height__indeterminate--large: 0.25rem;
+  --checkbox-gfx-width__indeterminate--large: 1.5rem;
+  --checkbox-border-radius: 0.125rem;
+  --checkbox-gfx-border-radius__indeterminate: 0rem;
 }

package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.css

@@ -4,7 +4,7 @@
 */
 .dnb-checkbox {
   --checkbox-color-gfx-on: var(--color-white);
-  --checkbox-color-gfx-off: var(--color-sea-green);
+  --checkbox-color-gfx-off: var(--color-white);
   --checkbox-color-background-on: var(--color-sea-green);
   --checkbox-color-background-off: var(--color-white);
   --checkbox-color-border-on: transparent;
@@ -14,17 +14,35 @@
   --checkbox-color-background-off--disabled: var(--color-white);
   --checkbox-color-border-on--disabled: transparent;
   --checkbox-color-border-off--disabled: var(--color-mint-green-50);
+  --checkbox-color-gfx__indeterminate--disabled: var(
+    --color-mint-green-50
+  );
   --checkbox-color-background--active: var(--color-mint-green-50);
   --checkbox-color-border--active: transparent;
   --checkbox-color-gfx--hover: var(--color-sea-green);
   --checkbox-color-background--hover: var(--color-mint-green-50);
   --checkbox-color-border-on--hover: transparent;
   --checkbox-color-border-off--hover: var(--color-sea-green);
-  --checkbox-color-gfx--focus: var(--color-sea-green);
+  --checkbox-color-gfx--focus: var(--color-emerald-green);
   --checkbox-color-background--focus: var(--color-mint-green-50);
   --checkbox-color-gfx--error: var(--color-fire-red-8);
   --checkbox-color-gfx--error-contrast: var(--color-fire-red);
   --checkbox-color-background-on--error: var(--color-fire-red);
   --checkbox-color-background--error-contrast: var(--color-fire-red-8);
   --checkbox-color-border--error: var(--color-fire-red);
+  --checkbox-color-gfx--error--hover: var(--color-fire-red);
+  --checkbox-color-background--error--hover: var(--color-fire-red-8);
+  --checkbox-color-border--error--hover: var(--color-fire-red);
+  --checkbox-color-background-indeterminate: var(--color-white);
+  --checkbox-color-gfx-indeterminate: var(--color-sea-green);
+  --checkbox-color-background-indeterminate--active: var(--color-white);
+  --checkbox-color-border-indeterminate--active: var(
+    --color-mint-green-50
+  );
+  --checkbox-color-gfx-indeterminate--active: var(--color-mint-green-50);
+  --checkbox-color-gfx-indeterminate--error: var(--color-fire-red);
+  --checkbox-gfx-height__indeterminate: 0.625rem;
+  --checkbox-gfx-width__indeterminate: 0.625rem;
+  --checkbox-gfx-height__indeterminate--large: 0.875rem;
+  --checkbox-gfx-width__indeterminate--large: 0.875rem;
 }

package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.min.css

@@ -1 +1,5 @@
-.dnb-checkbox{--checkbox-color-gfx-on:var(--color-white);--checkbox-color-gfx-off:var(--color-sea-green);--checkbox-color-background-on:var(--color-sea-green);--checkbox-color-background-off:var(--color-white);--checkbox-color-border-on:transparent;--checkbox-color-border-off:var(--color-sea-green);--checkbox-color-gfx--disabled:var(--checkbox-color-gfx-on);--checkbox-color-background-on--disabled:var(--color-sea-green-30);--checkbox-color-background-off--disabled:var(--color-white);--checkbox-color-border-on--disabled:transparent;--checkbox-color-border-off--disabled:var(--color-mint-green-50);--checkbox-color-background--active:var(--color-mint-green-50);--checkbox-color-border--active:transparent;--checkbox-color-gfx--hover:var(--color-sea-green);--checkbox-color-background--hover:var(--color-mint-green-50);--checkbox-color-border-on--hover:transparent;--checkbox-color-border-off--hover:var(--color-sea-green);--checkbox-color-gfx--focus:var(--color-sea-green);--checkbox-color-background--focus:var(--color-mint-green-50);--checkbox-color-gfx--error:var(--color-fire-red-8);--checkbox-color-gfx--error-contrast:var(--color-fire-red);--checkbox-color-background-on--error:var(--color-fire-red);--checkbox-color-background--error-contrast:var(--color-fire-red-8);--checkbox-color-border--error:var(--color-fire-red)}
+.dnb-checkbox{--checkbox-color-gfx-on:var(--color-white);--checkbox-color-gfx-off:var(--color-white);--checkbox-color-background-on:var(--color-sea-green);--checkbox-color-background-off:var(--color-white);--checkbox-color-border-on:transparent;--checkbox-color-border-off:var(--color-sea-green);--checkbox-color-gfx--disabled:var(--checkbox-color-gfx-on);--checkbox-color-background-on--disabled:var(--color-sea-green-30);--checkbox-color-background-off--disabled:var(--color-white);--checkbox-color-border-on--disabled:transparent;--checkbox-color-border-off--disabled:var(--color-mint-green-50);--checkbox-color-gfx__indeterminate--disabled:var(
+    --color-mint-green-50
+  );--checkbox-color-background--active:var(--color-mint-green-50);--checkbox-color-border--active:transparent;--checkbox-color-gfx--hover:var(--color-sea-green);--checkbox-color-background--hover:var(--color-mint-green-50);--checkbox-color-border-on--hover:transparent;--checkbox-color-border-off--hover:var(--color-sea-green);--checkbox-color-gfx--focus:var(--color-emerald-green);--checkbox-color-background--focus:var(--color-mint-green-50);--checkbox-color-gfx--error:var(--color-fire-red-8);--checkbox-color-gfx--error-contrast:var(--color-fire-red);--checkbox-color-background-on--error:var(--color-fire-red);--checkbox-color-background--error-contrast:var(--color-fire-red-8);--checkbox-color-border--error:var(--color-fire-red);--checkbox-color-gfx--error--hover:var(--color-fire-red);--checkbox-color-background--error--hover:var(--color-fire-red-8);--checkbox-color-border--error--hover:var(--color-fire-red);--checkbox-color-background-indeterminate:var(--color-white);--checkbox-color-gfx-indeterminate:var(--color-sea-green);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(
+    --color-mint-green-50
+  );--checkbox-color-gfx-indeterminate--active:var(--color-mint-green-50);--checkbox-color-gfx-indeterminate--error:var(--color-fire-red);--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem}

package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss

@@ -6,7 +6,7 @@
 .dnb-checkbox {
   // Normal state
   --checkbox-color-gfx-on: var(--color-white);
-  --checkbox-color-gfx-off: var(--color-sea-green);
+  --checkbox-color-gfx-off: var(--color-white);
   --checkbox-color-background-on: var(--color-sea-green);
   --checkbox-color-background-off: var(--color-white);
   --checkbox-color-border-on: transparent;
@@ -17,6 +17,9 @@
   --checkbox-color-background-off--disabled: var(--color-white);
   --checkbox-color-border-on--disabled: transparent;
   --checkbox-color-border-off--disabled: var(--color-mint-green-50);
+  --checkbox-color-gfx__indeterminate--disabled: var(
+    --color-mint-green-50
+  );
   // Active state
   --checkbox-color-background--active: var(--color-mint-green-50);
   --checkbox-color-border--active: transparent;
@@ -26,7 +29,7 @@
   --checkbox-color-border-on--hover: transparent;
   --checkbox-color-border-off--hover: var(--color-sea-green);
   // Focus state
-  --checkbox-color-gfx--focus: var(--color-sea-green);
+  --checkbox-color-gfx--focus: var(--color-emerald-green);
   --checkbox-color-background--focus: var(--color-mint-green-50);
   // Error state
   --checkbox-color-gfx--error: var(--color-fire-red-8);
@@ -34,4 +37,24 @@
   --checkbox-color-background-on--error: var(--color-fire-red);
   --checkbox-color-background--error-contrast: var(--color-fire-red-8);
   --checkbox-color-border--error: var(--color-fire-red);
+  // Error Hover state
+  --checkbox-color-gfx--error--hover: var(--color-fire-red);
+  --checkbox-color-background--error--hover: var(--color-fire-red-8);
+  --checkbox-color-border--error--hover: var(--color-fire-red);
+  // Indeterminate state
+  --checkbox-color-background-indeterminate: var(--color-white);
+  --checkbox-color-gfx-indeterminate: var(--color-sea-green);
+  // Indeterminate Active state
+  --checkbox-color-background-indeterminate--active: var(--color-white);
+  --checkbox-color-border-indeterminate--active: var(
+    --color-mint-green-50
+  );
+  --checkbox-color-gfx-indeterminate--active: var(--color-mint-green-50);
+  // Indeterminate Error state
+  --checkbox-color-gfx-indeterminate--error: var(--color-fire-red);
+  // Indeterminate shape
+  --checkbox-gfx-height__indeterminate: 0.625rem;
+  --checkbox-gfx-width__indeterminate: 0.625rem;
+  --checkbox-gfx-height__indeterminate--large: 0.875rem;
+  --checkbox-gfx-width__indeterminate--large: 0.875rem;
 }

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

@@ -150,7 +150,12 @@ export default class HeightAnimation {
     }
     clonedElem.style.position = 'absolute';
     (_this$elem$parentNode = this.elem.parentNode) === null || _this$elem$parentNode === void 0 ? void 0 : _this$elem$parentNode.insertBefore(clonedElem, this.elem.nextSibling);
-    const height = parseFloat(String(clonedElem.clientHeight)) || parseFloat(clonedElem.getAttribute('data-height')) || null;
+    const elemWidth = this.elem.clientWidth;
+    const clonedWidth = clonedElem.clientWidth || parseFloat(clonedElem.getAttribute('data-width')) || 0;
+    if (clonedWidth > elemWidth) {
+      clonedElem.style.width = `${elemWidth}px`;
+    }
+    const height = clonedElem.clientHeight || parseFloat(clonedElem.getAttribute('data-height')) || null;
     (_clonedElem$parentNod = clonedElem.parentNode) === null || _clonedElem$parentNod === void 0 ? void 0 : _clonedElem$parentNod.removeChild(clonedElem);
     if (height) {
       this.__currentHeight = height;

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

@@ -1 +1 @@
-{"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","_defineProperty","animate","visibility","opacity","height","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","undefined","setAsOpen","setAsClosed","getHeight","_this$elem4","clientHeight","getUnknownHeight","_this$elem$parentNode","_clonedElem$parentNod","clonedElem","cloneNode","inputs","querySelectorAll","input","removeAttribute","key","firstPaintStyle","style","position","parentNode","insertBefore","nextSibling","getAttribute","removeChild","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","overflowY","readjust","close","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export type HeightAnimationOnStartStates =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\nexport type HeightAnimationOnEndStates = 'opened' | 'closed' | 'adjusted'\nexport type HeightAnimationStates =\n  | HeightAnimationOnStartStates\n  | HeightAnimationOnEndStates\n  | 'init'\nexport type HeightAnimationOptions = {\n  animate?: boolean\n}\nexport type HeightAnimationOnStartCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnEndCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnStartStack =\n  Array<HeightAnimationOnStartCallback>\nexport type HeightAnimationOnEndStack = Array<HeightAnimationOnEndCallback>\nexport type HeightAnimationEventListener = (e: Event) => void\nexport type HeightAnimationEvents = Array<HeightAnimationEventListener>\nexport type HeightAnimationElement = HTMLElement\nexport type HeightAnimationContainer = HTMLElement\nexport type HeightAnimationFromHeight = number\nexport type HeightAnimationToHeight = number\n\nexport default class HeightAnimation {\n  private state: Readonly<HeightAnimationStates>\n  isInBrowser: boolean\n  onStartStack: HeightAnimationOnStartStack = []\n  onEndStack: HeightAnimationOnEndStack = []\n  events: HeightAnimationEvents = []\n  opts: HeightAnimationOptions = { animate: true }\n  elem: HeightAnimationElement\n  reqId1: number\n  reqId2: number\n  resizeTimeout: NodeJS.Timeout\n  timeouts: NodeJS.Timeout[] = []\n  firstTime?: number = 0\n  startTime?: number = 0\n  duration?: number = 0\n  isAnimating: boolean\n  __currentHeight: number\n\n  firstPaintStyle = {\n    visibility: 'hidden',\n    opacity: '0', // prevents before/after elements to be visible\n    height: 'auto',\n  }\n\n  constructor(opts: HeightAnimationOptions = {}) {\n    this.isInBrowser = typeof window !== 'undefined'\n    this.setState('init')\n    this.setOptions(opts)\n  }\n\n  callAnimationStart() {\n    this.startTime = Date.now()\n    if (!this.firstTime) {\n      this.firstTime = this.startTime\n    }\n    if (this.onStartStack) {\n      this.onStartStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  callAnimationEnd() {\n    this.isAnimating = false\n\n    if (this.state !== 'opened') {\n      delete this.__currentHeight\n    }\n\n    this.removeEndEvents()\n\n    if (this.onEndStack) {\n      this.onEndStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  addEndEvent(listener: HeightAnimationEventListener) {\n    this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n    const handleTransitionEnd = (e) => {\n      if (this.canFinish()) {\n        listener(e)\n      } else {\n        const delay = this.duration - (Date.now() - this.startTime)\n\n        if (delay === -1) {\n          listener(e)\n        } else {\n          this.timeouts.push(setTimeout(() => listener(e), delay))\n        }\n      }\n    }\n\n    this.events.push(handleTransitionEnd)\n    this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n  }\n  removeEndEvents() {\n    this.events.forEach((listener) => {\n      this.elem?.removeEventListener?.('transitionend', listener)\n    })\n    this.events = []\n  }\n\n  // Public methods\n  setElement(elem: HeightAnimationElement) {\n    this.elem =\n      elem ||\n      (typeof document !== 'undefined' && document.createElement('div'))\n\n    // TODO: remove when responsive tables are supported\n    if (String(this.elem?.nodeName).toLowerCase() === 'td') {\n      this.elem = this.elem.parentElement\n    }\n\n    this.duration =\n      globalThis.animationDuration ??\n      (parseFloat(window.getComputedStyle(this.elem).transitionDuration) *\n        1000 ||\n        400) // The default duration\n  }\n  setState(state: HeightAnimationStates) {\n    this.state = Object.freeze(state)\n  }\n  setOptions(opts: HeightAnimationOptions) {\n    this.opts = Object.freeze({ ...this.opts, ...opts })\n  }\n  getOptions() {\n    return this.opts\n  }\n  remove() {\n    this.stop()\n    this.removeEndEvents()\n    this.setState('init')\n    this.isAnimating = false\n    this.onEndStack = []\n    this.onStartStack = []\n    this.__currentHeight = undefined\n    this.elem = undefined\n  }\n  setAsOpen() {\n    if (this.state === 'opened') {\n      return\n    }\n    this.setState('opening')\n    this.callAnimationStart()\n    this.setState('opened')\n    this.callAnimationEnd()\n  }\n  setAsClosed() {\n    if (this.state === 'closed') {\n      return\n    }\n    this.setState('closing')\n    this.callAnimationStart()\n    this.setState('closed')\n    this.callAnimationEnd()\n  }\n  getHeight() {\n    return parseFloat(String(this.elem?.clientHeight)) || null\n  }\n  getUnknownHeight() {\n    if (!this.elem) {\n      return null\n    }\n\n    if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n      return this.__currentHeight\n    }\n\n    const clonedElem = this.elem.cloneNode(true) as HTMLElement\n    const inputs = clonedElem.querySelectorAll('input')\n    inputs.forEach((input) => {\n      input.removeAttribute('name') // because type=\"radio\" will be else effected negatively\n      input.removeAttribute('id') // don't put IDs twice in the DOM\n    })\n\n    // Hide the cloned element\n    for (const key in this.firstPaintStyle) {\n      clonedElem.style[key] = this.firstPaintStyle[key]\n    }\n    clonedElem.style.position = 'absolute' // not a part of the \"firstPaintStyle\"\n\n    this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n    const height =\n      parseFloat(String(clonedElem.clientHeight)) ||\n      // data-height is used for mockup testing with \"mockHeight\"\n      parseFloat(clonedElem.getAttribute('data-height')) ||\n      null\n\n    clonedElem.parentNode?.removeChild(clonedElem)\n\n    if (height) {\n      this.__currentHeight = height\n    }\n\n    return height\n  }\n  onStart(fn: HeightAnimationOnStartCallback) {\n    this.onStartStack.push(fn)\n  }\n  onEnd(fn: HeightAnimationOnEndCallback) {\n    this.onEndStack.push(fn)\n  }\n  start(\n    fromHeight: HeightAnimationFromHeight,\n    toHeight: HeightAnimationToHeight\n  ) {\n    if (\n      !this.elem ||\n      !(\n        this.isInBrowser &&\n        typeof window.requestAnimationFrame === 'function'\n      )\n    ) {\n      return\n    }\n\n    const opts = this.getOptions()\n    if (opts.animate === false) {\n      return\n    }\n\n    this.stop()\n    this.isAnimating = true\n\n    // make the animation\n    this.reqId1 = window.requestAnimationFrame(() => {\n      if (!this.elem) {\n        return\n      }\n\n      this.elem.style.height = `${fromHeight}px`\n\n      this.reqId2 = window.requestAnimationFrame(() => {\n        if (!this.elem) {\n          return\n        }\n\n        this.elem.style.height = `${toHeight}px`\n      })\n    })\n  }\n  stop() {\n    this.timeouts.forEach((id) => clearTimeout(id))\n    this.timeouts = []\n\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      window.cancelAnimationFrame(this.reqId1)\n      window.cancelAnimationFrame(this.reqId2)\n    }\n  }\n  open() {\n    if (\n      this.state === 'opened' ||\n      this.state === 'opening' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsOpen()\n      return\n    }\n\n    this.setState('opening')\n    this.callAnimationStart()\n\n    const toHeight = this.getUnknownHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.overflowY = ''\n        }\n        this.setState('opened')\n        this.readjust()\n      }\n    })\n\n    this.start(0, toHeight)\n  }\n  close() {\n    if (\n      this.state === 'closed' ||\n      this.state === 'closing' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsClosed()\n      return\n    }\n\n    this.setState('closing')\n    this.callAnimationStart()\n\n    const fromHeight = this.getHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.visibility = 'hidden'\n          this.elem.style.overflowY = 'clip'\n        }\n        this.setState('closed')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, 0)\n  }\n  adjustTo(\n    fromHeight: HeightAnimationFromHeight = null,\n    toHeight: HeightAnimationToHeight = null\n  ) {\n    const opts = this.getOptions()\n\n    if (\n      !this.elem ||\n      opts.animate === false ||\n      this.state === 'opening' ||\n      this.state === 'closing'\n    ) {\n      return\n    }\n\n    if (fromHeight === 0 || fromHeight === null) {\n      fromHeight = this.getHeight()\n    }\n    if (toHeight === null) {\n      toHeight = this.getUnknownHeight()\n    }\n\n    if (fromHeight === toHeight) {\n      this.setState('adjusted')\n      return\n    }\n\n    this.setState('adjusting')\n    this.callAnimationStart()\n\n    this.addEndEvent((e) => {\n      if (\n        this.state === 'adjusting' &&\n        (e.target === e.currentTarget || !e.currentTarget)\n      ) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n        this.setState('adjusted')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, toHeight)\n  }\n  readjust() {\n    const endHeight = this.getHeight()\n\n    if (this.elem) {\n      this.elem.style.height = 'auto'\n    }\n\n    this.__currentHeight = undefined\n    const newHeight = this.getUnknownHeight()\n\n    // If the height has changed during the animation, we need to adjust it\n    if (endHeight !== newHeight) {\n      this.adjustTo(endHeight, newHeight)\n    } else {\n      this.callAnimationEnd()\n    }\n  }\n  /**\n   * Determines whether the animation can finish.\n   * Check for certain states and if the time passed is too short.\n   * With a so short first state change, we do not call animation end.\n   */\n  canFinish() {\n    return Boolean(\n      this.startTime &&\n        Date.now() - this.startTime >\n          (globalThis.animationDuration ?? this.duration)\n    )\n  }\n  /**\n   * Determines whether the animation should be bypassed.\n   * Check for certain states and if the time passed is too short to be correct.\n   * With a very short first state change, we skip animation.\n   */\n  shouldBypassAnimation() {\n    const opts = this.getOptions()\n\n    if (!this.elem || opts.animate === false) {\n      return true\n    }\n\n    if (\n      this.isInBrowser &&\n      (globalThis.IS_TEST || globalThis.bypassTime === -1)\n    ) {\n      return false\n    }\n\n    return Boolean(\n      this.firstTime &&\n        Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n    )\n  }\n}\n"],"mappings":";;;AA4BA,eAAe,MAAMA,eAAe,CAAC;EAwBnCC,WAAWA,CAACC,IAA4B,GAAG,CAAC,CAAC,EAAE;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,uBArBH,EAAE;IAAAA,eAAA,qBACN,EAAE;IAAAA,eAAA,iBACV,EAAE;IAAAA,eAAA,eACH;MAAEC,OAAO,EAAE;IAAK,CAAC;IAAAD,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAKnB,EAAE;IAAAA,eAAA,oBACV,CAAC;IAAAA,eAAA,oBACD,CAAC;IAAAA,eAAA,mBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAIH;MAChBE,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAE,GAAG;MACZC,MAAM,EAAE;IACV,CAAC;IAGC,IAAI,CAACC,WAAW,GAAG,OAAOC,MAAM,KAAK,WAAW;IAChD,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC;IACrB,IAAI,CAACC,UAAU,CAACT,IAAI,CAAC;EACvB;EAEAU,kBAAkBA,CAAA,EAAG;IACnB,IAAI,CAACC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;MACnB,IAAI,CAACA,SAAS,GAAG,IAAI,CAACH,SAAS;IACjC;IACA,IAAI,IAAI,CAACI,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAACC,OAAO,CAAEC,EAAE,IAAK;QAChC,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;UAC5BA,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC;QAChB;MACF,CAAC,CAAC;IACJ;EACF;EACAC,gBAAgBA,CAAA,EAAG;IACjB,IAAI,CAACC,WAAW,GAAG,KAAK;IAExB,IAAI,IAAI,CAACF,KAAK,KAAK,QAAQ,EAAE;MAC3B,OAAO,IAAI,CAACG,eAAe;IAC7B;IAEA,IAAI,CAACC,eAAe,CAAC,CAAC;IAEtB,IAAI,IAAI,CAACC,UAAU,EAAE;MACnB,IAAI,CAACA,UAAU,CAACP,OAAO,CAAEC,EAAE,IAAK;QAC9B,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;UAC5BA,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC;QAChB;MACF,CAAC,CAAC;IACJ;EACF;EACAM,WAAWA,CAACC,QAAsC,EAAE;IAAA,IAAAC,UAAA,EAAAC,qBAAA;IAClD,IAAI,CAACL,eAAe,CAAC,CAAC;IAEtB,MAAMM,mBAAmB,GAAIC,CAAC,IAAK;MACjC,IAAI,IAAI,CAACC,SAAS,CAAC,CAAC,EAAE;QACpBL,QAAQ,CAACI,CAAC,CAAC;MACb,CAAC,MAAM;QACL,MAAME,KAAK,GAAG,IAAI,CAACC,QAAQ,IAAIpB,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACF,SAAS,CAAC;QAE3D,IAAIoB,KAAK,KAAK,CAAC,CAAC,EAAE;UAChBN,QAAQ,CAACI,CAAC,CAAC;QACb,CAAC,MAAM;UACL,IAAI,CAACI,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,MAAMV,QAAQ,CAACI,CAAC,CAAC,EAAEE,KAAK,CAAC,CAAC;QAC1D;MACF;IACF,CAAC;IAED,IAAI,CAACK,MAAM,CAACF,IAAI,CAACN,mBAAmB,CAAC;IACrC,CAAAF,UAAA,OAAI,CAACW,IAAI,cAAAX,UAAA,wBAAAC,qBAAA,GAATD,UAAA,CAAWY,gBAAgB,cAAAX,qBAAA,uBAA3BA,qBAAA,CAAAY,IAAA,CAAAb,UAAA,EAA8B,eAAe,EAAEE,mBAAmB,CAAC;EACrE;EACAN,eAAeA,CAAA,EAAG;IAChB,IAAI,CAACc,MAAM,CAACpB,OAAO,CAAES,QAAQ,IAAK;MAAA,IAAAe,WAAA,EAAAC,qBAAA;MAChC,CAAAD,WAAA,OAAI,CAACH,IAAI,cAAAG,WAAA,wBAAAC,qBAAA,GAATD,WAAA,CAAWE,mBAAmB,cAAAD,qBAAA,uBAA9BA,qBAAA,CAAAF,IAAA,CAAAC,WAAA,EAAiC,eAAe,EAAEf,QAAQ,CAAC;IAC7D,CAAC,CAAC;IACF,IAAI,CAACW,MAAM,GAAG,EAAE;EAClB;EAGAO,UAAUA,CAACN,IAA4B,EAAE;IAAA,IAAAO,WAAA,EAAAC,qBAAA;IACvC,IAAI,CAACR,IAAI,GACPA,IAAI,IACH,OAAOS,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAE;IAGpE,IAAIC,MAAM,EAAAJ,WAAA,GAAC,IAAI,CAACP,IAAI,cAAAO,WAAA,uBAATA,WAAA,CAAWK,QAAQ,CAAC,CAACC,WAAW,CAAC,CAAC,KAAK,IAAI,EAAE;MACtD,IAAI,CAACb,IAAI,GAAG,IAAI,CAACA,IAAI,CAACc,aAAa;IACrC;IAEA,IAAI,CAACnB,QAAQ,IAAAa,qBAAA,GACXO,UAAU,CAACC,iBAAiB,cAAAR,qBAAA,cAAAA,qBAAA,GAC3BS,UAAU,CAAC/C,MAAM,CAACgD,gBAAgB,CAAC,IAAI,CAAClB,IAAI,CAAC,CAACmB,kBAAkB,CAAC,GAChE,IAAI,IACJ,GAAI;EACV;EACAhD,QAAQA,CAACU,KAA4B,EAAE;IACrC,IAAI,CAACA,KAAK,GAAGuC,MAAM,CAACC,MAAM,CAACxC,KAAK,CAAC;EACnC;EACAT,UAAUA,CAACT,IAA4B,EAAE;IACvC,IAAI,CAACA,IAAI,GAAGyD,MAAM,CAACC,MAAM,CAAAC,aAAA,CAAAA,aAAA,KAAM,IAAI,CAAC3D,IAAI,GAAKA,IAAI,CAAE,CAAC;EACtD;EACA4D,UAAUA,CAAA,EAAG;IACX,OAAO,IAAI,CAAC5D,IAAI;EAClB;EACA6D,MAAMA,CAAA,EAAG;IACP,IAAI,CAACC,IAAI,CAAC,CAAC;IACX,IAAI,CAACxC,eAAe,CAAC,CAAC;IACtB,IAAI,CAACd,QAAQ,CAAC,MAAM,CAAC;IACrB,IAAI,CAACY,WAAW,GAAG,KAAK;IACxB,IAAI,CAACG,UAAU,GAAG,EAAE;IACpB,IAAI,CAACR,YAAY,GAAG,EAAE;IACtB,IAAI,CAACM,eAAe,GAAG0C,SAAS;IAChC,IAAI,CAAC1B,IAAI,GAAG0B,SAAS;EACvB;EACAC,SAASA,CAAA,EAAG;IACV,IAAI,IAAI,CAAC9C,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACF;IACA,IAAI,CAACV,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IACzB,IAAI,CAACF,QAAQ,CAAC,QAAQ,CAAC;IACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;EACzB;EACA8C,WAAWA,CAAA,EAAG;IACZ,IAAI,IAAI,CAAC/C,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACF;IACA,IAAI,CAACV,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IACzB,IAAI,CAACF,QAAQ,CAAC,QAAQ,CAAC;IACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;EACzB;EACA+C,SAASA,CAAA,EAAG;IAAA,IAAAC,WAAA;IACV,OAAOb,UAAU,CAACN,MAAM,EAAAmB,WAAA,GAAC,IAAI,CAAC9B,IAAI,cAAA8B,WAAA,uBAATA,WAAA,CAAWC,YAAY,CAAC,CAAC,IAAI,IAAI;EAC5D;EACAC,gBAAgBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACjB,IAAI,CAAC,IAAI,CAAClC,IAAI,EAAE;MACd,OAAO,IAAI;IACb;IAEA,IAAI,IAAI,CAACjB,WAAW,IAAI,OAAO,IAAI,CAACC,eAAe,KAAK,WAAW,EAAE;MACnE,OAAO,IAAI,CAACA,eAAe;IAC7B;IAEA,MAAMmD,UAAU,GAAG,IAAI,CAACnC,IAAI,CAACoC,SAAS,CAAC,IAAI,CAAgB;IAC3D,MAAMC,MAAM,GAAGF,UAAU,CAACG,gBAAgB,CAAC,OAAO,CAAC;IACnDD,MAAM,CAAC1D,OAAO,CAAE4D,KAAK,IAAK;MACxBA,KAAK,CAACC,eAAe,CAAC,MAAM,CAAC;MAC7BD,KAAK,CAACC,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC,CAAC;IAGF,KAAK,MAAMC,GAAG,IAAI,IAAI,CAACC,eAAe,EAAE;MACtCP,UAAU,CAACQ,KAAK,CAACF,GAAG,CAAC,GAAG,IAAI,CAACC,eAAe,CAACD,GAAG,CAAC;IACnD;IACAN,UAAU,CAACQ,KAAK,CAACC,QAAQ,GAAG,UAAU;IAEtC,CAAAX,qBAAA,OAAI,CAACjC,IAAI,CAAC6C,UAAU,cAAAZ,qBAAA,uBAApBA,qBAAA,CAAsBa,YAAY,CAACX,UAAU,EAAE,IAAI,CAACnC,IAAI,CAAC+C,WAAW,CAAC;IAErE,MAAM/E,MAAM,GACViD,UAAU,CAACN,MAAM,CAACwB,UAAU,CAACJ,YAAY,CAAC,CAAC,IAE3Cd,UAAU,CAACkB,UAAU,CAACa,YAAY,CAAC,aAAa,CAAC,CAAC,IAClD,IAAI;IAEN,CAAAd,qBAAA,GAAAC,UAAU,CAACU,UAAU,cAAAX,qBAAA,uBAArBA,qBAAA,CAAuBe,WAAW,CAACd,UAAU,CAAC;IAE9C,IAAInE,MAAM,EAAE;MACV,IAAI,CAACgB,eAAe,GAAGhB,MAAM;IAC/B;IAEA,OAAOA,MAAM;EACf;EACAkF,OAAOA,CAACtE,EAAkC,EAAE;IAC1C,IAAI,CAACF,YAAY,CAACmB,IAAI,CAACjB,EAAE,CAAC;EAC5B;EACAuE,KAAKA,CAACvE,EAAgC,EAAE;IACtC,IAAI,CAACM,UAAU,CAACW,IAAI,CAACjB,EAAE,CAAC;EAC1B;EACAwE,KAAKA,CACHC,UAAqC,EACrCC,QAAiC,EACjC;IACA,IACE,CAAC,IAAI,CAACtD,IAAI,IACV,EACE,IAAI,CAAC/B,WAAW,IAChB,OAAOC,MAAM,CAACqF,qBAAqB,KAAK,UAAU,CACnD,EACD;MACA;IACF;IAEA,MAAM5F,IAAI,GAAG,IAAI,CAAC4D,UAAU,CAAC,CAAC;IAC9B,IAAI5D,IAAI,CAACE,OAAO,KAAK,KAAK,EAAE;MAC1B;IACF;IAEA,IAAI,CAAC4D,IAAI,CAAC,CAAC;IACX,IAAI,CAAC1C,WAAW,GAAG,IAAI;IAGvB,IAAI,CAACyE,MAAM,GAAGtF,MAAM,CAACqF,qBAAqB,CAAC,MAAM;MAC/C,IAAI,CAAC,IAAI,CAACvD,IAAI,EAAE;QACd;MACF;MAEA,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAAC3E,MAAM,GAAI,GAAEqF,UAAW,IAAG;MAE1C,IAAI,CAACI,MAAM,GAAGvF,MAAM,CAACqF,qBAAqB,CAAC,MAAM;QAC/C,IAAI,CAAC,IAAI,CAACvD,IAAI,EAAE;UACd;QACF;QAEA,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAAC3E,MAAM,GAAI,GAAEsF,QAAS,IAAG;MAC1C,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EACA7B,IAAIA,CAAA,EAAG;IACL,IAAI,CAAC7B,QAAQ,CAACjB,OAAO,CAAE+E,EAAE,IAAKC,YAAY,CAACD,EAAE,CAAC,CAAC;IAC/C,IAAI,CAAC9D,QAAQ,GAAG,EAAE;IAElB,IACE,IAAI,CAAC3B,WAAW,IAChB,OAAOC,MAAM,CAACqF,qBAAqB,KAAK,UAAU,EAClD;MACArF,MAAM,CAAC0F,oBAAoB,CAAC,IAAI,CAACJ,MAAM,CAAC;MACxCtF,MAAM,CAAC0F,oBAAoB,CAAC,IAAI,CAACH,MAAM,CAAC;IAC1C;EACF;EACAI,IAAIA,CAAA,EAAG;IACL,IACE,IAAI,CAAChF,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,IACxB,IAAI,CAACiF,qBAAqB,CAAC,CAAC,EAC5B;MACA,IAAI,CAACnC,SAAS,CAAC,CAAC;MAChB;IACF;IAEA,IAAI,CAACxD,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,MAAMiF,QAAQ,GAAG,IAAI,CAACtB,gBAAgB,CAAC,CAAC;IAExC,IAAI,CAAC7C,WAAW,CAAEK,CAAC,IAAK;MACtB,IAAIA,CAAC,CAACuE,MAAM,KAAKvE,CAAC,CAACwE,aAAa,IAAI,CAACxE,CAAC,CAACwE,aAAa,EAAE;QACpD,IAAI,IAAI,CAAChE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAACsB,SAAS,GAAG,EAAE;QAChC;QACA,IAAI,CAAC9F,QAAQ,CAAC,QAAQ,CAAC;QACvB,IAAI,CAAC+F,QAAQ,CAAC,CAAC;MACjB;IACF,CAAC,CAAC;IAEF,IAAI,CAACd,KAAK,CAAC,CAAC,EAAEE,QAAQ,CAAC;EACzB;EACAa,KAAKA,CAAA,EAAG;IACN,IACE,IAAI,CAACtF,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,IACxB,IAAI,CAACiF,qBAAqB,CAAC,CAAC,EAC5B;MACA,IAAI,CAAClC,WAAW,CAAC,CAAC;MAClB;IACF;IAEA,IAAI,CAACzD,QAAQ,CAAC,SAAS,CAAC;IACxB,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,MAAMgF,UAAU,GAAG,IAAI,CAACxB,SAAS,CAAC,CAAC;IAEnC,IAAI,CAAC1C,WAAW,CAAEK,CAAC,IAAK;MACtB,IAAIA,CAAC,CAACuE,MAAM,KAAKvE,CAAC,CAACwE,aAAa,IAAI,CAACxE,CAAC,CAACwE,aAAa,EAAE;QACpD,IAAI,IAAI,CAAChE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAAC7E,UAAU,GAAG,QAAQ;UACrC,IAAI,CAACkC,IAAI,CAAC2C,KAAK,CAACsB,SAAS,GAAG,MAAM;QACpC;QACA,IAAI,CAAC9F,QAAQ,CAAC,QAAQ,CAAC;QACvB,IAAI,CAACW,gBAAgB,CAAC,CAAC;MACzB;IACF,CAAC,CAAC;IAEF,IAAI,CAACsE,KAAK,CAACC,UAAU,EAAE,CAAC,CAAC;EAC3B;EACAe,QAAQA,CACNf,UAAqC,GAAG,IAAI,EAC5CC,QAAiC,GAAG,IAAI,EACxC;IACA,MAAM3F,IAAI,GAAG,IAAI,CAAC4D,UAAU,CAAC,CAAC;IAE9B,IACE,CAAC,IAAI,CAACvB,IAAI,IACVrC,IAAI,CAACE,OAAO,KAAK,KAAK,IACtB,IAAI,CAACgB,KAAK,KAAK,SAAS,IACxB,IAAI,CAACA,KAAK,KAAK,SAAS,EACxB;MACA;IACF;IAEA,IAAIwE,UAAU,KAAK,CAAC,IAAIA,UAAU,KAAK,IAAI,EAAE;MAC3CA,UAAU,GAAG,IAAI,CAACxB,SAAS,CAAC,CAAC;IAC/B;IACA,IAAIyB,QAAQ,KAAK,IAAI,EAAE;MACrBA,QAAQ,GAAG,IAAI,CAACtB,gBAAgB,CAAC,CAAC;IACpC;IAEA,IAAIqB,UAAU,KAAKC,QAAQ,EAAE;MAC3B,IAAI,CAACnF,QAAQ,CAAC,UAAU,CAAC;MACzB;IACF;IAEA,IAAI,CAACA,QAAQ,CAAC,WAAW,CAAC;IAC1B,IAAI,CAACE,kBAAkB,CAAC,CAAC;IAEzB,IAAI,CAACc,WAAW,CAAEK,CAAC,IAAK;MACtB,IACE,IAAI,CAACX,KAAK,KAAK,WAAW,KACzBW,CAAC,CAACuE,MAAM,KAAKvE,CAAC,CAACwE,aAAa,IAAI,CAACxE,CAAC,CAACwE,aAAa,CAAC,EAClD;QACA,IAAI,IAAI,CAAChE,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAAC3E,MAAM,GAAG,MAAM;QACjC;QACA,IAAI,CAACG,QAAQ,CAAC,UAAU,CAAC;QACzB,IAAI,CAACW,gBAAgB,CAAC,CAAC;MACzB;IACF,CAAC,CAAC;IAEF,IAAI,CAACsE,KAAK,CAACC,UAAU,EAAEC,QAAQ,CAAC;EAClC;EACAY,QAAQA,CAAA,EAAG;IACT,MAAMG,SAAS,GAAG,IAAI,CAACxC,SAAS,CAAC,CAAC;IAElC,IAAI,IAAI,CAAC7B,IAAI,EAAE;MACb,IAAI,CAACA,IAAI,CAAC2C,KAAK,CAAC3E,MAAM,GAAG,MAAM;IACjC;IAEA,IAAI,CAACgB,eAAe,GAAG0C,SAAS;IAChC,MAAM4C,SAAS,GAAG,IAAI,CAACtC,gBAAgB,CAAC,CAAC;IAGzC,IAAIqC,SAAS,KAAKC,SAAS,EAAE;MAC3B,IAAI,CAACF,QAAQ,CAACC,SAAS,EAAEC,SAAS,CAAC;IACrC,CAAC,MAAM;MACL,IAAI,CAACxF,gBAAgB,CAAC,CAAC;IACzB;EACF;EAMAW,SAASA,CAAA,EAAG;IAAA,IAAA8E,sBAAA;IACV,OAAOC,OAAO,CACZ,IAAI,CAAClG,SAAS,IACZC,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACF,SAAS,KAAAiG,sBAAA,GACxBxD,UAAU,CAACC,iBAAiB,cAAAuD,sBAAA,cAAAA,sBAAA,GAAI,IAAI,CAAC5E,QAAQ,CACpD,CAAC;EACH;EAMAmE,qBAAqBA,CAAA,EAAG;IAAA,IAAAW,qBAAA;IACtB,MAAM9G,IAAI,GAAG,IAAI,CAAC4D,UAAU,CAAC,CAAC;IAE9B,IAAI,CAAC,IAAI,CAACvB,IAAI,IAAIrC,IAAI,CAACE,OAAO,KAAK,KAAK,EAAE;MACxC,OAAO,IAAI;IACb;IAEA,IACE,IAAI,CAACI,WAAW,KACf8C,UAAU,CAAC2D,OAAO,IAAI3D,UAAU,CAAC4D,UAAU,KAAK,CAAC,CAAC,CAAC,EACpD;MACA,OAAO,KAAK;IACd;IAEA,OAAOH,OAAO,CACZ,IAAI,CAAC/F,SAAS,IACZF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAG,IAAI,CAACC,SAAS,KAAAgG,qBAAA,GAAI1D,UAAU,CAAC4D,UAAU,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,GAAG,CAC/D,CAAC;EACH;AACF"}
+{"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","_defineProperty","animate","visibility","opacity","height","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","undefined","setAsOpen","setAsClosed","getHeight","_this$elem4","clientHeight","getUnknownHeight","_this$elem$parentNode","_clonedElem$parentNod","clonedElem","cloneNode","inputs","querySelectorAll","input","removeAttribute","key","firstPaintStyle","style","position","parentNode","insertBefore","nextSibling","elemWidth","clientWidth","clonedWidth","getAttribute","width","removeChild","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","overflowY","readjust","close","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export type HeightAnimationOnStartStates =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\nexport type HeightAnimationOnEndStates = 'opened' | 'closed' | 'adjusted'\nexport type HeightAnimationStates =\n  | HeightAnimationOnStartStates\n  | HeightAnimationOnEndStates\n  | 'init'\nexport type HeightAnimationOptions = {\n  animate?: boolean\n}\nexport type HeightAnimationOnStartCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnEndCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnStartStack =\n  Array<HeightAnimationOnStartCallback>\nexport type HeightAnimationOnEndStack = Array<HeightAnimationOnEndCallback>\nexport type HeightAnimationEventListener = (e: Event) => void\nexport type HeightAnimationEvents = Array<HeightAnimationEventListener>\nexport type HeightAnimationElement = HTMLElement\nexport type HeightAnimationContainer = HTMLElement\nexport type HeightAnimationFromHeight = number\nexport type HeightAnimationToHeight = number\n\nexport default class HeightAnimation {\n  private state: Readonly<HeightAnimationStates>\n  isInBrowser: boolean\n  onStartStack: HeightAnimationOnStartStack = []\n  onEndStack: HeightAnimationOnEndStack = []\n  events: HeightAnimationEvents = []\n  opts: HeightAnimationOptions = { animate: true }\n  elem: HeightAnimationElement\n  reqId1: number\n  reqId2: number\n  resizeTimeout: NodeJS.Timeout\n  timeouts: NodeJS.Timeout[] = []\n  firstTime?: number = 0\n  startTime?: number = 0\n  duration?: number = 0\n  isAnimating: boolean\n  __currentHeight: number\n\n  firstPaintStyle = {\n    visibility: 'hidden',\n    opacity: '0', // prevents before/after elements to be visible\n    height: 'auto',\n  }\n\n  constructor(opts: HeightAnimationOptions = {}) {\n    this.isInBrowser = typeof window !== 'undefined'\n    this.setState('init')\n    this.setOptions(opts)\n  }\n\n  callAnimationStart() {\n    this.startTime = Date.now()\n    if (!this.firstTime) {\n      this.firstTime = this.startTime\n    }\n    if (this.onStartStack) {\n      this.onStartStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  callAnimationEnd() {\n    this.isAnimating = false\n\n    if (this.state !== 'opened') {\n      delete this.__currentHeight\n    }\n\n    this.removeEndEvents()\n\n    if (this.onEndStack) {\n      this.onEndStack.forEach((fn) => {\n        if (typeof fn === 'function') {\n          fn(this.state)\n        }\n      })\n    }\n  }\n  addEndEvent(listener: HeightAnimationEventListener) {\n    this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n    const handleTransitionEnd = (e) => {\n      if (this.canFinish()) {\n        listener(e)\n      } else {\n        const delay = this.duration - (Date.now() - this.startTime)\n\n        if (delay === -1) {\n          listener(e)\n        } else {\n          this.timeouts.push(setTimeout(() => listener(e), delay))\n        }\n      }\n    }\n\n    this.events.push(handleTransitionEnd)\n    this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n  }\n  removeEndEvents() {\n    this.events.forEach((listener) => {\n      this.elem?.removeEventListener?.('transitionend', listener)\n    })\n    this.events = []\n  }\n\n  // Public methods\n  setElement(elem: HeightAnimationElement) {\n    this.elem =\n      elem ||\n      (typeof document !== 'undefined' && document.createElement('div'))\n\n    // TODO: remove when responsive tables are supported\n    if (String(this.elem?.nodeName).toLowerCase() === 'td') {\n      this.elem = this.elem.parentElement\n    }\n\n    this.duration =\n      globalThis.animationDuration ??\n      (parseFloat(window.getComputedStyle(this.elem).transitionDuration) *\n        1000 ||\n        400) // The default duration\n  }\n  setState(state: HeightAnimationStates) {\n    this.state = Object.freeze(state)\n  }\n  setOptions(opts: HeightAnimationOptions) {\n    this.opts = Object.freeze({ ...this.opts, ...opts })\n  }\n  getOptions() {\n    return this.opts\n  }\n  remove() {\n    this.stop()\n    this.removeEndEvents()\n    this.setState('init')\n    this.isAnimating = false\n    this.onEndStack = []\n    this.onStartStack = []\n    this.__currentHeight = undefined\n    this.elem = undefined\n  }\n  setAsOpen() {\n    if (this.state === 'opened') {\n      return\n    }\n    this.setState('opening')\n    this.callAnimationStart()\n    this.setState('opened')\n    this.callAnimationEnd()\n  }\n  setAsClosed() {\n    if (this.state === 'closed') {\n      return\n    }\n    this.setState('closing')\n    this.callAnimationStart()\n    this.setState('closed')\n    this.callAnimationEnd()\n  }\n  getHeight() {\n    return parseFloat(String(this.elem?.clientHeight)) || null\n  }\n  getUnknownHeight() {\n    if (!this.elem) {\n      return null\n    }\n\n    if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n      return this.__currentHeight\n    }\n\n    const clonedElem = this.elem.cloneNode(true) as HTMLElement\n    const inputs = clonedElem.querySelectorAll('input')\n    inputs.forEach((input) => {\n      input.removeAttribute('name') // because type=\"radio\" will be else effected negatively\n      input.removeAttribute('id') // don't put IDs twice in the DOM\n    })\n\n    // Hide the cloned element\n    for (const key in this.firstPaintStyle) {\n      clonedElem.style[key] = this.firstPaintStyle[key]\n    }\n    clonedElem.style.position = 'absolute' // not a part of the \"firstPaintStyle\"\n\n    this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n    // When text is wrapped, we get different widths,\n    // so we need to set the width to the original width\n    const elemWidth = this.elem.clientWidth\n    const clonedWidth =\n      clonedElem.clientWidth ||\n      // data-width is used for mockup testing with \"mockHeight\"\n      parseFloat(clonedElem.getAttribute('data-width')) ||\n      0\n\n    if (clonedWidth > elemWidth) {\n      clonedElem.style.width = `${elemWidth}px`\n    }\n\n    const height =\n      clonedElem.clientHeight ||\n      // data-height is used for mockup testing with \"mockHeight\"\n      parseFloat(clonedElem.getAttribute('data-height')) ||\n      null\n\n    clonedElem.parentNode?.removeChild(clonedElem)\n\n    if (height) {\n      this.__currentHeight = height\n    }\n\n    return height\n  }\n  onStart(fn: HeightAnimationOnStartCallback) {\n    this.onStartStack.push(fn)\n  }\n  onEnd(fn: HeightAnimationOnEndCallback) {\n    this.onEndStack.push(fn)\n  }\n  start(\n    fromHeight: HeightAnimationFromHeight,\n    toHeight: HeightAnimationToHeight\n  ) {\n    if (\n      !this.elem ||\n      !(\n        this.isInBrowser &&\n        typeof window.requestAnimationFrame === 'function'\n      )\n    ) {\n      return\n    }\n\n    const opts = this.getOptions()\n    if (opts.animate === false) {\n      return\n    }\n\n    this.stop()\n    this.isAnimating = true\n\n    // make the animation\n    this.reqId1 = window.requestAnimationFrame(() => {\n      if (!this.elem) {\n        return\n      }\n\n      this.elem.style.height = `${fromHeight}px`\n\n      this.reqId2 = window.requestAnimationFrame(() => {\n        if (!this.elem) {\n          return\n        }\n\n        this.elem.style.height = `${toHeight}px`\n      })\n    })\n  }\n  stop() {\n    this.timeouts.forEach((id) => clearTimeout(id))\n    this.timeouts = []\n\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      window.cancelAnimationFrame(this.reqId1)\n      window.cancelAnimationFrame(this.reqId2)\n    }\n  }\n  open() {\n    if (\n      this.state === 'opened' ||\n      this.state === 'opening' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsOpen()\n      return\n    }\n\n    this.setState('opening')\n    this.callAnimationStart()\n\n    const toHeight = this.getUnknownHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.overflowY = ''\n        }\n        this.setState('opened')\n        this.readjust()\n      }\n    })\n\n    this.start(0, toHeight)\n  }\n  close() {\n    if (\n      this.state === 'closed' ||\n      this.state === 'closing' ||\n      this.shouldBypassAnimation()\n    ) {\n      this.setAsClosed()\n      return\n    }\n\n    this.setState('closing')\n    this.callAnimationStart()\n\n    const fromHeight = this.getHeight()\n\n    this.addEndEvent((e) => {\n      if (e.target === e.currentTarget || !e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.visibility = 'hidden'\n          this.elem.style.overflowY = 'clip'\n        }\n        this.setState('closed')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, 0)\n  }\n  adjustTo(\n    fromHeight: HeightAnimationFromHeight = null,\n    toHeight: HeightAnimationToHeight = null\n  ) {\n    const opts = this.getOptions()\n\n    if (\n      !this.elem ||\n      opts.animate === false ||\n      this.state === 'opening' ||\n      this.state === 'closing'\n    ) {\n      return\n    }\n\n    if (fromHeight === 0 || fromHeight === null) {\n      fromHeight = this.getHeight()\n    }\n    if (toHeight === null) {\n      toHeight = this.getUnknownHeight()\n    }\n\n    if (fromHeight === toHeight) {\n      this.setState('adjusted')\n      return\n    }\n\n    this.setState('adjusting')\n    this.callAnimationStart()\n\n    this.addEndEvent((e) => {\n      if (\n        this.state === 'adjusting' &&\n        (e.target === e.currentTarget || !e.currentTarget)\n      ) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n        this.setState('adjusted')\n        this.callAnimationEnd()\n      }\n    })\n\n    this.start(fromHeight, toHeight)\n  }\n  readjust() {\n    const endHeight = this.getHeight()\n\n    if (this.elem) {\n      this.elem.style.height = 'auto'\n    }\n\n    this.__currentHeight = undefined\n    const newHeight = this.getUnknownHeight()\n\n    // If the height has changed during the animation, we need to adjust it\n    if (endHeight !== newHeight) {\n      this.adjustTo(endHeight, newHeight)\n    } else {\n      this.callAnimationEnd()\n    }\n  }\n  /**\n   * Determines whether the animation can finish.\n   * Check for certain states and if the time passed is too short.\n   * With a so short first state change, we do not call animation end.\n   */\n  canFinish() {\n    return Boolean(\n      this.startTime &&\n        Date.now() - this.startTime >\n          (globalThis.animationDuration ?? this.duration)\n    )\n  }\n  /**\n   * Determines whether the animation should be bypassed.\n   * Check for certain states and if the time passed is too short to be correct.\n   * With a very short first state change, we skip animation.\n   */\n  shouldBypassAnimation() {\n    const opts = this.getOptions()\n\n    if (!this.elem || opts.animate === false) {\n      return true\n    }\n\n    if (\n      this.isInBrowser &&\n      (globalThis.IS_TEST || globalThis.bypassTime === -1)\n    ) {\n      return false\n    }\n\n    return Boolean(\n      this.firstTime &&\n        Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/modal/Modal.d.ts

@@ -17,6 +17,7 @@ export declare const ANIMATION_DURATION = 300;
 interface ModalState {
     hide: boolean;
     modalActive: boolean;
+    preventAutoFocus: boolean;
 }
 export type ModalPropTypes = ModalProps & SpacingProps & Omit<ScrollViewAllProps, 'children'>;
 declare class Modal extends React.PureComponent<ModalPropTypes & ToCamelCasePartial<ModalPropTypes>, ModalState> {
@@ -38,6 +39,7 @@ declare class Modal extends React.PureComponent<ModalPropTypes & ToCamelCasePart
     state: {
         hide: boolean;
         modalActive: boolean;
+        preventAutoFocus: boolean;
     };
     static defaultProps: {
         id: any;

package/es/components/modal/Modal.js

@@ -66,7 +66,8 @@ class Modal extends React.PureComponent {
     _defineProperty(this, "isInTransition", void 0);
     _defineProperty(this, "state", {
       hide: false,
-      modalActive: false
+      modalActive: false,
+      preventAutoFocus: true
     });
     _defineProperty(this, "toggleOpenClose", (event = null, showModal = null) => {
       if (event && event.preventDefault) {
@@ -126,7 +127,8 @@ class Modal extends React.PureComponent {
     });
     _defineProperty(this, "handleSideEffects", () => {
       const {
-        modalActive
+        modalActive,
+        preventAutoFocus
       } = this.state;
       const {
         close_modal,
@@ -143,7 +145,7 @@ class Modal extends React.PureComponent {
           }
         }
         this.setActiveState(this._id);
-      } else if (modalActive === false) {
+      } else if (modalActive === false && !preventAutoFocus) {
         var _this$_triggerRef;
         const focus = elem => {
           elem.setAttribute('data-autofocus', 'true');
@@ -169,6 +171,11 @@ class Modal extends React.PureComponent {
         }
         this.removeActiveState();
       }
+      if (preventAutoFocus) {
+        this.setState({
+          preventAutoFocus: false
+        });
+      }
     });
     _defineProperty(this, "open", e => {
       this.toggleOpenClose(e, true);

package/es/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","open_state","_open_state","hide","no_animation","modalActive","constructor","_defineProperty","event","showModal","preventDefault","toggleNow","animation_duration","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","length","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","class","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  classWithCamelCaseProps,\n  ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n  hide: boolean\n  modalActive: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n  SpacingProps &\n  Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n  ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n  ModalState\n> {\n  static contextType = Context\n\n  context!: ContextProps\n\n  static Bar = ModalHeaderBar\n  static Header = ModalHeader\n  static Content = ModalInner\n\n  static getContent(props) {\n    if (typeof props.modal_content === 'string') {\n      return props.modal_content\n    } else if (typeof props.modal_content === 'function') {\n      return props.modal_content(props)\n    }\n    return processChildren(props)\n  }\n\n  _id: string\n  _triggerRef: React.RefObject<any>\n  _onUnmount: Array<() => void>\n  _openTimeout: NodeJS.Timeout\n  _closeTimeout: NodeJS.Timeout\n  _sideEffectsTimeout: NodeJS.Timeout\n  _tryToOpenTimeout: NodeJS.Timeout\n  activeElement: Element\n  isInTransition: boolean\n\n  state = {\n    hide: false,\n    modalActive: false,\n  }\n\n  static defaultProps = {\n    id: null,\n    focus_selector: null,\n    labelled_by: null,\n    title: null,\n    disabled: null,\n    spacing: true,\n    open_delay: null,\n    content_id: null,\n    dialog_title: 'Vindu',\n    close_title: 'Lukk', // Close Modal Window\n    hide_close_button: false,\n    close_button_attributes: null,\n    prevent_close: false,\n    prevent_core_style: false,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n    no_animation_on_mobile: false,\n    fullscreen: 'auto',\n    min_width: null,\n    max_width: null,\n    align_content: 'left',\n    container_placement: null,\n    open_state: null,\n    direct_dom_return: false,\n    class: null,\n    root_id: 'root',\n    omit_trigger_button: false,\n\n    className: null,\n    children: null,\n\n    on_open: null,\n    on_close: null,\n    on_close_prevent: null,\n    open_modal: null,\n    close_modal: null,\n\n    trigger: null,\n    trigger_attributes: null,\n\n    overlay_class: null,\n    content_class: null,\n\n    modal_content: null,\n    header_content: null,\n    bar_content: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.open_state !== state._open_state) {\n      switch (props.open_state) {\n        case 'opened':\n        case true:\n          state.hide = false\n          if (isTrue(props.no_animation)) {\n            state.modalActive = true\n          }\n          break\n        case 'closed':\n        case false:\n          state.hide = true\n          if (isTrue(props.no_animation)) {\n            state.modalActive = false\n          }\n          break\n      }\n    }\n    state._open_state = props.open_state\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId('modal-')\n\n    this._triggerRef = React.createRef()\n\n    this._onUnmount = []\n  }\n\n  componentDidMount() {\n    this.openBasedOnStateUpdate()\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._openTimeout)\n    clearTimeout(this._closeTimeout)\n\n    this.removeActiveState()\n\n    this._onUnmount.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn()\n      }\n    })\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      this.openBasedOnStateUpdate()\n    }\n  }\n\n  openBasedOnStateUpdate() {\n    const { hide } = this.state\n    const { open_state } = this.props\n\n    if (!this.activeElement && typeof document !== 'undefined') {\n      this.activeElement = document.activeElement\n    }\n\n    if (!hide && (open_state === 'opened' || open_state === true)) {\n      this.toggleOpenClose(null, true)\n    } else if (hide && (open_state === 'closed' || open_state === false)) {\n      this.toggleOpenClose(null, false)\n    }\n  }\n\n  toggleOpenClose = (event = null, showModal = null) => {\n    if (event && event.preventDefault) {\n      event.preventDefault()\n    }\n\n    const toggleNow = () => {\n      const {\n        animation_duration = ANIMATION_DURATION,\n        no_animation = false,\n      } = this.props\n      const timeoutDuration =\n        typeof animation_duration === 'string'\n          ? parseFloat(animation_duration)\n          : animation_duration\n\n      const modalActive =\n        typeof showModal === 'boolean'\n          ? showModal\n          : !this.state.modalActive\n\n      this.isInTransition = true\n\n      const doItNow = () => {\n        this.setState(\n          {\n            hide: false,\n            modalActive,\n          },\n          () => {\n            this.isInTransition = false\n            this.handleSideEffects()\n          }\n        )\n      }\n\n      if (modalActive === false && !isTrue(no_animation)) {\n        this.setState({\n          hide: true,\n        })\n\n        this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n      } else {\n        doItNow()\n      }\n    }\n\n    const waitBeforeOpen = () => {\n      const { open_delay, no_animation } = this.props\n      const delay =\n        typeof open_delay === 'string'\n          ? parseFloat(open_delay)\n          : open_delay\n      if (delay > 0 && !isTrue(no_animation)) {\n        this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n      } else {\n        toggleNow()\n      }\n    }\n\n    clearTimeout(this._closeTimeout)\n    clearTimeout(this._openTimeout)\n\n    const { open_modal } = this.props\n    if (typeof open_modal === 'function') {\n      const fn = open_modal(waitBeforeOpen, this)\n      if (fn) {\n        this._onUnmount.push(fn)\n      }\n    } else {\n      waitBeforeOpen()\n    }\n  }\n\n  handleSideEffects = () => {\n    const { modalActive } = this.state\n    const { close_modal, open_state, animation_duration } = this.props\n\n    if (modalActive) {\n      if (typeof close_modal === 'function') {\n        const fn = close_modal(() => {\n          this.toggleOpenClose(null, false)\n        }, this)\n        if (fn) {\n          this._onUnmount.push(fn)\n        }\n      }\n\n      this.setActiveState(this._id)\n    } else if (modalActive === false) {\n      const focus = (elem: HTMLElement) => {\n        // So we can omit showing a Tooltip on the trigger button\n        elem.setAttribute('data-autofocus', 'true')\n\n        elem.focus({ preventScroll: true })\n\n        return new Promise<void>((resolve) => {\n          setTimeout(\n            () => {\n              elem?.removeAttribute('data-autofocus')\n              resolve()\n            },\n            parseFloat(String(animation_duration)) / 3\n          )\n        })\n      }\n\n      if (this._triggerRef?.current) {\n        focus(this._triggerRef.current)\n      }\n\n      // because the open_state was set to opened, we force\n      if (\n        (open_state === 'opened' || open_state === true) &&\n        this.activeElement instanceof HTMLElement\n      ) {\n        try {\n          focus(this.activeElement).then(() => {\n            this.activeElement = null\n          })\n        } catch (e) {\n          //\n        }\n      }\n\n      this.removeActiveState()\n    }\n  }\n\n  open = (e: Event) => {\n    this.toggleOpenClose(e, true)\n  }\n\n  close = (\n    event: Event,\n    { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n  ) => {\n    const { prevent_close = false } = this.props\n\n    if (isTrue(prevent_close)) {\n      const id = this._id\n      dispatchCustomElementEvent(this, 'on_close_prevent', {\n        id,\n        event,\n        triggeredBy,\n        close: (e) => {\n          this.toggleOpenClose(e, false)\n        },\n      })\n    } else {\n      if (ifIsLatest) {\n        const list = getListOfModalRoots()\n        if (list.length > 1) {\n          const last = getModalRoot(-1)\n          if (last !== this) {\n            return // stop here\n          }\n        }\n      }\n\n      this.toggleOpenClose(event, false)\n    }\n  }\n\n  removeActiveState() {\n    const last = getModalRoot(-1)\n\n    // If this instance is not the last one,\n    // make the current one to as the active one\n    if (last?._id && last._id !== this._id) {\n      return this.setActiveState(last._id)\n    }\n\n    try {\n      document.documentElement.removeAttribute('data-dnb-modal-active')\n    } catch (e) {\n      warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n    }\n  }\n\n  /**\n   * Prevent scrolling on the background\n   * But checks if this instance was the last one or not\n   *\n   * @param {string} modalId Will remove the attribute if false is given\n   */\n  setActiveState(modalId: string) {\n    if (!modalId) {\n      warn('Modal: A valid modalId is required')\n    }\n    // prevent scrolling on the background\n    if (typeof document !== 'undefined') {\n      try {\n        document.documentElement.setAttribute(\n          'data-dnb-modal-active',\n          modalId\n        )\n      } catch (e) {\n        warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n      }\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Modal.defaultProps,\n      this.context.getTranslation(this.props).Modal,\n      this.context.Modal\n    )\n\n    const {\n      root_id = 'root',\n      content_id = null,\n      disabled = null,\n      labelled_by = null,\n      focus_selector = null,\n      header_content = null,\n      bar_content = null,\n      bypass_invalidation_selectors = null,\n\n      id, // eslint-disable-line\n      open_state, // eslint-disable-line\n      open_delay, // eslint-disable-line\n\n      omit_trigger_button = false,\n      trigger = null,\n      trigger_attributes = null,\n      ...rest\n    } = props\n\n    const { hide, modalActive } = this.state\n    const modal_content = Modal.getContent(\n      typeof this.props.children === 'function'\n        ? Object.freeze({ ...this.props, close: this.close })\n        : this.props\n    )\n\n    const render = (suffixProps) => {\n      const triggerAttributes = {\n        hidden: false,\n        variant: 'secondary',\n        icon_position: 'left',\n        ...trigger_attributes,\n      } as ButtonProps\n\n      if (isTrue(disabled)) {\n        triggerAttributes.disabled = true\n      }\n\n      if (triggerAttributes.id) {\n        this._id = triggerAttributes.id\n      }\n\n      let fallbackTitle: string\n      if (triggerAttributes.title) {\n        fallbackTitle = triggerAttributes.title\n      }\n      // in case the modal is used in suffix and no title is given\n      // suffixProps.label is also available, so we could use that too\n      else if (suffixProps) {\n        fallbackTitle = this.context.translation.HelpButton.title\n      }\n\n      const TriggerButton = trigger\n        ? (trigger as React.FC)\n        : HelpButtonInstance\n\n      const title = (\n        !triggerAttributes.text ? rest.title || fallbackTitle : null\n      ) as string\n\n      return (\n        <>\n          {TriggerButton && !isTrue(omit_trigger_button) && (\n            <TriggerButton\n              {...triggerAttributes}\n              id={this._id}\n              title={title}\n              onClick={this.toggleOpenClose}\n              innerRef={this._triggerRef}\n              className={classnames(\n                'dnb-modal__trigger',\n                createSpacingClasses(props),\n                triggerAttributes.class,\n                triggerAttributes.className\n              )}\n            />\n          )}\n\n          {modalActive && modal_content && (\n            <ModalRoot\n              {...rest}\n              id={this._id}\n              root_id={root_id}\n              content_id={content_id || `dnb-modal-${this._id}`}\n              labelled_by={labelled_by}\n              focus_selector={focus_selector}\n              modal_content={modal_content}\n              header_content={header_content}\n              bar_content={bar_content}\n              bypass_invalidation_selectors={bypass_invalidation_selectors}\n              close={this.close}\n              hide={hide}\n              title={rest.title || fallbackTitle}\n            />\n          )}\n        </>\n      )\n    }\n\n    return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n  }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","open_state","_open_state","hide","no_animation","modalActive","constructor","_defineProperty","preventAutoFocus","event","showModal","preventDefault","toggleNow","animation_duration","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","length","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","class","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  classWithCamelCaseProps,\n  ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n  hide: boolean\n  modalActive: boolean\n  preventAutoFocus: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n  SpacingProps &\n  Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n  ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n  ModalState\n> {\n  static contextType = Context\n\n  context!: ContextProps\n\n  static Bar = ModalHeaderBar\n  static Header = ModalHeader\n  static Content = ModalInner\n\n  static getContent(props) {\n    if (typeof props.modal_content === 'string') {\n      return props.modal_content\n    } else if (typeof props.modal_content === 'function') {\n      return props.modal_content(props)\n    }\n    return processChildren(props)\n  }\n\n  _id: string\n  _triggerRef: React.RefObject<any>\n  _onUnmount: Array<() => void>\n  _openTimeout: NodeJS.Timeout\n  _closeTimeout: NodeJS.Timeout\n  _sideEffectsTimeout: NodeJS.Timeout\n  _tryToOpenTimeout: NodeJS.Timeout\n  activeElement: Element\n  isInTransition: boolean\n\n  state = {\n    hide: false,\n    modalActive: false,\n    preventAutoFocus: true,\n  }\n\n  static defaultProps = {\n    id: null,\n    focus_selector: null,\n    labelled_by: null,\n    title: null,\n    disabled: null,\n    spacing: true,\n    open_delay: null,\n    content_id: null,\n    dialog_title: 'Vindu',\n    close_title: 'Lukk', // Close Modal Window\n    hide_close_button: false,\n    close_button_attributes: null,\n    prevent_close: false,\n    prevent_core_style: false,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n    no_animation_on_mobile: false,\n    fullscreen: 'auto',\n    min_width: null,\n    max_width: null,\n    align_content: 'left',\n    container_placement: null,\n    open_state: null,\n    direct_dom_return: false,\n    class: null,\n    root_id: 'root',\n    omit_trigger_button: false,\n\n    className: null,\n    children: null,\n\n    on_open: null,\n    on_close: null,\n    on_close_prevent: null,\n    open_modal: null,\n    close_modal: null,\n\n    trigger: null,\n    trigger_attributes: null,\n\n    overlay_class: null,\n    content_class: null,\n\n    modal_content: null,\n    header_content: null,\n    bar_content: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.open_state !== state._open_state) {\n      switch (props.open_state) {\n        case 'opened':\n        case true:\n          state.hide = false\n          if (isTrue(props.no_animation)) {\n            state.modalActive = true\n          }\n          break\n        case 'closed':\n        case false:\n          state.hide = true\n          if (isTrue(props.no_animation)) {\n            state.modalActive = false\n          }\n          break\n      }\n    }\n    state._open_state = props.open_state\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId('modal-')\n\n    this._triggerRef = React.createRef()\n\n    this._onUnmount = []\n  }\n\n  componentDidMount() {\n    this.openBasedOnStateUpdate()\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._openTimeout)\n    clearTimeout(this._closeTimeout)\n\n    this.removeActiveState()\n\n    this._onUnmount.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn()\n      }\n    })\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      this.openBasedOnStateUpdate()\n    }\n  }\n\n  openBasedOnStateUpdate() {\n    const { hide } = this.state\n    const { open_state } = this.props\n\n    if (!this.activeElement && typeof document !== 'undefined') {\n      this.activeElement = document.activeElement\n    }\n\n    if (!hide && (open_state === 'opened' || open_state === true)) {\n      this.toggleOpenClose(null, true)\n    } else if (hide && (open_state === 'closed' || open_state === false)) {\n      this.toggleOpenClose(null, false)\n    }\n  }\n\n  toggleOpenClose = (event = null, showModal = null) => {\n    if (event && event.preventDefault) {\n      event.preventDefault()\n    }\n\n    const toggleNow = () => {\n      const {\n        animation_duration = ANIMATION_DURATION,\n        no_animation = false,\n      } = this.props\n      const timeoutDuration =\n        typeof animation_duration === 'string'\n          ? parseFloat(animation_duration)\n          : animation_duration\n\n      const modalActive =\n        typeof showModal === 'boolean'\n          ? showModal\n          : !this.state.modalActive\n\n      this.isInTransition = true\n\n      const doItNow = () => {\n        this.setState(\n          {\n            hide: false,\n            modalActive,\n          },\n          () => {\n            this.isInTransition = false\n            this.handleSideEffects()\n          }\n        )\n      }\n\n      if (modalActive === false && !isTrue(no_animation)) {\n        this.setState({\n          hide: true,\n        })\n\n        this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n      } else {\n        doItNow()\n      }\n    }\n\n    const waitBeforeOpen = () => {\n      const { open_delay, no_animation } = this.props\n      const delay =\n        typeof open_delay === 'string'\n          ? parseFloat(open_delay)\n          : open_delay\n      if (delay > 0 && !isTrue(no_animation)) {\n        this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n      } else {\n        toggleNow()\n      }\n    }\n\n    clearTimeout(this._closeTimeout)\n    clearTimeout(this._openTimeout)\n\n    const { open_modal } = this.props\n    if (typeof open_modal === 'function') {\n      const fn = open_modal(waitBeforeOpen, this)\n      if (fn) {\n        this._onUnmount.push(fn)\n      }\n    } else {\n      waitBeforeOpen()\n    }\n  }\n\n  handleSideEffects = () => {\n    const { modalActive, preventAutoFocus } = this.state\n    const { close_modal, open_state, animation_duration } = this.props\n\n    if (modalActive) {\n      if (typeof close_modal === 'function') {\n        const fn = close_modal(() => {\n          this.toggleOpenClose(null, false)\n        }, this)\n        if (fn) {\n          this._onUnmount.push(fn)\n        }\n      }\n      this.setActiveState(this._id)\n    } else if (modalActive === false && !preventAutoFocus) {\n      const focus = (elem: HTMLElement) => {\n        // So we can omit showing a Tooltip on the trigger button\n        elem.setAttribute('data-autofocus', 'true')\n        elem.focus({ preventScroll: true })\n\n        return new Promise<void>((resolve) => {\n          setTimeout(\n            () => {\n              elem?.removeAttribute('data-autofocus')\n              resolve()\n            },\n            parseFloat(String(animation_duration)) / 3\n          )\n        })\n      }\n\n      if (this._triggerRef?.current) {\n        focus(this._triggerRef.current)\n      }\n\n      // because the open_state was set to opened, we force\n      if (\n        (open_state === 'opened' || open_state === true) &&\n        this.activeElement instanceof HTMLElement\n      ) {\n        try {\n          focus(this.activeElement).then(() => {\n            this.activeElement = null\n          })\n        } catch (e) {\n          //\n        }\n      }\n\n      this.removeActiveState()\n    }\n\n    if (preventAutoFocus) {\n      this.setState({ preventAutoFocus: false })\n    }\n  }\n\n  open = (e: Event) => {\n    this.toggleOpenClose(e, true)\n  }\n\n  close = (\n    event: Event,\n    { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n  ) => {\n    const { prevent_close = false } = this.props\n\n    if (isTrue(prevent_close)) {\n      const id = this._id\n      dispatchCustomElementEvent(this, 'on_close_prevent', {\n        id,\n        event,\n        triggeredBy,\n        close: (e) => {\n          this.toggleOpenClose(e, false)\n        },\n      })\n    } else {\n      if (ifIsLatest) {\n        const list = getListOfModalRoots()\n        if (list.length > 1) {\n          const last = getModalRoot(-1)\n          if (last !== this) {\n            return // stop here\n          }\n        }\n      }\n\n      this.toggleOpenClose(event, false)\n    }\n  }\n\n  removeActiveState() {\n    const last = getModalRoot(-1)\n\n    // If this instance is not the last one,\n    // make the current one to as the active one\n    if (last?._id && last._id !== this._id) {\n      return this.setActiveState(last._id)\n    }\n\n    try {\n      document.documentElement.removeAttribute('data-dnb-modal-active')\n    } catch (e) {\n      warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n    }\n  }\n\n  /**\n   * Prevent scrolling on the background\n   * But checks if this instance was the last one or not\n   *\n   * @param {string} modalId Will remove the attribute if false is given\n   */\n  setActiveState(modalId: string) {\n    if (!modalId) {\n      warn('Modal: A valid modalId is required')\n    }\n    // prevent scrolling on the background\n    if (typeof document !== 'undefined') {\n      try {\n        document.documentElement.setAttribute(\n          'data-dnb-modal-active',\n          modalId\n        )\n      } catch (e) {\n        warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n      }\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Modal.defaultProps,\n      this.context.getTranslation(this.props).Modal,\n      this.context.Modal\n    )\n\n    const {\n      root_id = 'root',\n      content_id = null,\n      disabled = null,\n      labelled_by = null,\n      focus_selector = null,\n      header_content = null,\n      bar_content = null,\n      bypass_invalidation_selectors = null,\n\n      id, // eslint-disable-line\n      open_state, // eslint-disable-line\n      open_delay, // eslint-disable-line\n\n      omit_trigger_button = false,\n      trigger = null,\n      trigger_attributes = null,\n      ...rest\n    } = props\n\n    const { hide, modalActive } = this.state\n    const modal_content = Modal.getContent(\n      typeof this.props.children === 'function'\n        ? Object.freeze({ ...this.props, close: this.close })\n        : this.props\n    )\n\n    const render = (suffixProps) => {\n      const triggerAttributes = {\n        hidden: false,\n        variant: 'secondary',\n        icon_position: 'left',\n        ...trigger_attributes,\n      } as ButtonProps\n\n      if (isTrue(disabled)) {\n        triggerAttributes.disabled = true\n      }\n\n      if (triggerAttributes.id) {\n        this._id = triggerAttributes.id\n      }\n\n      let fallbackTitle: string\n      if (triggerAttributes.title) {\n        fallbackTitle = triggerAttributes.title\n      }\n      // in case the modal is used in suffix and no title is given\n      // suffixProps.label is also available, so we could use that too\n      else if (suffixProps) {\n        fallbackTitle = this.context.translation.HelpButton.title\n      }\n\n      const TriggerButton = trigger\n        ? (trigger as React.FC)\n        : HelpButtonInstance\n\n      const title = (\n        !triggerAttributes.text ? rest.title || fallbackTitle : null\n      ) as string\n\n      return (\n        <>\n          {TriggerButton && !isTrue(omit_trigger_button) && (\n            <TriggerButton\n              {...triggerAttributes}\n              id={this._id}\n              title={title}\n              onClick={this.toggleOpenClose}\n              innerRef={this._triggerRef}\n              className={classnames(\n                'dnb-modal__trigger',\n                createSpacingClasses(props),\n                triggerAttributes.class,\n                triggerAttributes.className\n              )}\n            />\n          )}\n\n          {modalActive && modal_content && (\n            <ModalRoot\n              {...rest}\n              id={this._id}\n              root_id={root_id}\n              content_id={content_id || `dnb-modal-${this._id}`}\n              labelled_by={labelled_by}\n              focus_selector={focus_selector}\n              modal_content={modal_content}\n              header_content={header_content}\n              bar_content={bar_content}\n              bypass_invalidation_selectors={bypass_invalidation_selectors}\n              close={this.close}\n              hide={hide}\n              title={rest.title || fallbackTitle}\n            />\n          )}\n        </>\n      )\n    }\n\n    return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n  }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}

package/es/extensions/forms/DataContext/Context.d.ts

@@ -42,7 +42,7 @@ export interface ContextState {
     checkFieldStateFor: (path: Path, state: SubmitState) => boolean;
     setFieldState: (path: Path, fieldState: SubmitState) => void;
     setFieldError: (path: Path, error: Error | FormError) => void;
-    mountedFieldPaths: string[];
+    fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>;
     handleMountField: (path: Path) => void;
     handleUnMountField: (path: Path) => void;
     formState: SubmitState;
@@ -64,6 +64,7 @@ export interface ContextState {
     submitState: Partial<EventStateObject>;
     _isInsideFormElement?: boolean;
     props: ProviderProps<unknown>;
+    fieldProps?: Record<Path, unknown>;
 }
 export declare const defaultContextState: ContextState;
 declare const Context: React.Context<ContextState>;

package/es/extensions/forms/DataContext/Context.js

@@ -19,7 +19,6 @@ export const defaultContextState = {
   setFieldEventListener: () => null,
   handleSubmitCall: () => null,
   setShowAllErrors: () => null,
-  mountedFieldPaths: [],
   handleMountField: () => null,
   handleUnMountField: () => null,
   hasErrors: () => false,

package/es/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldState","checkFieldStateFor","setFieldState","setFieldError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","props","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  Identifier,\n  FieldProps,\n  FormError,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport type EventListenerCall = {\n  path: Path\n  type: 'onSubmit'\n  callback: () => any\n}\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => boolean | undefined\nexport type TransformData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => any\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (path: Path, value: any) => void\n  setData: (data: any) => void\n  mutateDataHandler?: (data: any, mutate: TransformData) => any\n  filterDataHandler?: (data: any, filter: FilterData) => any\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  checkFieldStateFor: (path: Path, state: SubmitState) => boolean\n  setFieldState: (path: Path, fieldState: SubmitState) => void\n  setFieldError: (path: Path, error: Error | FormError) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  formState: SubmitState\n  setFormState?: (state: SubmitState) => void\n  setSubmitState?: (state: EventStateObject) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehaviour,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehaviour: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => void\n  setFieldEventListener: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setProps: (path: Path, props: any) => void\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  _isInsideFormElement?: boolean\n  props: ProviderProps<unknown>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  setFieldEventListener: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  checkFieldStateFor: () => false,\n  setFieldState: () => null,\n  setFieldError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AAkHnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,SAAS,EAAEX,SAAS;EACpBY,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,qBAAqB,EAAEA,CAAA,KAAM,IAAI;EACjCC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,kBAAkB,EAAEA,CAAA,KAAM,KAAK;EAC/BC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAE9B,eAAe,CAAC,CAAC;EAC9B+B,oBAAoB,EAAE3B,SAAS;EAC/B4B,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGnC,KAAK,CAACoC,aAAa,CAAelC,mBAAmB,CAAC;AAEtE,eAAeiC,OAAO"}
+{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","handleMountField","handleUnMountField","hasErrors","hasFieldState","checkFieldStateFor","setFieldState","setFieldError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","props","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  Identifier,\n  FieldProps,\n  FormError,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport type EventListenerCall = {\n  path: Path\n  type: 'onSubmit'\n  callback: () => any\n}\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => boolean | undefined\nexport type TransformData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => any\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (path: Path, value: any) => void\n  setData: (data: any) => void\n  mutateDataHandler?: (data: any, mutate: TransformData) => any\n  filterDataHandler?: (data: any, filter: FilterData) => any\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  checkFieldStateFor: (path: Path, state: SubmitState) => boolean\n  setFieldState: (path: Path, fieldState: SubmitState) => void\n  setFieldError: (path: Path, error: Error | FormError) => void\n  fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  formState: SubmitState\n  setFormState?: (state: SubmitState) => void\n  setSubmitState?: (state: EventStateObject) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehaviour,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehaviour: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => void\n  setFieldEventListener: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setProps: (path: Path, props: any) => void\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  _isInsideFormElement?: boolean\n  props: ProviderProps<unknown>\n  fieldProps?: Record<Path, unknown>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  setFieldEventListener: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  checkFieldStateFor: () => false,\n  setFieldState: () => null,\n  setFieldError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AAkHnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,SAAS,EAAEX,SAAS;EACpBY,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,qBAAqB,EAAEA,CAAA,KAAM,IAAI;EACjCC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,kBAAkB,EAAEA,CAAA,KAAM,KAAK;EAC/BC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAE7B,eAAe,CAAC,CAAC;EAC9B8B,oBAAoB,EAAE1B,SAAS;EAC/B2B,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGlC,KAAK,CAACmC,aAAa,CAAejC,mBAAmB,CAAC;AAEtE,eAAegC,OAAO"}

package/es/extensions/forms/DataContext/Provider/Provider.js

@@ -516,8 +516,9 @@ export default function Provider(props) {
       hasContext: true,
       errors: errorsRef.current,
       showAllErrors: showAllErrorsRef.current,
-      mountedFieldPaths: mountedFieldPathsRef.current,
+      fieldPropsRef,
       ajvInstance: ajvRef.current,
+      fieldProps: fieldPropsRef.current,
       id,
       data: internalDataRef.current,
       props