@rws-aoa/react-library 9.1.0 → 9.2.0

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js

@@ -1,56 +1,69 @@
-import { jsx as K, jsxs as L } from "react/jsx-runtime";
-import { c as O } from "../../../chunks/compiler-runtime.BNHg76kC.js";
-function M(j) {
-  const e = O.c(35), {
-    rows: d,
-    columns: a,
-    width: R,
-    height: G,
-    cells: E,
-    blocks: P,
-    boundaries: A,
-    cellClickHandler: N,
-    blockClickHandler: S
+import { jsx as O, jsxs as J } from "react/jsx-runtime";
+import { c as K } from "../../../chunks/compiler-runtime.BNHg76kC.js";
+function V(j) {
+  const e = K.c(41), {
+    rows: n,
+    columns: f,
+    width: k,
+    height: q,
+    cells: R,
+    blocks: b,
+    boundaries: S,
+    cellClickHandler: z,
+    blockClickHandler: A
   } = j;
+  let m;
+  e[0] !== R ? (m = (t, r) => R.find((i) => i.row === t && i.column === r), e[0] = R, e[1] = m) : m = e[1];
+  const l = m;
+  let p;
+  e[2] !== l ? (p = (t, r) => {
+    const i = l(t, r);
+    return i === void 0 ? "" : i.value;
+  }, e[2] = l, e[3] = p) : p = e[3];
+  const _ = p;
   let u;
-  e[0] !== E ? (u = (i, r) => E.find((t) => t.row === i && t.column === r), e[0] = E, e[1] = u) : u = e[1];
-  const s = u;
-  let h;
-  e[2] !== s ? (h = (i, r) => {
-    const t = s(i, r);
-    return t === void 0 ? "" : t.value;
-  }, e[2] = s, e[3] = h) : h = e[3];
-  const T = h, o = q;
-  let y;
-  e[4] !== N ? (y = (i, r, t) => N(i, r, t), e[4] = N, e[5] = y) : y = e[5];
-  const f = y;
+  e[4] !== l ? (u = (t, r) => {
+    const i = l(t, r);
+    return i === void 0 ? "center" : i.alignment;
+  }, e[4] = l, e[5] = u) : u = e[5];
+  const E = u;
   let C;
-  e[6] !== S ? (C = (i, r, t) => S(i, r, t), e[6] = S, e[7] = C) : C = e[7];
-  const m = C;
-  let w;
-  e[8] !== a || e[9] !== s || e[10] !== f || e[11] !== T || e[12] !== d ? (w = () => Array.from({
-    length: d
-  }, (i, r) => Array.from({
-    length: a
-  }, (t, l) => /* @__PURE__ */ K("div", { className: "data-grid-cell", onClick: () => f(r, l, s(r, l)), onKeyDown: () => f(r, l, s(r, l)), onTouchEnd: () => f(r, l, s(r, l)), role: "gridcell", style: {
+  e[6] !== l ? (C = (t, r) => {
+    const i = l(t, r);
+    return i === void 0 ? 12 : i.fontSize;
+  }, e[6] = l, e[7] = C) : C = e[7];
+  const N = C, o = M;
+  let y;
+  e[8] !== z ? (y = (t, r, i) => z?.(t, r, i), e[8] = z, e[9] = y) : y = e[9];
+  const P = y;
+  let x;
+  e[10] !== A ? (x = (t, r, i) => A?.(t, r, i), e[10] = A, e[11] = x) : x = e[11];
+  const B = x;
+  let h;
+  e[12] !== f || e[13] !== l || e[14] !== P || e[15] !== E || e[16] !== _ || e[17] !== N || e[18] !== n ? (h = () => Array.from({
+    length: n
+  }, (t, r) => Array.from({
+    length: f
+  }, (i, s) => /* @__PURE__ */ O("div", { className: "data-grid-cell", onDoubleClick: () => P(r, s, l(r, s)), role: "gridcell", style: {
     display: "flex",
     gridRow: r + 1,
-    gridColumn: l + 1,
-    justifyContent: "center",
+    gridColumn: s + 1,
+    justifyContent: E(r, s),
     alignItems: "center",
     borderBottom: `1px solid ${o("rijks-grey-7")}`,
-    borderLeft: l % 10 === 0 ? `2px solid ${o("rijks-grey-7")}` : `1px dashed ${o("rijks-grey-2")}`,
-    backgroundColor: "white"
-  }, tabIndex: 0, children: T(r, l) }, `${r}-${l}`))), e[8] = a, e[9] = s, e[10] = f, e[11] = T, e[12] = d, e[13] = w) : w = e[13];
-  const k = w;
+    borderLeft: s % 10 === 0 ? `2px solid ${o("rijks-grey-7")}` : `1px dashed ${o("rijks-grey-4")}`,
+    backgroundColor: s % 2 === 0 ? o("rijks-grey-1") : "#ffffff",
+    fontSize: N(r, s)
+  }, tabIndex: 0, children: _(r, s) }, `${r}-${s}`))), e[12] = f, e[13] = l, e[14] = P, e[15] = E, e[16] = _, e[17] = N, e[18] = n, e[19] = h) : h = e[19];
+  const H = h;
   let $;
-  e[14] !== P || e[15] !== m ? ($ = () => P.map((i, r) => /* @__PURE__ */ K("div", { className: "data-grid-block", onClick: () => m(i.row, i.startPosition, i), onKeyDown: () => m(i.row, i.startPosition, i), onTouchEnd: () => m(i.row, i.startPosition, i), role: "gridcell", style: {
-    gridRow: i.row + 1,
+  e[20] !== b || e[21] !== B ? ($ = () => b.map((t, r) => /* @__PURE__ */ O("div", { className: "data-grid-block", onDoubleClick: () => B(t.row, t.startPosition, t), role: "gridcell", style: {
+    gridRow: t.row + 1,
     zIndex: 10,
-    gridColumnStart: i.startPosition + 1,
-    gridColumnEnd: i.endPosition + 1,
-    gridRowStart: i.row + 1,
-    gridRowEnd: i.row + 1,
+    gridColumnStart: t.startPosition + 1,
+    gridColumnEnd: t.endPosition + 1,
+    gridRowStart: t.row + 1,
+    gridRowEnd: t.row + 1,
     textAlign: "left",
     display: "flex",
     textOverflow: "clip",
@@ -60,49 +73,48 @@ function M(j) {
     boxShadow: `1px 1px 1px ${o("rijks-grey-7")}`,
     overflow: "hidden",
     opacity: 0.8,
-    backgroundImage: `linear-gradient(180deg, ${o(i.color)}, color-mix(in srgb, ${o(i.color)}, #000000 5%))`
-  }, tabIndex: 0, children: i.value }, r)), e[14] = P, e[15] = m, e[16] = $) : $ = e[16];
-  const B = $;
-  let x;
-  e[17] !== A || e[18] !== d ? (x = () => A.map((i, r) => /* @__PURE__ */ K("div", { className: "data-grid-boundary", style: {
+    backgroundImage: `linear-gradient(180deg, ${o(t.color)}, color-mix(in srgb, ${o(t.color)}, #000000 10%))`
+  }, tabIndex: 0, children: t.value }, r)), e[20] = b, e[21] = B, e[22] = $) : $ = e[22];
+  const T = $;
+  let v;
+  e[23] !== S || e[24] !== n ? (v = () => S.map((t, r) => /* @__PURE__ */ O("div", { className: "data-grid-boundary", style: {
     zIndex: 20,
-    gridColumn: i.startPosition + 1,
+    gridColumn: t.startPosition + 1,
     gridRowStart: 1,
-    gridRowEnd: d + 1,
+    gridRowEnd: n + 1,
     textAlign: "left",
     display: "flex",
-    width: `${i.width}px`,
+    width: `${t.width}px`,
     position: "relative",
-    left: `-${i.width / 2}px`,
-    backgroundColor: o(i.color)
-  } }, r)), e[17] = A, e[18] = d, e[19] = x) : x = e[19];
-  const _ = x, z = `repeat(${a}, 1fr)`, H = `${G}px`;
-  let n;
-  e[20] !== z || e[21] !== H || e[22] !== R ? (n = {
+    backgroundColor: o(t.color)
+  } }, r)), e[23] = S, e[24] = n, e[25] = v) : v = e[25];
+  const F = v, G = `repeat(${f}, 1fr)`, L = `${q}px`;
+  let d;
+  e[26] !== G || e[27] !== L || e[28] !== k ? (d = {
     display: "grid",
-    gridTemplateColumns: z,
+    gridTemplateColumns: G,
     gridTemplateRows: "auto",
     border: `1px solid ${o("rijks-grey-7")}`,
-    width: R,
-    height: H
-  }, e[20] = z, e[21] = H, e[22] = R, e[23] = n) : n = e[23];
+    width: k,
+    height: L
+  }, e[26] = G, e[27] = L, e[28] = k, e[29] = d) : d = e[29];
   let g;
-  e[24] !== k ? (g = k(), e[24] = k, e[25] = g) : g = e[25];
-  let p;
-  e[26] !== B ? (p = B(), e[26] = B, e[27] = p) : p = e[27];
+  e[30] !== H ? (g = H(), e[30] = H, e[31] = g) : g = e[31];
+  let a;
+  e[32] !== T ? (a = T(), e[32] = T, e[33] = a) : a = e[33];
   let c;
-  e[28] !== _ ? (c = _(), e[28] = _, e[29] = c) : c = e[29];
-  let v;
-  return e[30] !== n || e[31] !== g || e[32] !== p || e[33] !== c ? (v = /* @__PURE__ */ L("div", { className: "data-grid-container", style: n, children: [
+  e[34] !== F ? (c = F(), e[34] = F, e[35] = c) : c = e[35];
+  let w;
+  return e[36] !== d || e[37] !== g || e[38] !== a || e[39] !== c ? (w = /* @__PURE__ */ J("div", { className: "data-grid-container", style: d, children: [
     g,
-    p,
+    a,
     c
-  ] }), e[30] = n, e[31] = g, e[32] = p, e[33] = c, e[34] = v) : v = e[34], v;
+  ] }), e[36] = d, e[37] = g, e[38] = a, e[39] = c, e[40] = w) : w = e[40], w;
 }
-function q(j) {
+function M(j) {
   return `var(--color-${j})`;
 }
 export {
-  M as IvonDataGrid
+  V as IvonDataGrid
 };
 //# sourceMappingURL=IvonDataGrid.js.map

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"IvonDataGrid.js","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"sourcesContent":["export interface IvonDataGridBlockData {\n  color: string;\n  endPosition: number;\n  row: number;\n  startPosition: number;\n  value: string;\n}\n\nexport interface IvonDataGridBoundaryData {\n  color: string;\n  startPosition: number;\n  width: number;\n}\n\nexport interface IvonDataGridCellData {\n  column: number;\n  row: number;\n  value: string;\n}\n\ninterface IvonDataGridProps {\n  blockClickHandler(this: void, row: number, column: number, data: IvonDataGridBlockData): void;\n  readonly blocks: IvonDataGridBlockData[];\n  readonly boundaries: IvonDataGridBoundaryData[];\n  cellClickHandler(this: void, row: number, column: number, data?: IvonDataGridCellData): void;\n  readonly cells: IvonDataGridCellData[];\n  readonly columns: number;\n  readonly height: number;\n  readonly rows: number;\n  readonly width: string;\n}\n\nexport function IvonDataGrid({ rows, columns, width, height, cells, blocks, boundaries, cellClickHandler, blockClickHandler }: IvonDataGridProps) {\n  const findCell = (row: number, column: number) => {\n    return cells.find((cell) => cell.row === row && cell.column === column);\n  };\n\n  const renderCellData = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? '' : data.value;\n  };\n\n  const styleColor = (colorVariable: string) => {\n    return `var(--color-${colorVariable})`;\n  };\n\n  const gridCellClicked = (row: number, column: number, data?: IvonDataGridCellData) => cellClickHandler(row, column, data);\n  const gridItemClicked = (row: number, column: number, data: IvonDataGridBlockData) => blockClickHandler(row, column, data);\n\n  const renderCells = () => {\n    return Array.from({ length: rows }, (_index1, rowIndex) =>\n      Array.from({ length: columns }, (_index2, colIndex) => (\n        <div\n          className='data-grid-cell'\n          key={`${rowIndex}-${colIndex}`}\n          onClick={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          onKeyDown={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          onTouchEnd={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          role='gridcell'\n          style={{\n            display: 'flex',\n            gridRow: rowIndex + 1,\n            gridColumn: colIndex + 1,\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderBottom: `1px solid ${styleColor('rijks-grey-7')}`,\n            borderLeft: colIndex % 10 === 0 ? `2px solid ${styleColor('rijks-grey-7')}` : `1px dashed ${styleColor('rijks-grey-2')}`,\n            backgroundColor: 'white'\n          }}\n          tabIndex={0}\n        >\n          {renderCellData(rowIndex, colIndex)}\n        </div>\n      ))\n    );\n  };\n\n  const renderBlocks = () => {\n    return blocks.map((blockData, index) => (\n      <div\n        className='data-grid-block'\n        key={index}\n        onClick={() => gridItemClicked(blockData.row, blockData.startPosition, blockData)}\n        onKeyDown={() => gridItemClicked(blockData.row, blockData.startPosition, blockData)}\n        onTouchEnd={() => gridItemClicked(blockData.row, blockData.startPosition, blockData)}\n        role='gridcell'\n        style={{\n          gridRow: blockData.row + 1,\n          zIndex: 10,\n          gridColumnStart: blockData.startPosition + 1,\n          gridColumnEnd: blockData.endPosition + 1,\n          gridRowStart: blockData.row + 1,\n          gridRowEnd: blockData.row + 1,\n          textAlign: 'left',\n          display: 'flex',\n          textOverflow: 'clip',\n          padding: '5px',\n          borderRadius: '4px',\n          border: `1px solid ${styleColor('rijks-grey-7')}`,\n          boxShadow: `1px 1px 1px ${styleColor('rijks-grey-7')}`,\n          overflow: 'hidden',\n          opacity: 0.8,\n          backgroundImage: `linear-gradient(180deg, ${styleColor(blockData.color)}, color-mix(in srgb, ${styleColor(blockData.color)}, #000000 5%))`\n        }}\n        tabIndex={0}\n      >\n        {blockData.value}\n      </div>\n    ));\n  };\n\n  const renderBoundaries = () => {\n    return boundaries.map((boundaryData, index) => (\n      <div\n        className='data-grid-boundary'\n        key={index}\n        style={{\n          zIndex: 20,\n          gridColumn: boundaryData.startPosition + 1,\n          gridRowStart: 1,\n          gridRowEnd: rows + 1,\n          textAlign: 'left',\n          display: 'flex',\n          width: `${boundaryData.width}px`,\n          position: 'relative',\n          left: `-${boundaryData.width / 2}px`,\n          backgroundColor: styleColor(boundaryData.color)\n        }}\n      />\n    ));\n  };\n\n  return (\n    <div\n      className='data-grid-container'\n      style={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n        gridTemplateRows: 'auto',\n        border: `1px solid ${styleColor('rijks-grey-7')}`,\n        width,\n        height: `${height}px`\n      }}\n    >\n      {renderCells()}\n      {renderBlocks()}\n      {renderBoundaries()}\n    </div>\n  );\n}\n"],"names":["IvonDataGrid","t0","$","_c","rows","columns","width","height","cells","blocks","boundaries","cellClickHandler","blockClickHandler","t1","row","column","find","cell","findCell","t2","row_0","column_0","data","undefined","value","renderCellData","styleColor","_temp","t3","row_1","column_1","data_0","gridCellClicked","t4","row_2","column_2","data_1","gridItemClicked","t5","Array","from","length","_index1","rowIndex","_index2","colIndex","jsx","display","gridRow","gridColumn","justifyContent","alignItems","borderBottom","borderLeft","backgroundColor","renderCells","t6","map","blockData","index","startPosition","zIndex","gridColumnStart","gridColumnEnd","endPosition","gridRowStart","gridRowEnd","textAlign","textOverflow","padding","borderRadius","border","boxShadow","overflow","opacity","backgroundImage","color","renderBlocks","t7","boundaryData","index_0","position","left","renderBoundaries","t8","t9","t10","gridTemplateColumns","gridTemplateRows","t11","t12","t13","t14","jsxs","colorVariable"],"mappings":"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"}
+{"version":3,"file":"IvonDataGrid.js","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"sourcesContent":["export interface IvonDataGridBlockData {\n  color: string;\n  endPosition: number;\n  row: number;\n  startPosition: number;\n  value: string;\n}\n\nexport interface IvonDataGridBoundaryData {\n  color: string;\n  startPosition: number;\n  width: number;\n}\n\nexport interface IvonDataGridCellData {\n  alignment: string;\n  column: number;\n  fontSize: number;\n  row: number;\n  value: string;\n}\n\ninterface IvonDataGridProps {\n  blockClickHandler?(this: void, row: number, column: number, data: IvonDataGridBlockData): void;\n  readonly blocks: IvonDataGridBlockData[];\n  readonly boundaries: IvonDataGridBoundaryData[];\n  cellClickHandler?(this: void, row: number, column: number, data?: IvonDataGridCellData): void;\n  readonly cells: IvonDataGridCellData[];\n  readonly columns: number;\n  readonly height: number;\n  readonly rows: number;\n  readonly width: string;\n}\n\nexport function IvonDataGrid({ rows, columns, width, height, cells, blocks, boundaries, cellClickHandler, blockClickHandler }: IvonDataGridProps) {\n  const findCell = (row: number, column: number) => {\n    return cells.find((cell) => cell.row === row && cell.column === column);\n  };\n\n  const renderCellData = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? '' : data.value;\n  };\n\n  const renderCellAlignment = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 'center' : data.alignment;\n  };\n\n  const renderCellFontSize = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 12 : data.fontSize;\n  };\n\n  const styleColor = (colorVariable: string) => {\n    return `var(--color-${colorVariable})`;\n  };\n\n  const gridCellClicked = (row: number, column: number, data?: IvonDataGridCellData) => cellClickHandler?.(row, column, data);\n  const gridItemClicked = (row: number, column: number, data: IvonDataGridBlockData) => blockClickHandler?.(row, column, data);\n\n  const renderCells = () => {\n    return Array.from({ length: rows }, (_index1, rowIndex) =>\n      Array.from({ length: columns }, (_index2, colIndex) => (\n        <div\n          className='data-grid-cell'\n          key={`${rowIndex}-${colIndex}`}\n          onDoubleClick={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          role='gridcell'\n          style={{\n            display: 'flex',\n            gridRow: rowIndex + 1,\n            gridColumn: colIndex + 1,\n            justifyContent: renderCellAlignment(rowIndex, colIndex),\n            alignItems: 'center',\n            borderBottom: `1px solid ${styleColor('rijks-grey-7')}`,\n            borderLeft: colIndex % 10 === 0 ? `2px solid ${styleColor('rijks-grey-7')}` : `1px dashed ${styleColor('rijks-grey-4')}`,\n            backgroundColor: colIndex % 2 === 0 ? styleColor('rijks-grey-1') : '#ffffff',\n            fontSize: renderCellFontSize(rowIndex, colIndex)\n          }}\n          tabIndex={0}\n        >\n          {renderCellData(rowIndex, colIndex)}\n        </div>\n      ))\n    );\n  };\n\n  const renderBlocks = () => {\n    return blocks.map((blockData, index) => (\n      <div\n        className='data-grid-block'\n        key={index}\n        onDoubleClick={() => gridItemClicked(blockData.row, blockData.startPosition, blockData)}\n        role='gridcell'\n        style={{\n          gridRow: blockData.row + 1,\n          zIndex: 10,\n          gridColumnStart: blockData.startPosition + 1,\n          gridColumnEnd: blockData.endPosition + 1,\n          gridRowStart: blockData.row + 1,\n          gridRowEnd: blockData.row + 1,\n          textAlign: 'left',\n          display: 'flex',\n          textOverflow: 'clip',\n          padding: '5px',\n          borderRadius: '4px',\n          border: `1px solid ${styleColor('rijks-grey-7')}`,\n          boxShadow: `1px 1px 1px ${styleColor('rijks-grey-7')}`,\n          overflow: 'hidden',\n          opacity: 0.8,\n          backgroundImage: `linear-gradient(180deg, ${styleColor(blockData.color)}, color-mix(in srgb, ${styleColor(blockData.color)}, #000000 10%))`\n        }}\n        tabIndex={0}\n      >\n        {blockData.value}\n      </div>\n    ));\n  };\n\n  const renderBoundaries = () => {\n    return boundaries.map((boundaryData, index) => (\n      <div\n        className='data-grid-boundary'\n        key={index}\n        style={{\n          zIndex: 20,\n          gridColumn: boundaryData.startPosition + 1,\n          gridRowStart: 1,\n          gridRowEnd: rows + 1,\n          textAlign: 'left',\n          display: 'flex',\n          width: `${boundaryData.width}px`,\n          position: 'relative',\n          backgroundColor: styleColor(boundaryData.color)\n        }}\n      />\n    ));\n  };\n\n  return (\n    <div\n      className='data-grid-container'\n      style={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n        gridTemplateRows: 'auto',\n        border: `1px solid ${styleColor('rijks-grey-7')}`,\n        width,\n        height: `${height}px`\n      }}\n    >\n      {renderCells()}\n      {renderBlocks()}\n      {renderBoundaries()}\n    </div>\n  );\n}\n"],"names":["IvonDataGrid","t0","$","_c","rows","columns","width","height","cells","blocks","boundaries","cellClickHandler","blockClickHandler","t1","row","column","find","cell","findCell","t2","row_0","column_0","data","undefined","value","renderCellData","t3","row_1","column_1","data_0","alignment","renderCellAlignment","t4","row_2","column_2","data_1","fontSize","renderCellFontSize","styleColor","_temp","t5","row_3","column_3","data_2","gridCellClicked","t6","row_4","column_4","data_3","gridItemClicked","t7","Array","from","length","_index1","rowIndex","_index2","colIndex","display","gridRow","gridColumn","justifyContent","alignItems","borderBottom","borderLeft","backgroundColor","renderCells","t8","map","blockData","index","jsx","startPosition","zIndex","gridColumnStart","gridColumnEnd","endPosition","gridRowStart","gridRowEnd","textAlign","textOverflow","padding","borderRadius","border","boxShadow","overflow","opacity","backgroundImage","color","renderBlocks","t9","boundaryData","index_0","position","renderBoundaries","t10","t11","t12","gridTemplateColumns","gridTemplateRows","t13","t14","t15","t16","jsxs","colorVariable"],"mappings":"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"}

package/dist/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.d.ts

@@ -0,0 +1,8 @@
+import { IvonDataBridge } from '../_helpers/IvonDataBridge';
+interface HectometerViewProps {
+    readonly dataBridge: IvonDataBridge;
+    readonly maxHeight: number;
+}
+export declare function HectometerView({ dataBridge, maxHeight }: HectometerViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IvonHectometerView.d.ts.map

package/dist/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IvonHectometerView.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGjE,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC;IACpC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAkC5E"}

package/dist/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.js

@@ -0,0 +1,48 @@
+import { jsx as k } from "react/jsx-runtime";
+import { c as b } from "../../../chunks/compiler-runtime.BNHg76kC.js";
+import { IvonDataGrid as y } from "../_IvonDataGrid/IvonDataGrid.js";
+import { ivonUtility as v } from "../_helpers/IvonUtility.js";
+function D(T) {
+  const t = b.c(21), {
+    dataBridge: e,
+    maxHeight: d
+  } = T;
+  let s;
+  t[0] !== e ? (s = (x) => {
+    const w = [];
+    for (let n = 0; n < x; n++)
+      w.push({
+        column: n,
+        row: 0,
+        value: v.lerp(e.getTrackStart(), e.getTrackEnd(), n / x).toFixed(1).toString(),
+        alignment: "left",
+        fontSize: n % 10 === 0 ? 10 : 8
+      });
+    return w;
+  }, t[0] = e, t[1] = s) : s = t[1];
+  const g = s;
+  let c;
+  t[2] !== e ? (c = v.widthBasedOnTrackLength(e.getTrackLength()), t[2] = e, t[3] = c) : c = t[3];
+  const u = c, h = `${u}px`;
+  let i;
+  t[4] !== h ? (i = {
+    display: "flex",
+    flexDirection: "row",
+    width: h
+  }, t[4] = h, t[5] = i) : i = t[5];
+  let a, f;
+  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = [], f = [], t[6] = a, t[7] = f) : (a = t[6], f = t[7]);
+  let l;
+  t[8] !== g || t[9] !== e ? (l = g(e.getTrackLength()), t[8] = g, t[9] = e, t[10] = l) : l = t[10];
+  let o;
+  t[11] !== e ? (o = e.getTrackLength(), t[11] = e, t[12] = o) : o = t[12];
+  const p = `${u}px`;
+  let r;
+  t[13] !== d || t[14] !== l || t[15] !== o || t[16] !== p ? (r = /* @__PURE__ */ k(y, { blocks: a, boundaries: f, cells: l, columns: o, height: d, rows: 1, width: p }), t[13] = d, t[14] = l, t[15] = o, t[16] = p, t[17] = r) : r = t[17];
+  let m;
+  return t[18] !== r || t[19] !== i ? (m = /* @__PURE__ */ k("div", { id: "ivon-hectometer-view", style: i, children: r }), t[18] = r, t[19] = i, t[20] = m) : m = t[20], m;
+}
+export {
+  D as HectometerView
+};
+//# sourceMappingURL=IvonHectometerView.js.map

package/dist/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IvonHectometerView.js","sources":["../../../../src/components-domain/ivon-project-planning/_IvonHectometerView/IvonHectometerView.tsx"],"sourcesContent":["import { IvonDataGrid } from '../_IvonDataGrid/IvonDataGrid';\nimport type { IvonDataGridCellData } from '../_IvonDataGrid/IvonDataGrid';\nimport type { IvonDataBridge } from '../_helpers/IvonDataBridge';\nimport { ivonUtility } from '../_helpers/IvonUtility';\n\ninterface HectometerViewProps {\n  readonly dataBridge: IvonDataBridge;\n  readonly maxHeight: number;\n}\n\nexport function HectometerView({ dataBridge, maxHeight }: HectometerViewProps) {\n  const buildCells = (columns: number) => {\n    const cells: IvonDataGridCellData[] = [];\n    for (let column = 0; column < columns; column++) {\n      cells.push({\n        column,\n        row: 0,\n        value: ivonUtility\n          .lerp(dataBridge.getTrackStart(), dataBridge.getTrackEnd(), column / columns)\n          .toFixed(1)\n          .toString(),\n        alignment: 'left',\n        fontSize: column % 10 === 0 ? 10 : 8\n      });\n    }\n\n    return cells;\n  };\n\n  const gridWidth = ivonUtility.widthBasedOnTrackLength(dataBridge.getTrackLength());\n\n  return (\n    <div id='ivon-hectometer-view' style={{ display: 'flex', flexDirection: 'row', width: `${gridWidth}px` }}>\n      <IvonDataGrid\n        blocks={[]}\n        boundaries={[]}\n        cells={buildCells(dataBridge.getTrackLength())}\n        columns={dataBridge.getTrackLength()}\n        height={maxHeight}\n        rows={1}\n        width={`${gridWidth}px`}\n      />\n    </div>\n  );\n}\n"],"names":["HectometerView","t0","$","_c","dataBridge","maxHeight","t1","columns","cells","column","push","row","value","ivonUtility","lerp","getTrackStart","getTrackEnd","toFixed","toString","alignment","fontSize","buildCells","t2","widthBasedOnTrackLength","getTrackLength","gridWidth","t3","t4","display","flexDirection","width","t5","t6","Symbol","for","t7","t8","t9","t10","IvonDataGrid","t11"],"mappings":";;;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAwB;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAAJ;AAA8C,MAAAK;AAAA,EAAAJ,SAAAE,KACxDE,IAAAC,CAAAA,MAAA;AACjB,UAAAC,IAAsC,CAAA;AACtC,aAAAC,IAAkB,GAAGA,IAASF,GAASE;AACrCD,MAAAA,EAAKE,KAAM;AAAA,QAAAD,QAAAA;AAAAA,QAAAE,KAEJ;AAAA,QAACC,OACCC,EAAWC,KACVV,EAAUW,iBAAkBX,EAAUY,YAAAA,GAAgBP,IAASF,CAAO,EAACU,QACpE,CAAC,EAACC,SAAAA;AAAAA,QACAC,WACF;AAAA,QAAMC,UACPX,IAAS,OAAO,IAAhB,KAAA;AAAA,MAAA,CACX;AACF,WAEMD;AAAAA,EAAK,GACbN,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAhBD,QAAAmB,IAAmBf;AAgBjB,MAAAgB;AAAA,EAAApB,SAAAE,KAEgBkB,IAAAT,EAAWU,wBAAyBnB,EAAUoB,eAAAA,CAAiB,GAACtB,OAAAE,GAAAF,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAlF,QAAAuB,IAAkBH,GAGsEI,IAAA,GAAGD,CAAS;AAAI,MAAAE;AAAA,EAAAzB,SAAAwB,KAAhEC,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,eAAiB;AAAA,IAAKC,OAASJ;AAAAA,EAAAA,GAAkBxB,OAAAwB,GAAAxB,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA;AAAA,MAAA6B,GAAAC;AAAA,EAAA9B,EAAA,CAAA,MAAA+B,uBAAAC,IAAA,2BAAA,KAE5FH,IAAA,CAAA,GACIC,IAAA,CAAA,GAAE9B,OAAA6B,GAAA7B,OAAA8B,MAAAD,IAAA7B,EAAA,CAAA,GAAA8B,IAAA9B,EAAA,CAAA;AAAA,MAAAiC;AAAA,EAAAjC,EAAA,CAAA,MAAAmB,KAAAnB,SAAAE,KACP+B,IAAAd,EAAWjB,EAAUoB,gBAAiB,GAACtB,OAAAmB,GAAAnB,OAAAE,GAAAF,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAAA,MAAAkC;AAAA,EAAAlC,UAAAE,KACrCgC,IAAAhC,EAAUoB,eAAAA,GAAiBtB,QAAAE,GAAAF,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AAG7B,QAAAmC,IAAA,GAAGZ,CAAS;AAAI,MAAAa;AAAA,EAAApC,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAiC,KAAAjC,EAAA,EAAA,MAAAkC,KAAAlC,UAAAmC,KAPzBC,sBAACC,GAAA,EACS,QAAAR,GACI,YAAAC,GACL,OAAAG,GACE,SAAAC,GACD/B,QAAAA,GACF,SACC,OAAAgC,GAAgB,GACvBnC,QAAAG,GAAAH,QAAAiC,GAAAjC,QAAAkC,GAAAlC,QAAAmC,GAAAnC,QAAAoC,KAAAA,IAAApC,EAAA,EAAA;AAAA,MAAAsC;AAAA,SAAAtC,EAAA,EAAA,MAAAoC,KAAApC,UAAAyB,KATJa,+BAAQ,IAAA,wBAA8B,OAAAb,GACpCW,UAAAA,GASF,GAAMpC,QAAAoC,GAAApC,QAAAyB,GAAAzB,QAAAsC,KAAAA,IAAAtC,EAAA,EAAA,GAVNsC;AAUM;"}

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.d.ts

@@ -0,0 +1,9 @@
+import { LaneSegment, Pavement } from '../_types/ivon-types';
+interface EditPavementPopupProps {
+    readonly laneSegment: LaneSegment;
+    onClose(this: void): void;
+    readonly pavement: Pavement;
+}
+export declare function EditPavementPopup({ pavement, laneSegment, onClose }: EditPavementPopupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IvonDeklaagPopup.d.ts.map

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IvonDeklaagPopup.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAElE,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAgF3F"}

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.js

@@ -0,0 +1,231 @@
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { c as E } from "../../../chunks/compiler-runtime.BNHg76kC.js";
+import { Typography as s, DialogActions as D, Tab as k, Tabs as w } from "@mui/material";
+import * as N from "react";
+import { useState as A } from "react";
+import { AoaButton as $ } from "../../../components-generic/atoms/button/Button.js";
+import { AoaModal as M } from "../../../components-generic/molecules/modal/Modal.js";
+import { i as q, d as R, c as F, s as G, a as V, b as I, P as f } from "../../../chunks/createTheme.edEUUU41.js";
+import { ThemeContext as U } from "@emotion/react";
+const z = (t) => {
+  const e = {
+    systemProps: {},
+    otherProps: {}
+  }, l = t?.theme?.unstable_sxConfig ?? R;
+  return Object.keys(t).forEach((o) => {
+    l[o] ? e.systemProps[o] = t[o] : e.otherProps[o] = t[o];
+  }), e;
+};
+function K(t) {
+  const {
+    sx: e,
+    ...l
+  } = t, {
+    systemProps: o,
+    otherProps: i
+  } = z(l);
+  let d;
+  return Array.isArray(e) ? d = [o, ...e] : typeof e == "function" ? d = (...T) => {
+    const r = e(...T);
+    return q(r) ? {
+      ...o,
+      ...r
+    } : o;
+  } : d = {
+    ...o,
+    ...e
+  }, {
+    ...i,
+    sx: d
+  };
+}
+function Q(t) {
+  return Object.keys(t).length === 0;
+}
+function H(t = null) {
+  const e = N.useContext(U);
+  return !e || Q(e) ? t : e;
+}
+const J = F();
+function L(t = J) {
+  return H(t);
+}
+const B = (t) => t, X = () => {
+  let t = B;
+  return {
+    configure(e) {
+      t = e;
+    },
+    generate(e) {
+      return t(e);
+    },
+    reset() {
+      t = B;
+    }
+  };
+}, W = X();
+function Y(t = {}) {
+  const {
+    themeId: e,
+    defaultTheme: l,
+    defaultClassName: o = "MuiBox-root",
+    generateClassName: i
+  } = t, d = G("div", {
+    shouldForwardProp: (r) => r !== "theme" && r !== "sx" && r !== "as"
+  })(V);
+  return /* @__PURE__ */ N.forwardRef(function(O, u) {
+    const m = L(l), {
+      className: p,
+      component: h = "div",
+      ...g
+    } = K(O);
+    return /* @__PURE__ */ n(d, {
+      as: h,
+      ref: u,
+      className: I(p, i ? i(o) : o),
+      theme: e && m[e] || m,
+      ...g
+    });
+  });
+}
+const Z = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function ee(t, e, l = "Mui") {
+  const o = Z[e];
+  return o ? `${l}-${o}` : `${W.generate(t)}-${e}`;
+}
+function te(t, e, l = "Mui") {
+  const o = {};
+  return e.forEach((i) => {
+    o[i] = ee(t, i, l);
+  }), o;
+}
+const oe = te("MuiBox", ["root"]), c = Y({
+  defaultClassName: oe.root,
+  generateClassName: W.generate
+});
+process.env.NODE_ENV !== "production" && (c.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: f.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: f.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object])
+});
+function fe(t) {
+  const e = E.c(26), {
+    pavement: l,
+    laneSegment: o,
+    onClose: i
+  } = t, [d, T] = A(!0), [r, O] = A(0);
+  let u;
+  e[0] !== i ? (u = () => {
+    T(!1), i();
+  }, e[0] = i, e[1] = u) : u = e[1];
+  const m = u;
+  let p;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    sx: {
+      "> div > div": {
+        minWidth: "300px",
+        maxWidth: "400px"
+      }
+    }
+  }, e[2] = p) : p = e[2];
+  let h;
+  e[3] !== m ? (h = /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n($, { "data-qa": "close-pavement-button", onClick: m, type: "primary", children: "Sluiten" }) }), e[3] = m, e[4] = h) : h = e[4];
+  let g;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (ne, j) => O(j), e[5] = g) : g = e[5];
+  let C, P;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ n(k, { label: "Algemeen" }), P = /* @__PURE__ */ n(k, { label: "Positie" }), e[6] = C, e[7] = P) : (C = e[6], P = e[7]);
+  let x;
+  e[8] !== r ? (x = /* @__PURE__ */ a(w, { onChange: g, value: r, children: [
+    C,
+    P
+  ] }), e[8] = r, e[9] = x) : x = e[9];
+  let y;
+  e[10] !== r || e[11] !== l ? (y = r === 0 && /* @__PURE__ */ a(c, { style: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem",
+    marginTop: "1rem"
+  }, children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Aanlegdatum:" }),
+      /* @__PURE__ */ n(s, { children: l.constructionDate })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Deklaag:" }),
+      /* @__PURE__ */ n(s, { children: l.pavementType })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Kwaliteit:" }),
+      /* @__PURE__ */ n(s, { children: l.qualityIndex })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Wegzijde:" }),
+      /* @__PURE__ */ n(s, { children: l.roadSide })
+    ] })
+  ] }), e[10] = r, e[11] = l, e[12] = y) : y = e[12];
+  let b;
+  e[13] !== r || e[14] !== o ? (b = r === 1 && /* @__PURE__ */ a(c, { style: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem",
+    marginTop: "1rem"
+  }, children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Begin hectometer:" }),
+      /* @__PURE__ */ n(s, { children: o.kmFrom })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Eind hectometer:" }),
+      /* @__PURE__ */ n(s, { children: o.kmTo })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ n(s, { fontWeight: "bold", children: "Strook:" }),
+      /* @__PURE__ */ n(s, { children: o.bps })
+    ] })
+  ] }), e[13] = r, e[14] = o, e[15] = b) : b = e[15];
+  let v;
+  e[16] !== x || e[17] !== y || e[18] !== b ? (v = /* @__PURE__ */ a(c, { children: [
+    x,
+    y,
+    b
+  ] }), e[16] = x, e[17] = y, e[18] = b, e[19] = v) : v = e[19];
+  let S;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
+    content: "view-pavement-content",
+    modal: "view-pavement-modal",
+    title: "view-pavement-title"
+  }, e[20] = S) : S = e[20];
+  let _;
+  return e[21] !== m || e[22] !== d || e[23] !== v || e[24] !== h ? (_ = /* @__PURE__ */ n(M, { DialogProps: p, closeAction: m, dialogActions: h, dialogContent: v, modalQas: S, open: d, topic: "Eigenschappen deklaag" }), e[21] = m, e[22] = d, e[23] = v, e[24] = h, e[25] = _) : _ = e[25], _;
+}
+export {
+  fe as EditPavementPopup
+};
+//# sourceMappingURL=IvonDeklaagPopup.js.map

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IvonDeklaagPopup.js","sources":["../../../../../../node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js","../../../../../../node_modules/@mui/system/esm/useThemeWithoutDefault/useThemeWithoutDefault.js","../../../../../../node_modules/@mui/system/esm/useTheme/useTheme.js","../../../../../../node_modules/@mui/system/node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js","../../../../../../node_modules/@mui/system/esm/createBox/createBox.js","../../../../../../node_modules/@mui/system/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js","../../../../../../node_modules/@mui/system/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js","../../../../../../node_modules/@mui/system/esm/Box/boxClasses.js","../../../../../../node_modules/@mui/system/esm/Box/Box.js","../../../../src/components-domain/ivon-project-planning/_IvonPopup/IvonDeklaagPopup.tsx"],"sourcesContent":["import { isPlainObject } from '@mui/utils/deepmerge';\nimport defaultSxConfig from \"./defaultSxConfig.js\";\nconst splitProps = props => {\n  const result = {\n    systemProps: {},\n    otherProps: {}\n  };\n  const config = props?.theme?.unstable_sxConfig ?? defaultSxConfig;\n  Object.keys(props).forEach(prop => {\n    if (config[prop]) {\n      result.systemProps[prop] = props[prop];\n    } else {\n      result.otherProps[prop] = props[prop];\n    }\n  });\n  return result;\n};\nexport default function extendSxProp(props) {\n  const {\n    sx: inSx,\n    ...other\n  } = props;\n  const {\n    systemProps,\n    otherProps\n  } = splitProps(other);\n  let finalSx;\n  if (Array.isArray(inSx)) {\n    finalSx = [systemProps, ...inSx];\n  } else if (typeof inSx === 'function') {\n    finalSx = (...args) => {\n      const result = inSx(...args);\n      if (!isPlainObject(result)) {\n        return systemProps;\n      }\n      return {\n        ...systemProps,\n        ...result\n      };\n    };\n  } else {\n    finalSx = {\n      ...systemProps,\n      ...inSx\n    };\n  }\n  return {\n    ...otherProps,\n    sx: finalSx\n  };\n}","'use client';\n\nimport * as React from 'react';\nimport { ThemeContext } from '@mui/styled-engine';\nfunction isObjectEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\nfunction useTheme(defaultTheme = null) {\n  const contextTheme = React.useContext(ThemeContext);\n  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\nexport default useTheme;","'use client';\n\nimport createTheme from \"../createTheme/index.js\";\nimport useThemeWithoutDefault from \"../useThemeWithoutDefault/index.js\";\nexport const systemDefaultTheme = createTheme();\nfunction useTheme(defaultTheme = systemDefaultTheme) {\n  return useThemeWithoutDefault(defaultTheme);\n}\nexport default useTheme;","const defaultGenerator = componentName => componentName;\nconst createClassNameGenerator = () => {\n  let generate = defaultGenerator;\n  return {\n    configure(generator) {\n      generate = generator;\n    },\n    generate(componentName) {\n      return generate(componentName);\n    },\n    reset() {\n      generate = defaultGenerator;\n    }\n  };\n};\nconst ClassNameGenerator = createClassNameGenerator();\nexport default ClassNameGenerator;","'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx, { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport useTheme from \"../useTheme/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n  const {\n    themeId,\n    defaultTheme,\n    defaultClassName = 'MuiBox-root',\n    generateClassName\n  } = options;\n  const BoxRoot = styled('div', {\n    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n  })(styleFunctionSx);\n  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n    const theme = useTheme(defaultTheme);\n    const {\n      className,\n      component = 'div',\n      ...other\n    } = extendSxProp(inProps);\n    return /*#__PURE__*/_jsx(BoxRoot, {\n      as: component,\n      ref: ref,\n      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n      theme: themeId ? theme[themeId] || theme : theme,\n      ...other\n    });\n  });\n  return Box;\n}","import ClassNameGenerator from \"../ClassNameGenerator/index.js\";\nexport const globalStateClasses = {\n  active: 'active',\n  checked: 'checked',\n  completed: 'completed',\n  disabled: 'disabled',\n  error: 'error',\n  expanded: 'expanded',\n  focused: 'focused',\n  focusVisible: 'focusVisible',\n  open: 'open',\n  readOnly: 'readOnly',\n  required: 'required',\n  selected: 'selected'\n};\nexport default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {\n  const globalStateClass = globalStateClasses[slot];\n  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;\n}\nexport function isGlobalState(slot) {\n  return globalStateClasses[slot] !== undefined;\n}","import generateUtilityClass from \"../generateUtilityClass/index.js\";\nexport default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {\n  const result = {};\n  slots.forEach(slot => {\n    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);\n  });\n  return result;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport PropTypes from 'prop-types';\nimport ClassNameGenerator from '@mui/utils/ClassNameGenerator';\nimport createBox from \"../createBox/index.js\";\nimport boxClasses from \"./boxClasses.js\";\nconst Box = createBox({\n  defaultClassName: boxClasses.root,\n  generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;","import { DialogActions, Tab, Tabs, Typography } from '@mui/material';\nimport { Box } from '@mui/system';\nimport { useState } from 'react';\nimport { AoaButton } from '../../../components-generic/atoms/button/Button';\nimport { AoaModal } from '../../../components-generic/molecules/modal/Modal';\nimport type { LaneSegment, Pavement } from '../_types/ivon-types';\n\ninterface EditPavementPopupProps {\n  readonly laneSegment: LaneSegment;\n  onClose(this: void): void;\n  readonly pavement: Pavement;\n}\n\nexport function EditPavementPopup({ pavement, laneSegment, onClose }: EditPavementPopupProps) {\n  const [open, setOpen] = useState(true);\n  const [activeTab, setActiveTab] = useState(0);\n\n  const handleClose = () => {\n    setOpen(false);\n    onClose();\n  };\n\n  return (\n    <AoaModal\n      DialogProps={{\n        sx: {\n          '> div > div': {\n            minWidth: '300px',\n            maxWidth: '400px'\n          }\n        }\n      }}\n      closeAction={handleClose}\n      dialogActions={\n        <DialogActions>\n          <AoaButton data-qa='close-pavement-button' onClick={handleClose} type='primary'>\n            Sluiten\n          </AoaButton>\n        </DialogActions>\n      }\n      dialogContent={\n        <Box>\n          <Tabs onChange={(__, newValue) => setActiveTab(newValue)} value={activeTab}>\n            <Tab label='Algemeen' />\n            <Tab label='Positie' />\n          </Tabs>\n          {activeTab === 0 && (\n            <Box style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem' }}>\n              <Box>\n                <Typography fontWeight='bold'>Aanlegdatum:</Typography>\n                <Typography>{pavement.constructionDate}</Typography>\n              </Box>\n              <Box>\n                <Typography fontWeight='bold'>Deklaag:</Typography>\n                <Typography>{pavement.pavementType}</Typography>\n              </Box>\n              <Box>\n                <Typography fontWeight='bold'>Kwaliteit:</Typography>\n                <Typography>{pavement.qualityIndex}</Typography>\n              </Box>\n              <Box>\n                <Typography fontWeight='bold'>Wegzijde:</Typography>\n                <Typography>{pavement.roadSide}</Typography>\n              </Box>\n            </Box>\n          )}\n          {activeTab === 1 && (\n            <Box style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem' }}>\n              <Box>\n                <Typography fontWeight='bold'>Begin hectometer:</Typography>\n                <Typography>{laneSegment.kmFrom}</Typography>\n              </Box>\n              <Box>\n                <Typography fontWeight='bold'>Eind hectometer:</Typography>\n                <Typography>{laneSegment.kmTo}</Typography>\n              </Box>\n              <Box>\n                <Typography fontWeight='bold'>Strook:</Typography>\n                <Typography>{laneSegment.bps}</Typography>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      }\n      modalQas={{\n        content: 'view-pavement-content',\n        modal: 'view-pavement-modal',\n        title: 'view-pavement-title'\n      }}\n      open={open}\n      topic='Eigenschappen deklaag'\n    />\n  );\n}\n"],"names":["splitProps","props","result","config","defaultSxConfig","prop","extendSxProp","inSx","other","systemProps","otherProps","finalSx","args","isPlainObject","isObjectEmpty","obj","useTheme","defaultTheme","contextTheme","React","ThemeContext","systemDefaultTheme","createTheme","useThemeWithoutDefault","defaultGenerator","componentName","createClassNameGenerator","generate","generator","ClassNameGenerator","createBox","options","themeId","defaultClassName","generateClassName","BoxRoot","styled","styleFunctionSx","inProps","ref","theme","className","component","_jsx","clsx","globalStateClasses","generateUtilityClass","slot","globalStatePrefix","globalStateClass","generateUtilityClasses","slots","boxClasses","Box","PropTypes","EditPavementPopup","t0","$","_c","pavement","laneSegment","onClose","open","setOpen","useState","activeTab","setActiveTab","t1","handleClose","t2","Symbol","for","sx","minWidth","maxWidth","t3","jsx","DialogActions","AoaButton","t4","__","newValue","t5","t6","Tab","t7","jsxs","Tabs","t8","display","flexDirection","gap","marginTop","Typography","constructionDate","pavementType","qualityIndex","roadSide","t9","kmFrom","kmTo","bps","t10","t11","content","modal","title","t12","AoaModal"],"mappings":";;;;;;;;;AAEA,MAAMA,IAAa,CAAAC,MAAS;AAC1B,QAAMC,IAAS;AAAA,IACb,aAAa,CAAA;AAAA,IACb,YAAY,CAAA;AAAA,EAChB,GACQC,IAASF,GAAO,OAAO,qBAAqBG;AAClD,gBAAO,KAAKH,CAAK,EAAE,QAAQ,CAAAI,MAAQ;AACjC,IAAIF,EAAOE,CAAI,IACbH,EAAO,YAAYG,CAAI,IAAIJ,EAAMI,CAAI,IAErCH,EAAO,WAAWG,CAAI,IAAIJ,EAAMI,CAAI;AAAA,EAExC,CAAC,GACMH;AACT;AACe,SAASI,EAAaL,GAAO;AAC1C,QAAM;AAAA,IACJ,IAAIM;AAAA,IACJ,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,aAAAQ;AAAA,IACA,YAAAC;AAAA,EACJ,IAAMV,EAAWQ,CAAK;AACpB,MAAIG;AACJ,SAAI,MAAM,QAAQJ,CAAI,IACpBI,IAAU,CAACF,GAAa,GAAGF,CAAI,IACtB,OAAOA,KAAS,aACzBI,IAAU,IAAIC,MAAS;AACrB,UAAMV,IAASK,EAAK,GAAGK,CAAI;AAC3B,WAAKC,EAAcX,CAAM,IAGlB;AAAA,MACL,GAAGO;AAAA,MACH,GAAGP;AAAA,IACX,IALeO;AAAA,EAMX,IAEAE,IAAU;AAAA,IACR,GAAGF;AAAA,IACH,GAAGF;AAAA,EACT,GAES;AAAA,IACL,GAAGG;AAAA,IACH,IAAIC;AAAA,EACR;AACA;AC9CA,SAASG,EAAcC,GAAK;AAC1B,SAAO,OAAO,KAAKA,CAAG,EAAE,WAAW;AACrC;AACA,SAASC,EAASC,IAAe,MAAM;AACrC,QAAMC,IAAeC,EAAM,WAAWC,CAAY;AAClD,SAAO,CAACF,KAAgBJ,EAAcI,CAAY,IAAID,IAAeC;AACvE;ACNO,MAAMG,IAAqBC,EAAW;AAC7C,SAASN,EAASC,IAAeI,GAAoB;AACnD,SAAOE,EAAuBN,CAAY;AAC5C;ACPA,MAAMO,IAAmB,CAAAC,MAAiBA,GACpCC,IAA2B,MAAM;AACrC,MAAIC,IAAWH;AACf,SAAO;AAAA,IACL,UAAUI,GAAW;AACnB,MAAAD,IAAWC;AAAA,IACb;AAAA,IACA,SAASH,GAAe;AACtB,aAAOE,EAASF,CAAa;AAAA,IAC/B;AAAA,IACA,QAAQ;AACN,MAAAE,IAAWH;AAAA,IACb;AAAA,EACJ;AACA,GACMK,IAAqBH,EAAwB;ACPpC,SAASI,EAAUC,IAAU,IAAI;AAC9C,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAf;AAAA,IACA,kBAAAgB,IAAmB;AAAA,IACnB,mBAAAC;AAAA,EACJ,IAAMH,GACEI,IAAUC,EAAO,OAAO;AAAA,IAC5B,mBAAmB,CAAA/B,MAAQA,MAAS,WAAWA,MAAS,QAAQA,MAAS;AAAA,EAC7E,CAAG,EAAEgC,CAAe;AAgBlB,SAfyB,gBAAAlB,EAAM,WAAW,SAAamB,GAASC,GAAK;AACnE,UAAMC,IAAQxB,EAASC,CAAY,GAC7B;AAAA,MACJ,WAAAwB;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,GAAGlC;AAAA,IACT,IAAQF,EAAagC,CAAO;AACxB,WAAoBK,gBAAAA,EAAKR,GAAS;AAAA,MAChC,IAAIO;AAAA,MACJ,KAAKH;AAAA,MACL,WAAWK,EAAKH,GAAWP,IAAoBA,EAAkBD,CAAgB,IAAIA,CAAgB;AAAA,MACrG,OAAOD,KAAUQ,EAAMR,CAAO,KAAKQ;AAAA,MACnC,GAAGhC;AAAA,IACT,CAAK;AAAA,EACH,CAAC;AAEH;ACjCO,MAAMqC,IAAqB;AAAA,EAChC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;AACe,SAASC,GAAqBrB,GAAesB,GAAMC,IAAoB,OAAO;AAC3F,QAAMC,IAAmBJ,EAAmBE,CAAI;AAChD,SAAOE,IAAmB,GAAGD,CAAiB,IAAIC,CAAgB,KAAK,GAAGpB,EAAmB,SAASJ,CAAa,CAAC,IAAIsB,CAAI;AAC9H;ACjBe,SAASG,GAAuBzB,GAAe0B,GAAOH,IAAoB,OAAO;AAC9F,QAAM9C,IAAS,CAAA;AACf,SAAAiD,EAAM,QAAQ,CAAAJ,MAAQ;AACpB,IAAA7C,EAAO6C,CAAI,IAAID,GAAqBrB,GAAesB,GAAMC,CAAiB;AAAA,EAC5E,CAAC,GACM9C;AACT;ACNA,MAAMkD,KAAaF,GAAuB,UAAU,CAAC,MAAM,CAAC,GCKtDG,IAAMvB,EAAU;AAAA,EACpB,kBAAkBsB,GAAW;AAAA,EAC7B,mBAAmBvB,EAAmB;AACxC,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAewB,EAAI,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7E,UAAUC,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;ACfO,SAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAA2B;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAL,GAChC,CAAAM,GAAAC,CAAA,IAAwBC,EAAS,EAAI,GACrC,CAAAC,GAAAC,CAAA,IAAkCF,EAAS,CAAC;AAAE,MAAAG;AAAA,EAAAV,SAAAI,KAE1BM,IAAAA,MAAA;AAClBJ,IAAAA,EAAQ,EAAK,GACbF,EAAAA;AAAAA,EAAS,GACVJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAHD,QAAAW,IAAoBD;AAGlB,MAAAE;AAAA,EAAAZ,EAAA,CAAA,MAAAa,uBAAAC,IAAA,2BAAA,KAIeF,IAAA;AAAA,IAAAG,IACP;AAAA,MAAA,eACa;AAAA,QAAAC,UACH;AAAA,QAAOC,UACP;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,GACDjB,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,SAAAW,KAGCO,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAkB,WAAA,yBAAiCV,YAAkB,MAAA,WAAU,UAAA,UAAA,CAEhF,GACF,GAAgBX,OAAAW,GAAAX,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAa,uBAAAC,IAAA,2BAAA,KAIEQ,IAAAA,CAAAC,IAAAC,MAAkBf,EAAae,CAAQ,GAACxB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAyB,GAAAC;AAAA,EAAA1B,EAAA,CAAA,MAAAa,uBAAAC,IAAA,2BAAA,KACtDW,sBAACE,GAAA,EAAU,OAAA,WAAA,CAAU,GACrBD,sBAACC,GAAA,EAAU,OAAA,UAAA,CAAS,GAAG3B,OAAAyB,GAAAzB,OAAA0B,MAAAD,IAAAzB,EAAA,CAAA,GAAA0B,IAAA1B,EAAA,CAAA;AAAA,MAAA4B;AAAA,EAAA5B,SAAAQ,KAFzBoB,IAAA,gBAAAC,EAACC,GAAA,EAAe,UAAAR,GAAiDd,UAC/DiB,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,GACF,GAAO1B,OAAAQ,GAAAR,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAAA,MAAA+B;AAAA,EAAA/B,EAAA,EAAA,MAAAQ,KAAAR,UAAAE,KACN6B,IAAAvB,MAAc,KACb,gBAAAqB,EAACjC,GAAA,EAAW,OAAA;AAAA,IAAAoC,SAAW;AAAA,IAAMC,eAAiB;AAAA,IAAQC,KAAO;AAAA,IAAMC,WAAa;AAAA,EAAA,GAC9E,UAAA;AAAA,IAAA,gBAAAN,EAACjC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,gBAAY;AAAA,MAC1C,gBAAAjB,EAACiB,GAAA,EAAYlC,UAAAA,EAAQmC,iBAAAA,CAAkB;AAAA,IAAA,GACzC;AAAA,sBACCzC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,YAAQ;AAAA,MACtC,gBAAAjB,EAACiB,GAAA,EAAYlC,UAAAA,EAAQoC,aAAAA,CAAc;AAAA,IAAA,GACrC;AAAA,sBACC1C,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,cAAU;AAAA,MACxC,gBAAAjB,EAACiB,GAAA,EAAYlC,UAAAA,EAAQqC,aAAAA,CAAc;AAAA,IAAA,GACrC;AAAA,sBACC3C,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,aAAS;AAAA,MACvC,gBAAAjB,EAACiB,GAAA,EAAYlC,UAAAA,EAAQsC,SAAAA,CAAU;AAAA,IAAA,EAAA,CACjC;AAAA,EAAA,GACF,GACDxC,QAAAQ,GAAAR,QAAAE,GAAAF,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AAAA,MAAAyC;AAAA,EAAAzC,EAAA,EAAA,MAAAQ,KAAAR,UAAAG,KACAsC,IAAAjC,MAAc,KACb,gBAAAqB,EAACjC,GAAA,EAAW,OAAA;AAAA,IAAAoC,SAAW;AAAA,IAAMC,eAAiB;AAAA,IAAQC,KAAO;AAAA,IAAMC,WAAa;AAAA,EAAA,GAC9E,UAAA;AAAA,IAAA,gBAAAN,EAACjC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,qBAAiB;AAAA,MAC/C,gBAAAjB,EAACiB,GAAA,EAAYjC,UAAAA,EAAWuC,OAAAA,CAAQ;AAAA,IAAA,GAClC;AAAA,sBACC9C,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,oBAAgB;AAAA,MAC9C,gBAAAjB,EAACiB,GAAA,EAAYjC,UAAAA,EAAWwC,KAAAA,CAAM;AAAA,IAAA,GAChC;AAAA,sBACC/C,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAuB,EAACiB,GAAA,EAAsB,YAAA,QAAO,UAAA,WAAO;AAAA,MACrC,gBAAAjB,EAACiB,GAAA,EAAYjC,UAAAA,EAAWyC,IAAAA,CAAK;AAAA,IAAA,EAAA,CAC/B;AAAA,EAAA,GACF,GACD5C,QAAAQ,GAAAR,QAAAG,GAAAH,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA;AAAA,MAAA6C;AAAA,EAAA7C,EAAA,EAAA,MAAA4B,KAAA5B,UAAA+B,KAAA/B,EAAA,EAAA,MAAAyC,KAxCHI,sBAACjD,GAAA,EACCgC,UAAAA;AAAAA,IAAAA;AAAAA,IAICG;AAAAA,IAoBAU;AAAAA,EAAAA,GAgBH,GAAMzC,QAAA4B,GAAA5B,QAAA+B,GAAA/B,QAAAyC,GAAAzC,QAAA6C,KAAAA,IAAA7C,EAAA,EAAA;AAAA,MAAA8C;AAAA,EAAA9C,EAAA,EAAA,MAAAa,uBAAAC,IAAA,2BAAA,KAEEgC,IAAA;AAAA,IAAAC,SACC;AAAA,IAAuBC,OACzB;AAAA,IAAqBC,OACrB;AAAA,EAAA,GACRjD,QAAA8C,KAAAA,IAAA9C,EAAA,EAAA;AAAA,MAAAkD;AAAA,SAAAlD,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAA6C,KAAA7C,UAAAkB,KAjEHgC,sBAACC,GAAA,EACc,aAAAvC,GAQAD,gBAEX,eAAAO,GAOA,eAAA2B,GA2CQ,UAAAC,GAKJzC,MAAAA,GACA,OAAA,yBAAuB,GAC7BL,QAAAW,GAAAX,QAAAK,GAAAL,QAAA6C,GAAA7C,QAAAkB,GAAAlB,QAAAkD,KAAAA,IAAAlD,EAAA,EAAA,GApEFkD;AAoEE;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IvonProjectPlanningView.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGjE,UAAU,wBAAwB;IAChC,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC;IACpC,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,EAAE,wBAAwB,2CA+D1H"}
+{"version":3,"file":"IvonProjectPlanningView.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonProjectPlanningView/IvonProjectPlanningView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGjE,UAAU,wBAAwB;IAChC,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC;IACpC,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC7F,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,EAAE,wBAAwB,2CA8C1H"}