@appius-fr/apx 2.7.1 → 2.8.0

package/dist/APX.standalone.js

@@ -194,74 +194,74 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `/* APX Scrollable Table: scrollable tbody with fixed thead/tfoot and aligned columns (CSS Grid + subgrid)
-   Use !important so page styles (e.g. display: table) do not override the grid layout. */
-
-/* --apx-scrollable-template-columns: set by JS (measured widths + gutter); fallback = equal columns + gutter */
-/* --apx-scrollable-gutter-width: space for vertical scrollbar so it does not overlap the last column (set to 0 to allow overlap) */
-/* --apx-scrollable-body-height: when class apx-scrollable-table--body-height is set, tbody row uses fixed height instead of max-height */
-.apx-scrollable-table {
-    display: grid !important;
-    grid-template-columns: var(--apx-scrollable-template-columns, repeat(var(--apx-scrollable-cols, 3), minmax(0, 1fr)) minmax(var(--apx-scrollable-gutter-width, 17px), var(--apx-scrollable-gutter-width, 17px)));
-    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;
-    width: 100%;
-    table-layout: unset !important;
-}
-
-.apx-scrollable-table--body-height {
-    --apx-scrollable-body-row-size: var(--apx-scrollable-body-max-height, 200px);
-}
-
-/* Table with no tfoot: thead + tbody only */
-.apx-scrollable-table:not(.apx-scrollable-table--has-tfoot) {
-    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));
-}
-
-/* Table with no thead: tbody + tfoot only */
-.apx-scrollable-table.apx-scrollable-table--no-thead {
-    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;
-}
-
-/* Table with neither thead nor tfoot: tbody only */
-.apx-scrollable-table.apx-scrollable-table--no-thead:not(.apx-scrollable-table--has-tfoot) {
-    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));
-}
-
-/* --apx-scrollable-*-template-rows: set by JS (measured heights) or override in CSS / via options */
-.apx-scrollable-table > thead,
-.apx-scrollable-table > tbody,
-.apx-scrollable-table > tfoot {
-    display: grid !important;
-    grid-template-columns: subgrid;
-    grid-column: 1 / -1;
-    min-height: 0;
-}
-
-.apx-scrollable-table > thead {
-    grid-template-rows: var(--apx-scrollable-thead-template-rows, repeat(var(--apx-scrollable-thead-rows, 1), auto));
-}
-
-.apx-scrollable-table > tbody {
-    grid-template-rows: var(--apx-scrollable-tbody-template-rows, repeat(var(--apx-scrollable-tbody-rows, 1), auto));
-    overflow: auto;
-}
-
-.apx-scrollable-table > tfoot {
-    grid-template-rows: var(--apx-scrollable-tfoot-template-rows, repeat(var(--apx-scrollable-tfoot-rows, 1), auto));
-}
-
-.apx-scrollable-table > thead > tr,
-.apx-scrollable-table > tbody > tr,
-.apx-scrollable-table > tfoot > tr {
-    display: contents !important;
-}
-
-.apx-scrollable-table th,
-.apx-scrollable-table td {
-    min-width: 0;
-    box-sizing: border-box;
-}
-`, "",{"version":3,"sources":["webpack://./modules/scrollableTable/css/scrollableTable.css"],"names":[],"mappings":"AAAA;yFACyF;;AAEzF,+GAA+G;AAC/G,mIAAmI;AACnI,yIAAyI;AACzI;IACI,wBAAwB;IACxB,+MAA+M;IAC/M,4HAA4H;IAC5H,WAAW;IACX,8BAA8B;AAClC;;AAEA;IACI,4EAA4E;AAChF;;AAEA,4CAA4C;AAC5C;IACI,uHAAuH;AAC3H;;AAEA,4CAA4C;AAC5C;IACI,uHAAuH;AAC3H;;AAEA,mDAAmD;AACnD;IACI,kHAAkH;AACtH;;AAEA,oGAAoG;AACpG;;;IAGI,wBAAwB;IACxB,8BAA8B;IAC9B,mBAAmB;IACnB,aAAa;AACjB;;AAEA;IACI,gHAAgH;AACpH;;AAEA;IACI,gHAAgH;IAChH,cAAc;AAClB;;AAEA;IACI,gHAAgH;AACpH;;AAEA;;;IAGI,4BAA4B;AAChC;;AAEA;;IAEI,YAAY;IACZ,sBAAsB;AAC1B","sourcesContent":["/* APX Scrollable Table: scrollable tbody with fixed thead/tfoot and aligned columns (CSS Grid + subgrid)\r\n   Use !important so page styles (e.g. display: table) do not override the grid layout. */\r\n\r\n/* --apx-scrollable-template-columns: set by JS (measured widths + gutter); fallback = equal columns + gutter */\r\n/* --apx-scrollable-gutter-width: space for vertical scrollbar so it does not overlap the last column (set to 0 to allow overlap) */\r\n/* --apx-scrollable-body-height: when class apx-scrollable-table--body-height is set, tbody row uses fixed height instead of max-height */\r\n.apx-scrollable-table {\r\n    display: grid !important;\r\n    grid-template-columns: var(--apx-scrollable-template-columns, repeat(var(--apx-scrollable-cols, 3), minmax(0, 1fr)) minmax(var(--apx-scrollable-gutter-width, 17px), var(--apx-scrollable-gutter-width, 17px)));\r\n    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;\r\n    width: 100%;\r\n    table-layout: unset !important;\r\n}\r\n\r\n.apx-scrollable-table--body-height {\r\n    --apx-scrollable-body-row-size: var(--apx-scrollable-body-max-height, 200px);\r\n}\r\n\r\n/* Table with no tfoot: thead + tbody only */\r\n.apx-scrollable-table:not(.apx-scrollable-table--has-tfoot) {\r\n    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));\r\n}\r\n\r\n/* Table with no thead: tbody + tfoot only */\r\n.apx-scrollable-table.apx-scrollable-table--no-thead {\r\n    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;\r\n}\r\n\r\n/* Table with neither thead nor tfoot: tbody only */\r\n.apx-scrollable-table.apx-scrollable-table--no-thead:not(.apx-scrollable-table--has-tfoot) {\r\n    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));\r\n}\r\n\r\n/* --apx-scrollable-*-template-rows: set by JS (measured heights) or override in CSS / via options */\r\n.apx-scrollable-table > thead,\r\n.apx-scrollable-table > tbody,\r\n.apx-scrollable-table > tfoot {\r\n    display: grid !important;\r\n    grid-template-columns: subgrid;\r\n    grid-column: 1 / -1;\r\n    min-height: 0;\r\n}\r\n\r\n.apx-scrollable-table > thead {\r\n    grid-template-rows: var(--apx-scrollable-thead-template-rows, repeat(var(--apx-scrollable-thead-rows, 1), auto));\r\n}\r\n\r\n.apx-scrollable-table > tbody {\r\n    grid-template-rows: var(--apx-scrollable-tbody-template-rows, repeat(var(--apx-scrollable-tbody-rows, 1), auto));\r\n    overflow: auto;\r\n}\r\n\r\n.apx-scrollable-table > tfoot {\r\n    grid-template-rows: var(--apx-scrollable-tfoot-template-rows, repeat(var(--apx-scrollable-tfoot-rows, 1), auto));\r\n}\r\n\r\n.apx-scrollable-table > thead > tr,\r\n.apx-scrollable-table > tbody > tr,\r\n.apx-scrollable-table > tfoot > tr {\r\n    display: contents !important;\r\n}\r\n\r\n.apx-scrollable-table th,\r\n.apx-scrollable-table td {\r\n    min-width: 0;\r\n    box-sizing: border-box;\r\n}\r\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `/* APX Scrollable Table: scrollable tbody with fixed thead/tfoot and aligned columns (CSS Grid + subgrid)
+   Use !important so page styles (e.g. display: table) do not override the grid layout. */
+
+/* --apx-scrollable-template-columns: set by JS (measured widths + gutter); fallback = equal columns + gutter */
+/* --apx-scrollable-gutter-width: space for vertical scrollbar so it does not overlap the last column (set to 0 to allow overlap) */
+/* --apx-scrollable-body-height: when class apx-scrollable-table--body-height is set, tbody row uses fixed height instead of max-height */
+.apx-scrollable-table {
+    display: grid !important;
+    grid-template-columns: var(--apx-scrollable-template-columns, repeat(var(--apx-scrollable-cols, 3), minmax(0, 1fr)) minmax(var(--apx-scrollable-gutter-width, 17px), var(--apx-scrollable-gutter-width, 17px)));
+    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;
+    width: 100%;
+    table-layout: unset !important;
+}
+
+.apx-scrollable-table--body-height {
+    --apx-scrollable-body-row-size: var(--apx-scrollable-body-max-height, 200px);
+}
+
+/* Table with no tfoot: thead + tbody only */
+.apx-scrollable-table:not(.apx-scrollable-table--has-tfoot) {
+    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));
+}
+
+/* Table with no thead: tbody + tfoot only */
+.apx-scrollable-table.apx-scrollable-table--no-thead {
+    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;
+}
+
+/* Table with neither thead nor tfoot: tbody only */
+.apx-scrollable-table.apx-scrollable-table--no-thead:not(.apx-scrollable-table--has-tfoot) {
+    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));
+}
+
+/* --apx-scrollable-*-template-rows: set by JS (measured heights) or override in CSS / via options */
+.apx-scrollable-table > thead,
+.apx-scrollable-table > tbody,
+.apx-scrollable-table > tfoot {
+    display: grid !important;
+    grid-template-columns: subgrid;
+    grid-column: 1 / -1;
+    min-height: 0;
+}
+
+.apx-scrollable-table > thead {
+    grid-template-rows: var(--apx-scrollable-thead-template-rows, repeat(var(--apx-scrollable-thead-rows, 1), auto));
+}
+
+.apx-scrollable-table > tbody {
+    grid-template-rows: var(--apx-scrollable-tbody-template-rows, repeat(var(--apx-scrollable-tbody-rows, 1), auto));
+    overflow: auto;
+}
+
+.apx-scrollable-table > tfoot {
+    grid-template-rows: var(--apx-scrollable-tfoot-template-rows, repeat(var(--apx-scrollable-tfoot-rows, 1), auto));
+}
+
+.apx-scrollable-table > thead > tr,
+.apx-scrollable-table > tbody > tr,
+.apx-scrollable-table > tfoot > tr {
+    display: contents !important;
+}
+
+.apx-scrollable-table th,
+.apx-scrollable-table td {
+    min-width: 0;
+    box-sizing: border-box;
+}
+`, "",{"version":3,"sources":["webpack://./modules/scrollableTable/css/scrollableTable.css"],"names":[],"mappings":"AAAA;yFACyF;;AAEzF,+GAA+G;AAC/G,mIAAmI;AACnI,yIAAyI;AACzI;IACI,wBAAwB;IACxB,+MAA+M;IAC/M,4HAA4H;IAC5H,WAAW;IACX,8BAA8B;AAClC;;AAEA;IACI,4EAA4E;AAChF;;AAEA,4CAA4C;AAC5C;IACI,uHAAuH;AAC3H;;AAEA,4CAA4C;AAC5C;IACI,uHAAuH;AAC3H;;AAEA,mDAAmD;AACnD;IACI,kHAAkH;AACtH;;AAEA,oGAAoG;AACpG;;;IAGI,wBAAwB;IACxB,8BAA8B;IAC9B,mBAAmB;IACnB,aAAa;AACjB;;AAEA;IACI,gHAAgH;AACpH;;AAEA;IACI,gHAAgH;IAChH,cAAc;AAClB;;AAEA;IACI,gHAAgH;AACpH;;AAEA;;;IAGI,4BAA4B;AAChC;;AAEA;;IAEI,YAAY;IACZ,sBAAsB;AAC1B","sourcesContent":["/* APX Scrollable Table: scrollable tbody with fixed thead/tfoot and aligned columns (CSS Grid + subgrid)\n   Use !important so page styles (e.g. display: table) do not override the grid layout. */\n\n/* --apx-scrollable-template-columns: set by JS (measured widths + gutter); fallback = equal columns + gutter */\n/* --apx-scrollable-gutter-width: space for vertical scrollbar so it does not overlap the last column (set to 0 to allow overlap) */\n/* --apx-scrollable-body-height: when class apx-scrollable-table--body-height is set, tbody row uses fixed height instead of max-height */\n.apx-scrollable-table {\n    display: grid !important;\n    grid-template-columns: var(--apx-scrollable-template-columns, repeat(var(--apx-scrollable-cols, 3), minmax(0, 1fr)) minmax(var(--apx-scrollable-gutter-width, 17px), var(--apx-scrollable-gutter-width, 17px)));\n    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;\n    width: 100%;\n    table-layout: unset !important;\n}\n\n.apx-scrollable-table--body-height {\n    --apx-scrollable-body-row-size: var(--apx-scrollable-body-max-height, 200px);\n}\n\n/* Table with no tfoot: thead + tbody only */\n.apx-scrollable-table:not(.apx-scrollable-table--has-tfoot) {\n    grid-template-rows: auto var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));\n}\n\n/* Table with no thead: tbody + tfoot only */\n.apx-scrollable-table.apx-scrollable-table--no-thead {\n    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px))) auto;\n}\n\n/* Table with neither thead nor tfoot: tbody only */\n.apx-scrollable-table.apx-scrollable-table--no-thead:not(.apx-scrollable-table--has-tfoot) {\n    grid-template-rows: var(--apx-scrollable-body-row-size, fit-content(var(--apx-scrollable-body-max-height, 200px)));\n}\n\n/* --apx-scrollable-*-template-rows: set by JS (measured heights) or override in CSS / via options */\n.apx-scrollable-table > thead,\n.apx-scrollable-table > tbody,\n.apx-scrollable-table > tfoot {\n    display: grid !important;\n    grid-template-columns: subgrid;\n    grid-column: 1 / -1;\n    min-height: 0;\n}\n\n.apx-scrollable-table > thead {\n    grid-template-rows: var(--apx-scrollable-thead-template-rows, repeat(var(--apx-scrollable-thead-rows, 1), auto));\n}\n\n.apx-scrollable-table > tbody {\n    grid-template-rows: var(--apx-scrollable-tbody-template-rows, repeat(var(--apx-scrollable-tbody-rows, 1), auto));\n    overflow: auto;\n}\n\n.apx-scrollable-table > tfoot {\n    grid-template-rows: var(--apx-scrollable-tfoot-template-rows, repeat(var(--apx-scrollable-tfoot-rows, 1), auto));\n}\n\n.apx-scrollable-table > thead > tr,\n.apx-scrollable-table > tbody > tr,\n.apx-scrollable-table > tfoot > tr {\n    display: contents !important;\n}\n\n.apx-scrollable-table th,\n.apx-scrollable-table td {\n    min-width: 0;\n    box-sizing: border-box;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -1274,34 +1274,6 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%
 "use strict";
 module.exports = "data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cpath d=%27M8 8L24 24M24 8L8 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E";
 
-/***/ }),
-
-/***/ "./modules/common.mjs":
-/*!****************************!*\
-  !*** ./modules/common.mjs ***!
-  \****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   loadCss: () => (/* binding */ loadCss)
-/* harmony export */ });
-// Function to load the CSS from a given URL
-function loadCss(url) {
-  return fetch(url).then(function (response) {
-    return response.text();
-  }).then(function (css) {
-    var styleSheet = document.createElement("style");
-    styleSheet.type = "text/css";
-    styleSheet.textContent = css; // Use textContent instead of innerText
-    document.head.appendChild(styleSheet);
-  })["catch"](function (error) {
-    console.error("Failed to load CSS:", error);
-  });
-}
-
-
 /***/ }),
 
 /***/ "./modules/dialog/dialog.mjs":
@@ -1921,6 +1893,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (/* binding */ augmentWithScrollableTable)
 /* harmony export */ });
 /* harmony import */ var _css_scrollableTable_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css/scrollableTable.css */ "./modules/scrollableTable/css/scrollableTable.css");
+/* harmony import */ var _tools_getScrollbarSize_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../tools/getScrollbarSize.mjs */ "./modules/tools/getScrollbarSize.mjs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -1935,9 +1908,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 
+
 var DATA_KEY = '_apxScrollableTable';
 var CLASS_TABLE = 'apx-scrollable-table';
 var DEFAULT_MAX_HEIGHT = '200px';
+var DEFAULT_GUTTER_PX = 17;
 var THROTTLE_MS = 16;
 
 /** @type {Set<HTMLTableElement>} */
@@ -1955,10 +1930,10 @@ var throttleLast = 0;
 /** @type {number|null} */
 var throttleRaf = null;
 
-/**
- * Sum of colspans for one row (direct th/td children of tr).
- * @param {HTMLTableRowElement} tr
- * @returns {number}
+/**
+ * Sum of colspans for one row (direct th/td children of tr).
+ * @param {HTMLTableRowElement} tr
+ * @returns {number}
  */
 function getRowColumnCount(tr) {
   var cols = 0;
@@ -1968,10 +1943,10 @@ function getRowColumnCount(tr) {
   return cols;
 }
 
-/**
- * Get maximum column count in a section (max sum of colspans across all rows).
- * @param {HTMLTableSectionElement} section - thead, tbody, or tfoot
- * @returns {number}
+/**
+ * Get maximum column count in a section (max sum of colspans across all rows).
+ * @param {HTMLTableSectionElement} section - thead, tbody, or tfoot
+ * @returns {number}
  */
 function getColumnCountFromSection(section) {
   if (!section) return 0;
@@ -1984,10 +1959,10 @@ function getColumnCountFromSection(section) {
   return maxCols;
 }
 
-/**
- * Get total column count for the table (max across thead, tbody, tfoot).
- * @param {HTMLTableElement} table
- * @returns {number}
+/**
+ * Get total column count for the table (max across thead, tbody, tfoot).
+ * @param {HTMLTableElement} table
+ * @returns {number}
  */
 function getTableColumnCount(table) {
   var thead = table.querySelector('thead');
@@ -1999,12 +1974,12 @@ function getTableColumnCount(table) {
   return Math.max(countThead, countTbody, countTfoot, 1);
 }
 
-/**
- * Measure current column widths from the table in its natural layout (before applying scrollable class).
- * Prefers a row where each cell has colspan 1 so we get one width per column; otherwise splits cell widths by colspan.
- * @param {HTMLTableElement} table - table not yet with scrollable class
- * @param {number} numCols
- * @returns {number[]} pixel widths per column
+/**
+ * Measure current column widths from the table in its natural layout (before applying scrollable class).
+ * Prefers a row where each cell has colspan 1 so we get one width per column; otherwise splits cell widths by colspan.
+ * @param {HTMLTableElement} table - table not yet with scrollable class
+ * @param {number} numCols
+ * @returns {number[]} pixel widths per column
  */
 function measureColumnWidths(table, numCols) {
   var thead = table.querySelector('thead');
@@ -2079,23 +2054,23 @@ function measureColumnWidths(table, numCols) {
   return widths.slice(0, numCols);
 }
 
-/**
- * Count direct tr children in a section.
- * @param {HTMLTableSectionElement} section
- * @returns {number}
+/**
+ * Count direct tr children in a section.
+ * @param {HTMLTableSectionElement} section
+ * @returns {number}
  */
 function getRowCount(section) {
   if (!section) return 0;
   return section.querySelectorAll(':scope > tr').length;
 }
 
-/**
- * Build a 2D grid of occupied slots for a section (for rowspan/colspan placement).
- * Place each cell in DOM order; return a list of { cell, row, col, colspan, rowspan }.
- * @param {HTMLTableSectionElement} section
- * @param {number} numRows
- * @param {number} numCols
- * @returns {{ cell: HTMLTableCellElement, row: number, col: number, colspan: number, rowspan: number }[]}
+/**
+ * Build a 2D grid of occupied slots for a section (for rowspan/colspan placement).
+ * Place each cell in DOM order; return a list of { cell, row, col, colspan, rowspan }.
+ * @param {HTMLTableSectionElement} section
+ * @param {number} numRows
+ * @param {number} numCols
+ * @returns {{ cell: HTMLTableCellElement, row: number, col: number, colspan: number, rowspan: number }[]}
  */
 function computeCellPlacements(section, numRows, numCols) {
   if (!section || numRows === 0 || numCols === 0) return [];
@@ -2151,8 +2126,8 @@ function computeCellPlacements(section, numRows, numCols) {
   return placements;
 }
 
-/**
- * Apply grid placement styles to a list of placements (1-based line numbers for CSS Grid).
+/**
+ * Apply grid placement styles to a list of placements (1-based line numbers for CSS Grid).
  */
 function applyPlacements(placements) {
   placements.forEach(function (_ref) {
@@ -2166,9 +2141,9 @@ function applyPlacements(placements) {
   });
 }
 
-/**
- * Clear grid placement styles from all th/td in a table (for refresh).
- * @param {HTMLTableElement} table
+/**
+ * Clear grid placement styles from all th/td in a table (for refresh).
+ * @param {HTMLTableElement} table
  */
 function clearPlacements(table) {
   table.querySelectorAll('th, td').forEach(function (cell) {
@@ -2177,10 +2152,10 @@ function clearPlacements(table) {
   });
 }
 
-/**
- * Normalize height/maxHeight option to a CSS length string.
- * @param {number|string} value
- * @returns {string}
+/**
+ * Normalize height/maxHeight option to a CSS length string.
+ * @param {number|string} value
+ * @returns {string}
  */
 function normalizeHeight(value) {
   if (value == null) return DEFAULT_MAX_HEIGHT;
@@ -2188,11 +2163,11 @@ function normalizeHeight(value) {
   return String(value);
 }
 
-/**
- * Resolve current body height from options: either bodyHeightDynamic.get(table) or static height/maxHeight.
- * @param {Object} options - scrollableTable options (may include bodyHeightDynamic, height, maxHeight)
- * @param {HTMLTableElement} table
- * @returns {{ bodySize: string, useFixedHeight: boolean }}
+/**
+ * Resolve current body height from options: either bodyHeightDynamic.get(table) or static height/maxHeight.
+ * @param {Object} options - scrollableTable options (may include bodyHeightDynamic, height, maxHeight)
+ * @param {HTMLTableElement} table
+ * @returns {{ bodySize: string, useFixedHeight: boolean }}
  */
 function resolveBodyHeight(options, table) {
   var dyn = options.bodyHeightDynamic;
@@ -2214,10 +2189,10 @@ function resolveBodyHeight(options, table) {
   };
 }
 
-/**
- * Update only the tbody height CSS variable and class (used on scroll/resize for dynamic height).
- * @param {HTMLTableElement} table
- * @param {Object} options - full scrollableTable options (with ref.options when called from throttle)
+/**
+ * Update only the tbody height CSS variable and class (used on scroll/resize for dynamic height).
+ * @param {HTMLTableElement} table
+ * @param {Object} options - full scrollableTable options (with ref.options when called from throttle)
  */
 function updateTableBodyHeight(table, options) {
   var _resolveBodyHeight = resolveBodyHeight(options, table),
@@ -2227,8 +2202,8 @@ function updateTableBodyHeight(table, options) {
   table.classList.toggle('apx-scrollable-table--body-height', useFixedHeight);
 }
 
-/**
- * Run lazy cleanup then updateTableBodyHeight for all tables still in dynamicTables. (Called by throttled entry point or RAF.)
+/**
+ * Run lazy cleanup then updateTableBodyHeight for all tables still in dynamicTables. (Called by throttled entry point or RAF.)
  */
 function flushDynamicHeightUpdate() {
   var toRemove = [];
@@ -2244,8 +2219,8 @@ function flushDynamicHeightUpdate() {
   });
 }
 
-/**
- * Throttled entry: run flushDynamicHeightUpdate now or schedule with RAF.
+/**
+ * Throttled entry: run flushDynamicHeightUpdate now or schedule with RAF.
  */
 function runDynamicHeightUpdate() {
   var now = Date.now();
@@ -2263,10 +2238,10 @@ function runDynamicHeightUpdate() {
   flushDynamicHeightUpdate();
 }
 
-/**
- * Resolve updateOn into scroll targets (Element[]) and resize: { window: boolean, elements: Element[] }.
- * @param {Object} options - options.bodyHeightDynamic.updateOn
- * @returns {{ scrollTargets: Element[], resizeWindow: boolean, resizeElements: Element[] }}
+/**
+ * Resolve updateOn into scroll targets (Element[]) and resize: { window: boolean, elements: Element[] }.
+ * @param {Object} options - options.bodyHeightDynamic.updateOn
+ * @returns {{ scrollTargets: Element[], resizeWindow: boolean, resizeElements: Element[] }}
  */
 function resolveUpdateOn(options) {
   var _options$bodyHeightDy;
@@ -2299,9 +2274,9 @@ function resolveUpdateOn(options) {
   };
 }
 
-/**
- * Remove table from dynamicTables and from all scroll/resize Maps; detach listeners if Set becomes empty.
- * @param {HTMLTableElement} table
+/**
+ * Remove table from dynamicTables and from all scroll/resize Maps; detach listeners if Set becomes empty.
+ * @param {HTMLTableElement} table
  */
 function removeTableFromDynamicSources(table) {
   dynamicTables["delete"](table);
@@ -2331,10 +2306,10 @@ function onResizeThrottled() {
   runDynamicHeightUpdate();
 }
 
-/**
- * Register a table with bodyHeightDynamic: add to Set and attach scroll/resize listeners per updateOn.
- * @param {HTMLTableElement} table
- * @param {Object} options - full options (ref.options)
+/**
+ * Register a table with bodyHeightDynamic: add to Set and attach scroll/resize listeners per updateOn.
+ * @param {HTMLTableElement} table
+ * @param {Object} options - full options (ref.options)
  */
 function registerDynamicTable(table, options) {
   var _resolveUpdateOn = resolveUpdateOn(options),
@@ -2373,14 +2348,16 @@ function registerDynamicTable(table, options) {
   });
 }
 
-/**
- * Build grid-template-columns from measured widths and optional overrides per column.
- * @param {number} numCols
- * @param {number[]} columnWidths
- * @param {Object<number, string>|(string|null)[]} columnOverrides - map column index → CSS value (e.g. '2fr'), or array; null/empty = use measured
- * @returns {string}
+/**
+ * Build grid-template-columns from measured widths and optional overrides per column.
+ * @param {number} numCols
+ * @param {number[]} columnWidths
+ * @param {Object<number, string>|(string|null)[]} columnOverrides - map column index → CSS value (e.g. '2fr'), or array; null/empty = use measured
+ * @param {string} [unit='fr'] - CSS unit for measured widths ('fr' or 'px')
+ * @returns {string}
  */
 function buildTemplateColumns(numCols, columnWidths, columnOverrides) {
+  var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'fr';
   if (!columnWidths || columnWidths.length !== numCols) return '';
   var get = function get(i) {
     return Array.isArray(columnOverrides) ? columnOverrides[i] : columnOverrides[i];
@@ -2391,20 +2368,22 @@ function buildTemplateColumns(numCols, columnWidths, columnOverrides) {
     if (ov != null && typeof ov === 'string' && ov.trim() !== '') {
       parts.push(ov.trim());
     } else {
-      parts.push("".concat(Math.round(columnWidths[i]), "fr"));
+      parts.push("".concat(Math.round(columnWidths[i])).concat(unit));
     }
   }
   return parts.join(' ');
 }
 
-/**
- * Build grid-template-rows from measured heights and optional overrides per row.
- * @param {number} numRows
- * @param {number[]} rowHeights
- * @param {Object<number, string>|(string|null)[]} rowOverrides - map row index → CSS value (e.g. '48px', '2fr'), or array; null/empty = use measured
- * @returns {string}
+/**
+ * Build grid-template-rows from measured heights and optional overrides per row.
+ * @param {number} numRows
+ * @param {number[]} rowHeights
+ * @param {Object<number, string>|(string|null)[]} rowOverrides - map row index → CSS value (e.g. '48px', '2fr'), or array; null/empty = use measured
+ * @param {string} [unit='px'] - CSS unit for measured heights ('px' or 'fr')
+ * @returns {string}
  */
 function buildTemplateRows(numRows, rowHeights, rowOverrides) {
+  var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'px';
   if (!rowHeights || rowHeights.length < numRows) return '';
   var get = function get(i) {
     return Array.isArray(rowOverrides) ? rowOverrides[i] : rowOverrides === null || rowOverrides === void 0 ? void 0 : rowOverrides[i];
@@ -2416,16 +2395,16 @@ function buildTemplateRows(numRows, rowHeights, rowOverrides) {
       parts.push(ov.trim());
     } else {
       var _rowHeights$i;
-      parts.push("".concat(Math.round((_rowHeights$i = rowHeights[i]) !== null && _rowHeights$i !== void 0 ? _rowHeights$i : 0), "px"));
+      parts.push("".concat(Math.round((_rowHeights$i = rowHeights[i]) !== null && _rowHeights$i !== void 0 ? _rowHeights$i : 0)).concat(unit));
     }
   }
   return parts.join(' ');
 }
 
-/**
- * Measure each tr height in a section (table must not yet have scrollable class).
- * @param {HTMLTableSectionElement|null} section
- * @returns {number[]}
+/**
+ * Measure each tr height in a section (table must not yet have scrollable class).
+ * @param {HTMLTableSectionElement|null} section
+ * @returns {number[]}
  */
 function measureRowHeights(section) {
   if (!section) return [];
@@ -2435,21 +2414,22 @@ function measureRowHeights(section) {
   });
 }
 
-/**
- * Apply scrollable table layout to a single table.
- * @param {HTMLTableElement} table
- * @param {Object} options - scrollableTable options
- * @param {number|string} [options.maxHeight] - Max height of tbody (default '200px'). Ignored when height or bodyHeightDynamic is set.
- * @param {number|string} [options.height] - Fixed height of tbody. Ignored when bodyHeightDynamic is set.
- * @param {{ get: (function(HTMLTableElement): number|string), useAs: 'height'|'maxHeight', updateOn?: { scroll?: boolean, resize?: boolean, scrollOn?: ('document'|Element)[], resizeOn?: ('window'|Element)[] } }} [options.bodyHeightDynamic] - When set, body size is computed by get(table) and re-applied when scroll/resize sources fire. updateOn: scrollOn/resizeOn list elements (sentinels 'document'/'window'); or use scroll (default false) / resize (default true) booleans.
- * @param {string} [options.gridTemplateColumns]
- * @param {{ thead?: string, tbody?: string, tfoot?: string }} [options.gridTemplateRows]
- * @param {{ thead?: Object<number, string>|(string|null)[], tbody?: Object<number, string>|(string|null)[], tfoot?: Object<number, string>|(string|null)[] }} [options.rowOverrides]
- * @param {Object<number, string>|(string|null)[]} [options.columnOverrides]
- * @param {{ columnWidths?: number[], rowHeights?: { thead?: number[], tbody?: number[], tfoot?: number[] } } | undefined} ref - existing ref when refreshing
+/**
+ * Apply scrollable table layout to a single table.
+ * @param {HTMLTableElement} table
+ * @param {Object} options - scrollableTable options
+ * @param {number|string} [options.maxHeight] - Max height of tbody (default '200px'). Ignored when height or bodyHeightDynamic is set.
+ * @param {number|string} [options.height] - Fixed height of tbody. Ignored when bodyHeightDynamic is set.
+ * @param {{ get: (function(HTMLTableElement): number|string), useAs: 'height'|'maxHeight', updateOn?: { scroll?: boolean, resize?: boolean, scrollOn?: ('document'|Element)[], resizeOn?: ('window'|Element)[] } }} [options.bodyHeightDynamic] - When set, body size is computed by get(table) and re-applied when scroll/resize sources fire. updateOn: scrollOn/resizeOn list elements (sentinels 'document'/'window'); or use scroll (default false) / resize (default true) booleans.
+ * @param {string} [options.gridTemplateColumns]
+ * @param {{ thead?: string, tbody?: string, tfoot?: string }} [options.gridTemplateRows]
+ * @param {{ thead?: Object<number, string>|(string|null)[], tbody?: Object<number, string>|(string|null)[], tfoot?: Object<number, string>|(string|null)[] }} [options.rowOverrides]
+ * @param {Object<number, string>|(string|null)[]} [options.columnOverrides]
+ * @param {{ cols?: string, rows?: string }} [options.defaultSizingUnit] - CSS unit for measured widths/heights. cols defaults to 'fr', rows defaults to 'px'.
+ * @param {{ columnWidths?: number[], rowHeights?: { thead?: number[], tbody?: number[], tfoot?: number[] } } | undefined} ref - existing ref when refreshing
  */
 function applyScrollableTable(table, options, ref) {
-  var _ref$columnWidths, _ref$rowHeights;
+  var _ref$columnWidths, _ref$rowHeights, _options$defaultSizin, _options$defaultSizin2;
   var thead = table.querySelector('thead');
   var tbody = table.querySelector('tbody');
   var tfoot = table.querySelector('tfoot');
@@ -2483,12 +2463,23 @@ function applyScrollableTable(table, options, ref) {
   // Without this, the browser batches class + template into one pass and the tbody overflows horizontally.
   table.offsetHeight; // eslint-disable-line no-unused-expressions
 
-  var gutterSuffix = ' minmax(var(--apx-scrollable-gutter-width, 17px), var(--apx-scrollable-gutter-width, 17px))';
+  var colUnit = ((_options$defaultSizin = options.defaultSizingUnit) === null || _options$defaultSizin === void 0 ? void 0 : _options$defaultSizin.cols) || 'fr';
+  var rowUnit = ((_options$defaultSizin2 = options.defaultSizingUnit) === null || _options$defaultSizin2 === void 0 ? void 0 : _options$defaultSizin2.rows) || 'px';
+  var gutterFallbackPx = DEFAULT_GUTTER_PX;
+  try {
+    var measured = (0,_tools_getScrollbarSize_mjs__WEBPACK_IMPORTED_MODULE_1__.getScrollbarSize)('vertical');
+    if (typeof measured === 'number' && Number.isFinite(measured) && measured >= 0) {
+      gutterFallbackPx = measured;
+    }
+  } catch (_) {
+    /* use DEFAULT_GUTTER_PX */
+  }
+  var gutterSuffix = " minmax(var(--apx-scrollable-gutter-width, ".concat(gutterFallbackPx, "px), var(--apx-scrollable-gutter-width, ").concat(gutterFallbackPx, "px))");
   if (customTemplate) {
     table.style.setProperty('--apx-scrollable-template-columns', options.gridTemplateColumns.trim() + gutterSuffix);
   } else if (columnWidths && columnWidths.length === numCols) {
-    var template = options.columnOverrides != null ? buildTemplateColumns(numCols, columnWidths, options.columnOverrides) : columnWidths.map(function (w) {
-      return "".concat(Math.round(w), "fr");
+    var template = options.columnOverrides != null ? buildTemplateColumns(numCols, columnWidths, options.columnOverrides, colUnit) : columnWidths.map(function (w) {
+      return "".concat(Math.round(w)).concat(colUnit);
     }).join(' ');
     table.style.setProperty('--apx-scrollable-template-columns', template + gutterSuffix);
   } else {
@@ -2525,8 +2516,8 @@ function applyScrollableTable(table, options, ref) {
     if (typeof custom === 'string' && custom.trim().length > 0) {
       section.style.setProperty(varName, custom.trim());
     } else if (heights && heights.length >= rows) {
-      var _template = overrides != null ? buildTemplateRows(rows, heights.slice(0, rows), overrides) : heights.slice(0, rows).map(function (h) {
-        return "".concat(Math.round(h), "px");
+      var _template = overrides != null ? buildTemplateRows(rows, heights.slice(0, rows), overrides, rowUnit) : heights.slice(0, rows).map(function (h) {
+        return "".concat(Math.round(h)).concat(rowUnit);
       }).join(' ');
       section.style.setProperty(varName, _template);
     } else {
@@ -2541,14 +2532,14 @@ function applyScrollableTable(table, options, ref) {
   };
 }
 
-/**
- * Augments the APX object with scrollableTable(options | 'refresh').
- * Makes the tbody of a table scrollable while keeping thead/tfoot fixed and columns aligned (CSS Grid + subgrid).
- *
- * @param {Object} apx - The APX object to augment.
- * @example
- * APX('table.data-grid').scrollableTable({ maxHeight: 300 });
- * APX('table.data-grid').scrollableTable('refresh');
+/**
+ * Augments the APX object with scrollableTable(options | 'refresh').
+ * Makes the tbody of a table scrollable while keeping thead/tfoot fixed and columns aligned (CSS Grid + subgrid).
+ *
+ * @param {Object} apx - The APX object to augment.
+ * @example
+ * APX('table.data-grid').scrollableTable({ maxHeight: 300 });
+ * APX('table.data-grid').scrollableTable('refresh');
  */
 function augmentWithScrollableTable(apx) {
   apx.scrollableTable = function (optionsOrAction) {
@@ -3917,24 +3908,34 @@ Object.assign(toast, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   augmentWithPack: () => (/* reexport safe */ _form_packer_augment_apx_mjs__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   getScrollbarSize: () => (/* reexport safe */ _getScrollbarSize_mjs__WEBPACK_IMPORTED_MODULE_2__.getScrollbarSize),
+/* harmony export */   loadCss: () => (/* reexport safe */ _loadCss_mjs__WEBPACK_IMPORTED_MODULE_3__.loadCss),
 /* harmony export */   packFormToJSON: () => (/* reexport safe */ _form_packer_packToJson_mjs__WEBPACK_IMPORTED_MODULE_1__.packFormToJSON),
 /* harmony export */   tools: () => (/* binding */ tools)
 /* harmony export */ });
 /* harmony import */ var _form_packer_augment_apx_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form-packer/augment-apx.mjs */ "./modules/tools/form-packer/augment-apx.mjs");
 /* harmony import */ var _form_packer_packToJson_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form-packer/packToJson.mjs */ "./modules/tools/form-packer/packToJson.mjs");
+/* harmony import */ var _getScrollbarSize_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getScrollbarSize.mjs */ "./modules/tools/getScrollbarSize.mjs");
+/* harmony import */ var _loadCss_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./loadCss.mjs */ "./modules/tools/loadCss.mjs");
 // Import des fonctions et modules des sous-modules
 
 
 
+
+
 // Export de la fonction d'augmentation
 
 
 // Export des fonctions utilitaires
 
 
+
+
 // Export d'un objet tools pour faciliter l'utilisation
 var tools = {
-  packFormToJSON: _form_packer_packToJson_mjs__WEBPACK_IMPORTED_MODULE_1__.packFormToJSON
+  packFormToJSON: _form_packer_packToJson_mjs__WEBPACK_IMPORTED_MODULE_1__.packFormToJSON,
+  getScrollbarSize: _getScrollbarSize_mjs__WEBPACK_IMPORTED_MODULE_2__.getScrollbarSize,
+  loadCss: _loadCss_mjs__WEBPACK_IMPORTED_MODULE_3__.loadCss
 };
 
 /***/ }),
@@ -4649,6 +4650,96 @@ var isPlainObject = function isPlainObject(obj) {
 
 /***/ }),
 
+/***/ "./modules/tools/getScrollbarSize.mjs":
+/*!********************************************!*\
+  !*** ./modules/tools/getScrollbarSize.mjs ***!
+  \********************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getScrollbarSize: () => (/* binding */ getScrollbarSize)
+/* harmony export */ });
+function getScrollbarSize() {
+  var _getScrollbarSize$_ca;
+  var orientation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "vertical";
+  if (!getScrollbarSize._cache) {
+    var outer = document.createElement("div");
+    Object.assign(outer.style, {
+      position: "absolute",
+      top: "-9999px",
+      left: "-9999px",
+      width: "100px",
+      height: "100px",
+      overflow: "scroll"
+    });
+    document.body.appendChild(outer);
+    getScrollbarSize._cache = {
+      vertical: outer.offsetWidth - outer.clientWidth,
+      horizontal: outer.offsetHeight - outer.clientHeight
+    };
+    outer.remove();
+  }
+  return (_getScrollbarSize$_ca = getScrollbarSize._cache[orientation]) !== null && _getScrollbarSize$_ca !== void 0 ? _getScrollbarSize$_ca : 0;
+}
+
+/***/ }),
+
+/***/ "./modules/tools/loadCss.mjs":
+/*!***********************************!*\
+  !*** ./modules/tools/loadCss.mjs ***!
+  \***********************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   loadCss: () => (/* binding */ loadCss)
+/* harmony export */ });
+var loadCssCache = new Map();
+
+/**
+ * Loads CSS from a URL and injects it into the document.
+ * Idempotent: same URL returns the same Promise; duplicate loads are avoided.
+ * @param {string} url - URL of the CSS file to load
+ * @param {{ id?: string, media?: string, before?: Node }} [options] - Optional: id and media for the style element, before for insertion point
+ * @returns {Promise<HTMLStyleElement>} Resolves with the injected style element; rejects on fetch failure or non-ok response
+ */
+function loadCss(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var cached = loadCssCache.get(url);
+  if (cached) {
+    return cached;
+  }
+  var promise = fetch(url).then(function (response) {
+    if (!response.ok) {
+      throw new Error("Failed to load CSS: ".concat(response.status, " ").concat(response.statusText));
+    }
+    return response.text();
+  }).then(function (css) {
+    var styleSheet = document.createElement("style");
+    if (options.id) styleSheet.id = options.id;
+    if (options.media) styleSheet.media = options.media;
+    styleSheet.textContent = css;
+    var insertBefore = options.before;
+    if (insertBefore && insertBefore.parentNode) {
+      insertBefore.parentNode.insertBefore(styleSheet, insertBefore);
+    } else {
+      document.head.appendChild(styleSheet);
+    }
+    return styleSheet;
+  })["catch"](function (error) {
+    loadCssCache["delete"](url);
+    console.error("Failed to load CSS:", error);
+    throw error;
+  });
+  loadCssCache.set(url, promise);
+  return promise;
+}
+
+/***/ }),
+
 /***/ "./modules/tristate/tristate.mjs":
 /*!***************************************!*\
   !*** ./modules/tristate/tristate.mjs ***!
@@ -5094,9 +5185,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modules_scrollableTable_scrollableTable_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules/scrollableTable/scrollableTable.mjs */ "./modules/scrollableTable/scrollableTable.mjs");
 /* harmony import */ var _modules_dialog_dialog_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules/dialog/dialog.mjs */ "./modules/dialog/dialog.mjs");
 /* harmony import */ var _modules_toast_toast_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/toast/toast.mjs */ "./modules/toast/toast.mjs");
-/* harmony import */ var _modules_common_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/common.mjs */ "./modules/common.mjs");
-/* harmony import */ var _modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/tools/exports.mjs */ "./modules/tools/exports.mjs");
-
+/* harmony import */ var _modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/tools/exports.mjs */ "./modules/tools/exports.mjs");
 
 
 
@@ -5210,13 +5299,13 @@ var APX = function APX(input) {
   (0,_modules_listen_listen_mjs__WEBPACK_IMPORTED_MODULE_0__["default"])(apx);
   (0,_modules_tristate_tristate_mjs__WEBPACK_IMPORTED_MODULE_1__["default"])(apx);
   (0,_modules_scrollableTable_scrollableTable_mjs__WEBPACK_IMPORTED_MODULE_2__["default"])(apx);
-  (0,_modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_6__.augmentWithPack)(apx);
+  (0,_modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_5__.augmentWithPack)(apx);
   return apx;
 };
-APX.loadCss = _modules_common_mjs__WEBPACK_IMPORTED_MODULE_5__.loadCss;
+APX.loadCss = _modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_5__.loadCss;
 APX.dialog = _modules_dialog_dialog_mjs__WEBPACK_IMPORTED_MODULE_3__["default"];
 APX.toast = _modules_toast_toast_mjs__WEBPACK_IMPORTED_MODULE_4__["default"];
-APX.tools = _modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_6__.tools;
+APX.tools = _modules_tools_exports_mjs__WEBPACK_IMPORTED_MODULE_5__.tools;
 APX.isAPXObject = function (obj) {
   return obj && obj._isAPXObject === true;
 };