@appius-fr/apx 2.4.0 → 2.5.2

package/dist/APX.standalone.js

@@ -0,0 +1,3170 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./modules/dialog/css/dialog.css":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./modules/dialog/css/dialog.css ***!
+  \*****************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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, `/* Dialog styling */
+.APX-dialog {
+    display: none;
+    position: fixed;
+    z-index: 1002;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+    /* Dimmed background for focus on dialog */
+}
+
+.APX-dialog-content {
+    background-color: #fefefe;
+    padding: 40px;
+    border: none;
+    width: auto;
+    min-width: 300px;
+    max-width: 80%;
+    margin: auto;
+    border-radius: 8px;
+    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+}
+
+h2.APX-dialog-title{
+    margin-top:0;
+}
+
+.APX-close-dialog {
+    color: #aaa;
+    float: right;
+    font-size: 24px;
+    margin-top: -10px;
+    /* Adjust positioning */
+    margin-right: -10px;
+}
+
+.APX-close-dialog:hover,
+.APX-close-dialog:focus {
+    color: #333;
+    /* Darker color on hover/focus */
+    cursor: pointer;
+}
+
+/* Input fields styling */
+.APX-dialog-content input[type="text"],
+.APX-dialog-content input[type="number"],
+.APX-dialog-content input[type="date"],
+.APX-dialog-content input[type="datetime-local"] {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    font-size: 16px;
+    box-sizing: border-box;
+    transition: border-color 0.3s;
+}
+
+.APX-dialog-content input[type="text"]:focus,
+.APX-dialog-content input[type="number"]:focus,
+.APX-dialog-content input[type="date"]:focus,
+.APX-dialog-content input[type="datetime-local"]:focus {
+    border-color: #2C3E50;
+    /* Deep Blue Color */
+    outline: none;
+}
+
+/* Button in the dialog */
+.APX-dialog-button-container button {
+    position: relative;
+    background-color: #2C3E50;
+    color: #ECF0F1;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.APX-dialog-button-container button:hover {
+    background-color: #34495E;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.APX-dialog-button-container {
+    display: flex;
+    gap: 10px;
+    margin-top:1em;
+    /* spacing between buttons */
+}
+
+/* Loading indicator */
+.APX-dialog-loading-indicator {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100px;
+    width: 100%;
+}
+
+.APX-dialog-loading-indicator::before {
+    content: '';
+    width: 40px;
+    height: 40px;
+    border: 4px solid #f3f3f3;
+    border-top: 4px solid #2C3E50;
+    border-radius: 50%;
+    animation: APX-dialog-spin 1s linear infinite;
+}
+
+@keyframes APX-dialog-spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+.APX-dialog-button-disabled {
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    background-color: #95a5a6 !important; /* Grayed out color */
+    box-shadow: none !important;
+    transition: all 0.2s ease;
+    transform: none !important;
+}
+
+.APX-dialog-button-disabled:hover {
+    background-color: #95a5a6 !important; /* Keep gray on hover */
+    transform: none !important;
+}
+
+/* Add a subtle strikethrough effect */
+.APX-dialog-button-disabled::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background-color: rgba(0, 0, 0, 0.2);
+    transform: rotate(-5deg);
+}`, "",{"version":3,"sources":["webpack://./modules/dialog/css/dialog.css"],"names":[],"mappings":"AAAA,mBAAmB;AACnB;IACI,aAAa;IACb,eAAe;IACf,aAAa;IACb,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,cAAc;IACd,oCAAoC;IACpC,0CAA0C;AAC9C;;AAEA;IACI,yBAAyB;IACzB,aAAa;IACb,YAAY;IACZ,WAAW;IACX,gBAAgB;IAChB,cAAc;IACd,YAAY;IACZ,kBAAkB;IAClB,2CAA2C;IAC3C,gDAAgD;AACpD;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,eAAe;IACf,iBAAiB;IACjB,uBAAuB;IACvB,mBAAmB;AACvB;;AAEA;;IAEI,WAAW;IACX,gCAAgC;IAChC,eAAe;AACnB;;AAEA,yBAAyB;AACzB;;;;IAII,WAAW;IACX,aAAa;IACb,mBAAmB;IACnB,sBAAsB;IACtB,kBAAkB;IAClB,gDAAgD;IAChD,eAAe;IACf,sBAAsB;IACtB,6BAA6B;AACjC;;AAEA;;;;IAII,qBAAqB;IACrB,oBAAoB;IACpB,aAAa;AACjB;;AAEA,yBAAyB;AACzB;IACI,kBAAkB;IAClB,yBAAyB;IACzB,cAAc;IACd,YAAY;IACZ,kBAAkB;IAClB,kBAAkB;IAClB,eAAe;IACf,eAAe;IACf,yBAAyB;IACzB,wCAAwC;AAC5C;;AAEA;IACI,yBAAyB;IACzB,2BAA2B;IAC3B,yCAAyC;AAC7C;;AAEA;IACI,aAAa;IACb,SAAS;IACT,cAAc;IACd,4BAA4B;AAChC;;AAEA,sBAAsB;AACtB;IACI,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,aAAa;IACb,WAAW;AACf;;AAEA;IACI,WAAW;IACX,WAAW;IACX,YAAY;IACZ,yBAAyB;IACzB,6BAA6B;IAC7B,kBAAkB;IAClB,6CAA6C;AACjD;;AAEA;IACI,KAAK,uBAAuB,EAAE;IAC9B,OAAO,yBAAyB,EAAE;AACtC;AACA;IACI,YAAY;IACZ,8BAA8B;IAC9B,oCAAoC,EAAE,qBAAqB;IAC3D,2BAA2B;IAC3B,yBAAyB;IACzB,0BAA0B;AAC9B;;AAEA;IACI,oCAAoC,EAAE,uBAAuB;IAC7D,0BAA0B;AAC9B;;AAEA,sCAAsC;AACtC;IACI,WAAW;IACX,kBAAkB;IAClB,QAAQ;IACR,OAAO;IACP,WAAW;IACX,WAAW;IACX,oCAAoC;IACpC,wBAAwB;AAC5B","sourcesContent":["/* Dialog styling */\r\n.APX-dialog {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 1002;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(0, 0, 0, 0.4);\r\n    /* Dimmed background for focus on dialog */\r\n}\r\n\r\n.APX-dialog-content {\r\n    background-color: #fefefe;\r\n    padding: 40px;\r\n    border: none;\r\n    width: auto;\r\n    min-width: 300px;\r\n    max-width: 80%;\r\n    margin: auto;\r\n    border-radius: 8px;\r\n    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\nh2.APX-dialog-title{\r\n    margin-top:0;\r\n}\r\n\r\n.APX-close-dialog {\r\n    color: #aaa;\r\n    float: right;\r\n    font-size: 24px;\r\n    margin-top: -10px;\r\n    /* Adjust positioning */\r\n    margin-right: -10px;\r\n}\r\n\r\n.APX-close-dialog:hover,\r\n.APX-close-dialog:focus {\r\n    color: #333;\r\n    /* Darker color on hover/focus */\r\n    cursor: pointer;\r\n}\r\n\r\n/* Input fields styling */\r\n.APX-dialog-content input[type=\"text\"],\r\n.APX-dialog-content input[type=\"number\"],\r\n.APX-dialog-content input[type=\"date\"],\r\n.APX-dialog-content input[type=\"datetime-local\"] {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-bottom: 20px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    font-size: 16px;\r\n    box-sizing: border-box;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\n.APX-dialog-content input[type=\"text\"]:focus,\r\n.APX-dialog-content input[type=\"number\"]:focus,\r\n.APX-dialog-content input[type=\"date\"]:focus,\r\n.APX-dialog-content input[type=\"datetime-local\"]:focus {\r\n    border-color: #2C3E50;\r\n    /* Deep Blue Color */\r\n    outline: none;\r\n}\r\n\r\n/* Button in the dialog */\r\n.APX-dialog-button-container button {\r\n    position: relative;\r\n    background-color: #2C3E50;\r\n    color: #ECF0F1;\r\n    border: none;\r\n    padding: 10px 20px;\r\n    border-radius: 5px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.APX-dialog-button-container button:hover {\r\n    background-color: #34495E;\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.APX-dialog-button-container {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top:1em;\r\n    /* spacing between buttons */\r\n}\r\n\r\n/* Loading indicator */\r\n.APX-dialog-loading-indicator {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100px;\r\n    width: 100%;\r\n}\r\n\r\n.APX-dialog-loading-indicator::before {\r\n    content: '';\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid #f3f3f3;\r\n    border-top: 4px solid #2C3E50;\r\n    border-radius: 50%;\r\n    animation: APX-dialog-spin 1s linear infinite;\r\n}\r\n\r\n@keyframes APX-dialog-spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n.APX-dialog-button-disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed !important;\r\n    background-color: #95a5a6 !important; /* Grayed out color */\r\n    box-shadow: none !important;\r\n    transition: all 0.2s ease;\r\n    transform: none !important;\r\n}\r\n\r\n.APX-dialog-button-disabled:hover {\r\n    background-color: #95a5a6 !important; /* Keep gray on hover */\r\n    transform: none !important;\r\n}\r\n\r\n/* Add a subtle strikethrough effect */\r\n.APX-dialog-button-disabled::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: rgba(0, 0, 0, 0.2);\r\n    transform: rotate(-5deg);\r\n}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./modules/toast/css/toast.css":
+/*!***************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./modules/toast/css/toast.css ***!
+  \***************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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-toast-container {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    gap: var(--apx-toast-gap, 8px);
+    z-index: var(--apx-toast-z-index, 11000);
+    pointer-events: none;
+}
+
+.APX-toast-container--bottom-right { right: 12px; bottom: 12px; align-items: flex-end; }
+.APX-toast-container--bottom-left { left: 12px; bottom: 12px; align-items: flex-start; }
+.APX-toast-container--top-right { right: 12px; top: 12px; align-items: flex-end; }
+.APX-toast-container--top-left { left: 12px; top: 12px; align-items: flex-start; }
+
+.APX-toast {
+    min-width: var(--apx-toast-min-width, 260px);
+    max-width: var(--apx-toast-max-width, 420px);
+    font-size: var(--apx-toast-font-size, 14px);
+    border-radius: var(--apx-toast-radius, 6px);
+    box-shadow: var(--apx-toast-shadow, 0 6px 24px rgba(0,0,0,0.2));
+    padding: var(--apx-toast-padding, 10px 42px 10px 14px);
+    color: #111;
+    background: #eee;
+    pointer-events: auto;
+    position: relative;
+    transition: opacity 180ms ease, transform 180ms ease;
+}
+
+.APX-toast--info { background: var(--apx-toast-info-bg, #0dcaf0); color: var(--apx-toast-info-fg, #052c65); }
+.APX-toast--success { background: var(--apx-toast-success-bg, #198754); color: var(--apx-toast-success-fg, #ffffff); }
+.APX-toast--warning { background: var(--apx-toast-warning-bg, #ffc107); color: var(--apx-toast-warning-fg, #664d03); }
+.APX-toast--danger { background: var(--apx-toast-danger-bg, #dc3545); color: var(--apx-toast-danger-fg, #ffffff); }
+
+.APX-toast__content { line-height: 1.35; }
+
+.APX-toast__close {
+    position: absolute;
+    top: 50%; right: 10px;
+    width: 24px; height: 24px;
+    transform: translateY(-50%);
+    display: inline-flex; align-items: center; justify-content: center;
+    background: transparent; color: currentColor;
+    border: 0; border-radius: 4px; padding: 0; margin: 0;
+    cursor: pointer; appearance: none; -webkit-appearance: none;
+    opacity: .75; transition: opacity 120ms ease;
+}
+.APX-toast__close:hover { opacity: 1; }
+.APX-toast__close:focus { outline: 2px solid rgba(0,0,0,.2); outline-offset: 2px; }
+.APX-toast__close::before {
+    content: '×';
+    font-size: 16px; line-height: 1; text-align: center;
+}
+
+/* Animations */
+.APX-toast--enter { opacity: 0; transform: translateY(8px); }
+.APX-toast--enter.APX-toast--enter-active { opacity: 1; transform: translateY(0); }
+.APX-toast--exit { opacity: 1; transform: translateY(0); }
+.APX-toast--exit.APX-toast--exit-active { opacity: 0; transform: translateY(8px); }
+
+
+`, "",{"version":3,"sources":["webpack://./modules/toast/css/toast.css"],"names":[],"mappings":"AAAA;IACI,eAAe;IACf,aAAa;IACb,sBAAsB;IACtB,8BAA8B;IAC9B,wCAAwC;IACxC,oBAAoB;AACxB;;AAEA,qCAAqC,WAAW,EAAE,YAAY,EAAE,qBAAqB,EAAE;AACvF,oCAAoC,UAAU,EAAE,YAAY,EAAE,uBAAuB,EAAE;AACvF,kCAAkC,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE;AACjF,iCAAiC,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE;;AAEjF;IACI,4CAA4C;IAC5C,4CAA4C;IAC5C,2CAA2C;IAC3C,2CAA2C;IAC3C,+DAA+D;IAC/D,sDAAsD;IACtD,WAAW;IACX,gBAAgB;IAChB,oBAAoB;IACpB,kBAAkB;IAClB,oDAAoD;AACxD;;AAEA,mBAAmB,6CAA6C,EAAE,wCAAwC,EAAE;AAC5G,sBAAsB,gDAAgD,EAAE,2CAA2C,EAAE;AACrH,sBAAsB,gDAAgD,EAAE,2CAA2C,EAAE;AACrH,qBAAqB,+CAA+C,EAAE,0CAA0C,EAAE;;AAElH,sBAAsB,iBAAiB,EAAE;;AAEzC;IACI,kBAAkB;IAClB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,YAAY;IACzB,2BAA2B;IAC3B,oBAAoB,EAAE,mBAAmB,EAAE,uBAAuB;IAClE,uBAAuB,EAAE,mBAAmB;IAC5C,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,SAAS;IACpD,eAAe,EAAE,gBAAgB,EAAE,wBAAwB;IAC3D,YAAY,EAAE,8BAA8B;AAChD;AACA,0BAA0B,UAAU,EAAE;AACtC,0BAA0B,iCAAiC,EAAE,mBAAmB,EAAE;AAClF;IACI,YAAY;IACZ,eAAe,EAAE,cAAc,EAAE,kBAAkB;AACvD;;AAEA,eAAe;AACf,oBAAoB,UAAU,EAAE,0BAA0B,EAAE;AAC5D,4CAA4C,UAAU,EAAE,wBAAwB,EAAE;AAClF,mBAAmB,UAAU,EAAE,wBAAwB,EAAE;AACzD,0CAA0C,UAAU,EAAE,0BAA0B,EAAE","sourcesContent":[".APX-toast-container {\r\n    position: fixed;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--apx-toast-gap, 8px);\r\n    z-index: var(--apx-toast-z-index, 11000);\r\n    pointer-events: none;\r\n}\r\n\r\n.APX-toast-container--bottom-right { right: 12px; bottom: 12px; align-items: flex-end; }\r\n.APX-toast-container--bottom-left { left: 12px; bottom: 12px; align-items: flex-start; }\r\n.APX-toast-container--top-right { right: 12px; top: 12px; align-items: flex-end; }\r\n.APX-toast-container--top-left { left: 12px; top: 12px; align-items: flex-start; }\r\n\r\n.APX-toast {\r\n    min-width: var(--apx-toast-min-width, 260px);\r\n    max-width: var(--apx-toast-max-width, 420px);\r\n    font-size: var(--apx-toast-font-size, 14px);\r\n    border-radius: var(--apx-toast-radius, 6px);\r\n    box-shadow: var(--apx-toast-shadow, 0 6px 24px rgba(0,0,0,0.2));\r\n    padding: var(--apx-toast-padding, 10px 42px 10px 14px);\r\n    color: #111;\r\n    background: #eee;\r\n    pointer-events: auto;\r\n    position: relative;\r\n    transition: opacity 180ms ease, transform 180ms ease;\r\n}\r\n\r\n.APX-toast--info { background: var(--apx-toast-info-bg, #0dcaf0); color: var(--apx-toast-info-fg, #052c65); }\r\n.APX-toast--success { background: var(--apx-toast-success-bg, #198754); color: var(--apx-toast-success-fg, #ffffff); }\r\n.APX-toast--warning { background: var(--apx-toast-warning-bg, #ffc107); color: var(--apx-toast-warning-fg, #664d03); }\r\n.APX-toast--danger { background: var(--apx-toast-danger-bg, #dc3545); color: var(--apx-toast-danger-fg, #ffffff); }\r\n\r\n.APX-toast__content { line-height: 1.35; }\r\n\r\n.APX-toast__close {\r\n    position: absolute;\r\n    top: 50%; right: 10px;\r\n    width: 24px; height: 24px;\r\n    transform: translateY(-50%);\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    background: transparent; color: currentColor;\r\n    border: 0; border-radius: 4px; padding: 0; margin: 0;\r\n    cursor: pointer; appearance: none; -webkit-appearance: none;\r\n    opacity: .75; transition: opacity 120ms ease;\r\n}\r\n.APX-toast__close:hover { opacity: 1; }\r\n.APX-toast__close:focus { outline: 2px solid rgba(0,0,0,.2); outline-offset: 2px; }\r\n.APX-toast__close::before {\r\n    content: '×';\r\n    font-size: 16px; line-height: 1; text-align: center;\r\n}\r\n\r\n/* Animations */\r\n.APX-toast--enter { opacity: 0; transform: translateY(8px); }\r\n.APX-toast--enter.APX-toast--enter-active { opacity: 1; transform: translateY(0); }\r\n.APX-toast--exit { opacity: 1; transform: translateY(0); }\r\n.APX-toast--exit.APX-toast--exit-active { opacity: 0; transform: translateY(8px); }\r\n\r\n\r\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./modules/tristate/css/tristate.css":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./modules/tristate/css/tristate.css ***!
+  \*********************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ "./node_modules/css-loader/dist/runtime/getUrl.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
+// Imports
+
+
+
+var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E */ "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E"), __webpack_require__.b);
+var ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%3E%3C/svg%3E */ "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%3E%3C/svg%3E"), __webpack_require__.b);
+var ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(/*! data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E */ "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"), __webpack_require__.b);
+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()));
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.apx-tristate {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    cursor: pointer;
+    position: relative;
+    min-width:13px;
+    min-height:13px;
+    background-size: contain;
+    background-color: white;
+    border-radius:3px;
+}
+.apx-tristate.unchecked {
+    background-image: url(${___CSS_LOADER_URL_REPLACEMENT_0___});
+}
+.apx-tristate.checked {
+    background-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});
+    background-repeat: no-repeat;
+    background-position: center;
+}
+.apx-tristate.crossed {
+    background-image: url(${___CSS_LOADER_URL_REPLACEMENT_2___});
+    background-repeat: no-repeat;
+    background-position: center;
+}`, "",{"version":3,"sources":["webpack://./modules/tristate/css/tristate.css"],"names":[],"mappings":"AAAA;IACI,qBAAqB;IACrB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,wBAAwB;IACxB,uBAAuB;IACvB,iBAAiB;AACrB;AACA;IACI,yDAAylB;AAC7lB;AACA;IACI,yDAA6e;IAC7e,4BAA4B;IAC5B,2BAA2B;AAC/B;AACA;IACI,yDAAsnB;IACtnB,4BAA4B;IAC5B,2BAA2B;AAC/B","sourcesContent":[".apx-tristate {\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    position: relative;\r\n    min-width:13px;\r\n    min-height:13px;\r\n    background-size: contain;\r\n    background-color: white;\r\n    border-radius:3px;\r\n}\r\n.apx-tristate.unchecked {\r\n    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E');\r\n}\r\n.apx-tristate.checked {\r\n    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%3E%3C/svg%3E');\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n}\r\n.apx-tristate.crossed {\r\n    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/runtime/api.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
+  \*****************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+module.exports = function (cssWithMappingToString) {
+  var list = [];
+
+  // return the list of modules as css string
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = "";
+      var needLayer = typeof item[5] !== "undefined";
+      if (item[4]) {
+        content += "@supports (".concat(item[4], ") {");
+      }
+      if (item[2]) {
+        content += "@media ".concat(item[2], " {");
+      }
+      if (needLayer) {
+        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
+      }
+      content += cssWithMappingToString(item);
+      if (needLayer) {
+        content += "}";
+      }
+      if (item[2]) {
+        content += "}";
+      }
+      if (item[4]) {
+        content += "}";
+      }
+      return content;
+    }).join("");
+  };
+
+  // import a list of modules into the list
+  list.i = function i(modules, media, dedupe, supports, layer) {
+    if (typeof modules === "string") {
+      modules = [[null, modules, undefined]];
+    }
+    var alreadyImportedModules = {};
+    if (dedupe) {
+      for (var k = 0; k < this.length; k++) {
+        var id = this[k][0];
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+    for (var _k = 0; _k < modules.length; _k++) {
+      var item = [].concat(modules[_k]);
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        continue;
+      }
+      if (typeof layer !== "undefined") {
+        if (typeof item[5] === "undefined") {
+          item[5] = layer;
+        } else {
+          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
+          item[5] = layer;
+        }
+      }
+      if (media) {
+        if (!item[2]) {
+          item[2] = media;
+        } else {
+          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
+          item[2] = media;
+        }
+      }
+      if (supports) {
+        if (!item[4]) {
+          item[4] = "".concat(supports);
+        } else {
+          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
+          item[4] = supports;
+        }
+      }
+      list.push(item);
+    }
+  };
+  return list;
+};
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/runtime/getUrl.js":
+/*!********************************************************!*\
+  !*** ./node_modules/css-loader/dist/runtime/getUrl.js ***!
+  \********************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+module.exports = function (url, options) {
+  if (!options) {
+    options = {};
+  }
+  if (!url) {
+    return url;
+  }
+  url = String(url.__esModule ? url.default : url);
+
+  // If url is already wrapped in quotes, remove them
+  if (/^['"].*['"]$/.test(url)) {
+    url = url.slice(1, -1);
+  }
+  if (options.hash) {
+    url += options.hash;
+  }
+
+  // Should url be wrapped?
+  // See https://drafts.csswg.org/css-values-3/#urls
+  if (/["'() \t\n]|(%20)/.test(url) || options.needQuotes) {
+    return "\"".concat(url.replace(/"/g, '\\"').replace(/\n/g, "\\n"), "\"");
+  }
+  return url;
+};
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/runtime/sourceMaps.js":
+/*!************************************************************!*\
+  !*** ./node_modules/css-loader/dist/runtime/sourceMaps.js ***!
+  \************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+module.exports = function (item) {
+  var content = item[1];
+  var cssMapping = item[3];
+  if (!cssMapping) {
+    return content;
+  }
+  if (typeof btoa === "function") {
+    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
+    var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
+    var sourceMapping = "/*# ".concat(data, " */");
+    return [content].concat([sourceMapping]).join("\n");
+  }
+  return [content].join("\n");
+};
+
+/***/ }),
+
+/***/ "./modules/dialog/html/dialog.html?raw":
+/*!*********************************************!*\
+  !*** ./modules/dialog/html/dialog.html?raw ***!
+  \*********************************************/
+/***/ ((module) => {
+
+// Module
+var code = "<div class=\"APX-dialog\">\r\n    <div class=\"APX-dialog-content\">\r\n        <span class=\"APX-close-dialog\">&times;</span>\r\n        <h2 class=\"APX-dialog-title\"></h2>\r\n        <div class=\"APX-dialog-dynamic-content\"></div>\r\n        <div class=\"APX-dialog-button-container\"></div>\r\n    </div>\r\n</div>";
+// Exports
+module.exports = code;
+
+/***/ }),
+
+/***/ "./modules/dialog/css/dialog.css":
+/*!***************************************!*\
+  !*** ./modules/dialog/css/dialog.css ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_dialog_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!./dialog.css */ "./node_modules/css-loader/dist/cjs.js!./modules/dialog/css/dialog.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_dialog_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_dialog_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_dialog_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_dialog_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./modules/toast/css/toast.css":
+/*!*************************************!*\
+  !*** ./modules/toast/css/toast.css ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_toast_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!./toast.css */ "./node_modules/css-loader/dist/cjs.js!./modules/toast/css/toast.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_toast_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_toast_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_toast_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_toast_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./modules/tristate/css/tristate.css":
+/*!*******************************************!*\
+  !*** ./modules/tristate/css/tristate.css ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_tristate_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!./tristate.css */ "./node_modules/css-loader/dist/cjs.js!./modules/tristate/css/tristate.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_tristate_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_tristate_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_tristate_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_tristate_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
+  \****************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+var stylesInDOM = [];
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+  for (var i = 0; i < stylesInDOM.length; i++) {
+    if (stylesInDOM[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+  return result;
+}
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var indexByIdentifier = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3],
+      supports: item[4],
+      layer: item[5]
+    };
+    if (indexByIdentifier !== -1) {
+      stylesInDOM[indexByIdentifier].references++;
+      stylesInDOM[indexByIdentifier].updater(obj);
+    } else {
+      var updater = addElementStyle(obj, options);
+      options.byIndex = i;
+      stylesInDOM.splice(i, 0, {
+        identifier: identifier,
+        updater: updater,
+        references: 1
+      });
+    }
+    identifiers.push(identifier);
+  }
+  return identifiers;
+}
+function addElementStyle(obj, options) {
+  var api = options.domAPI(options);
+  api.update(obj);
+  var updater = function updater(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
+        return;
+      }
+      api.update(obj = newObj);
+    } else {
+      api.remove();
+    }
+  };
+  return updater;
+}
+module.exports = function (list, options) {
+  options = options || {};
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDOM[index].references--;
+    }
+    var newLastIdentifiers = modulesToDom(newList, options);
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+      var _index = getIndexByIdentifier(_identifier);
+      if (stylesInDOM[_index].references === 0) {
+        stylesInDOM[_index].updater();
+        stylesInDOM.splice(_index, 1);
+      }
+    }
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
+  \********************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+var memo = {};
+
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
+
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
+
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
+  \**********************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
+  \**********************************************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement) {
+  var nonce =  true ? __webpack_require__.nc : 0;
+  if (nonce) {
+    styleElement.setAttribute("nonce", nonce);
+  }
+}
+module.exports = setAttributesWithoutAttributes;
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
+  \***************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function apply(styleElement, options, obj) {
+  var css = "";
+  if (obj.supports) {
+    css += "@supports (".concat(obj.supports, ") {");
+  }
+  if (obj.media) {
+    css += "@media ".concat(obj.media, " {");
+  }
+  var needLayer = typeof obj.layer !== "undefined";
+  if (needLayer) {
+    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+  }
+  css += obj.css;
+  if (needLayer) {
+    css += "}";
+  }
+  if (obj.media) {
+    css += "}";
+  }
+  if (obj.supports) {
+    css += "}";
+  }
+  var sourceMap = obj.sourceMap;
+  if (sourceMap && typeof btoa !== "undefined") {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  options.styleTagTransform(css, styleElement, options.options);
+}
+function removeStyleElement(styleElement) {
+  // istanbul ignore if
+  if (styleElement.parentNode === null) {
+    return false;
+  }
+  styleElement.parentNode.removeChild(styleElement);
+}
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") {
+    return {
+      update: function update() {},
+      remove: function remove() {}
+    };
+  }
+  var styleElement = options.insertStyleElement(options);
+  return {
+    update: function update(obj) {
+      apply(styleElement, options, obj);
+    },
+    remove: function remove() {
+      removeStyleElement(styleElement);
+    }
+  };
+}
+module.exports = domAPI;
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
+  \*********************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function styleTagTransform(css, styleElement) {
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css;
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild);
+    }
+    styleElement.appendChild(document.createTextNode(css));
+  }
+}
+module.exports = styleTagTransform;
+
+/***/ }),
+
+/***/ "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E":
+/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22m8%208%2016%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M24%208L8%2024%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E";
+
+/***/ }),
+
+/***/ "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E";
+
+/***/ }),
+
+/***/ "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%3E%3C/svg%3E":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%3E%3C/svg%3E ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20fill%3D%22%230654ba%22%20d%3D%22M0.543%205.647c0-3.119%202.531-5.647%205.65-5.647h19.309c3.12%200%205.65%202.511%205.65%205.647v20.705c0%203.119-2.531%205.647-5.65%205.647h-19.309c-3.12%200-5.65-2.511-5.65-5.647v-20.705zM5.313%2017.587l7.039%206.839%2013.831-13.439-2.636-2.561-10.929%2010.62-4.442-4.317-2.862%202.858z%22%3E%3C/path%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":
+/*!***********************************!*\
+  !*** ./modules/dialog/dialog.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 */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _css_dialog_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css/dialog.css */ "./modules/dialog/css/dialog.css");
+/* harmony import */ var _html_dialog_html_raw__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./html/dialog.html?raw */ "./modules/dialog/html/dialog.html?raw");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+// Importing the CSS and HTML templates
+
+
+var createDialog = function createDialog(options) {
+  var dialogDefaults = {
+    title: '',
+    content: '',
+    contentURI: '',
+    buttons: [],
+    size: 'medium',
+    showLoadingIndicator: false,
+    contentMethod: 'GET',
+    contentData: null,
+    contentHeaders: undefined
+  };
+  var _dialogDefaults$optio = _objectSpread(_objectSpread({}, dialogDefaults), options),
+    title = _dialogDefaults$optio.title,
+    content = _dialogDefaults$optio.content,
+    contentURI = _dialogDefaults$optio.contentURI,
+    buttons = _dialogDefaults$optio.buttons,
+    size = _dialogDefaults$optio.size,
+    showLoadingIndicator = _dialogDefaults$optio.showLoadingIndicator,
+    contentMethod = _dialogDefaults$optio.contentMethod,
+    contentData = _dialogDefaults$optio.contentData,
+    contentHeaders = _dialogDefaults$optio.contentHeaders;
+  var wrapper = document.createElement('div');
+  wrapper.innerHTML = _html_dialog_html_raw__WEBPACK_IMPORTED_MODULE_1__.trim();
+  var dialogElement = wrapper.firstChild;
+
+  // Lifecycle event management
+  var lifecycleResolvers = {};
+  var lifecycleEvents = {};
+
+  // Define lifecycle promises as properties
+  ['opening', 'opened', 'closing', 'closed', 'contentLoading', 'contentLoaded'].forEach(function (event) {
+    lifecycleEvents[event] = new Promise(function (resolve) {
+      lifecycleResolvers[event] = resolve;
+    });
+  });
+  var triggerEvent = function triggerEvent(event) {
+    if (lifecycleResolvers[event]) {
+      lifecycleResolvers[event]();
+    } else {
+      console.warn("No resolver found for lifecycle event: ".concat(event));
+    }
+  };
+  var dialog = {
+    element: dialogElement,
+    buttons: {},
+    isClosed: false,
+    lifecycle: lifecycleEvents,
+    // Lifecycle promises directly exposed here
+    disableButton: function disableButton(key) {
+      var button = dialogElement.querySelector(".APX-dialog-button[data-key=\"".concat(key, "\"]"));
+      if (button) {
+        button.disabled = true;
+        button.classList.add('APX-dialog-button-disabled');
+      }
+    },
+    enableButton: function enableButton(key) {
+      var button = dialogElement.querySelector(".APX-dialog-button[data-key=\"".concat(key, "\"]"));
+      if (button) {
+        button.disabled = false;
+        button.classList.remove('APX-dialog-button-disabled');
+      }
+    },
+    open: function () {
+      var _open = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              triggerEvent('opening');
+              _context.next = 4;
+              return dialog.lifecycle.opening;
+            case 4:
+              if (!(showLoadingIndicator && contentURI)) {
+                _context.next = 12;
+                break;
+              }
+              // Append dialog to the DOM and display it first
+              document.body.appendChild(dialogElement);
+              dialogElement.style.display = "flex";
+
+              // Show loading indicator
+              dialogElement.querySelector(".APX-dialog-dynamic-content").innerHTML = '<div class="APX-dialog-loading-indicator"></div>';
+
+              // Load content after dialog is visible
+              _context.next = 10;
+              return fetchAndInsertContent();
+            case 10:
+              _context.next = 16;
+              break;
+            case 12:
+              _context.next = 14;
+              return fetchAndInsertContent();
+            case 14:
+              // Append dialog to the DOM and display it
+              document.body.appendChild(dialogElement);
+              dialogElement.style.display = "flex";
+            case 16:
+              triggerEvent('opened');
+              _context.next = 19;
+              return dialog.lifecycle.opened;
+            case 19:
+              _context.next = 24;
+              break;
+            case 21:
+              _context.prev = 21;
+              _context.t0 = _context["catch"](0);
+              console.error('Error opening dialog:', _context.t0);
+            case 24:
+              return _context.abrupt("return", dialog);
+            case 25:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 21]]);
+      }));
+      function open() {
+        return _open.apply(this, arguments);
+      }
+      return open;
+    }(),
+    close: function () {
+      var _close = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              triggerEvent('closing');
+              _context2.next = 4;
+              return dialog.lifecycle.closing;
+            case 4:
+              // Cleanup and remove dialog
+              closeDialogAndCleanup();
+              triggerEvent('closed');
+              _context2.next = 8;
+              return dialog.lifecycle.closed;
+            case 8:
+              _context2.next = 13;
+              break;
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.error('Error during dialog closing:', _context2.t0);
+            case 13:
+              return _context2.abrupt("return", dialog);
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 10]]);
+      }));
+      function close() {
+        return _close.apply(this, arguments);
+      }
+      return close;
+    }()
+  };
+  var closeDialogAndCleanup = function closeDialogAndCleanup() {
+    if (dialog.isClosed) return;
+    dialog.isClosed = true;
+    dialogElement.style.display = "none";
+    if (document.body.contains(dialogElement)) {
+      document.body.removeChild(dialogElement);
+    }
+  };
+  var setDialogSize = function setDialogSize() {
+    var dialogContent = dialogElement.querySelector(".APX-dialog-content");
+    var sizes = {
+      small: {
+        width: '300px',
+        height: '200px'
+      },
+      medium: {
+        width: '500px',
+        height: '400px'
+      },
+      large: {
+        width: '800px',
+        height: '600px'
+      }
+    };
+    if (size === 'auto') return;
+    var selectedSize = sizes[size] || _typeof(size) === 'object' && size;
+    if (selectedSize) {
+      dialogContent.style.minWidth = selectedSize.width || '500px';
+      dialogContent.style.minHeight = selectedSize.height || '400px';
+    }
+  };
+  var addButtons = function addButtons() {
+    var buttonContainer = dialogElement.querySelector(".APX-dialog-button-container");
+    buttons.forEach(function (_ref) {
+      var key = _ref.key,
+        label = _ref.label,
+        _ref$order = _ref.order,
+        order = _ref$order === void 0 ? 0 : _ref$order,
+        _ref$align = _ref.align,
+        align = _ref$align === void 0 ? 'flex-end' : _ref$align,
+        _ref$closeOnClick = _ref.closeOnClick,
+        closeOnClick = _ref$closeOnClick === void 0 ? true : _ref$closeOnClick;
+      var button = document.createElement('button');
+      button.classList.add('APX-dialog-button');
+      button.textContent = label;
+      button.style.order = order;
+      button.setAttribute('data-key', key);
+
+      // Create button context with disable/enable methods
+      var buttonContext = {
+        disable: function disable() {
+          button.disabled = true;
+          button.classList.add('APX-dialog-button-disabled');
+        },
+        enable: function enable() {
+          button.disabled = false;
+          button.classList.remove('APX-dialog-button-disabled');
+        },
+        key: key,
+        element: button
+      };
+      if (closeOnClick) {
+        // Handle as a one-time Promise
+        var firstClickResolved = false;
+        var firstClickPromise = new Promise(function (resolve) {
+          button.onclick = function () {
+            if (!firstClickResolved && !button.disabled) {
+              firstClickResolved = true;
+              resolve({
+                dialog: dialog,
+                button: buttonContext
+              }); // Pass both dialog and button context
+              dialog.close(); // Close the dialog
+            }
+          };
+        });
+
+        // Assign the promise for chaining with `.then`
+        dialog.buttons[key] = firstClickPromise;
+      } else {
+        // Handle as a repeated event handler
+        var handlers = []; // Store handlers for `.then()`
+
+        var clickPromise = {
+          then: function then(callback) {
+            if (typeof callback === 'function') {
+              handlers.push(callback); // Add to handlers
+            }
+
+            return clickPromise; // Allow chaining
+          }
+        };
+
+        button.onclick = function () {
+          if (!button.disabled) {
+            handlers.forEach(function (handler) {
+              return handler({
+                dialog: dialog,
+                button: buttonContext
+              });
+            }); // Pass both dialog and button context
+          }
+        };
+
+        dialog.buttons[key] = clickPromise; // Assign the "fake" promise
+      }
+
+      buttonContainer.appendChild(button);
+      buttonContainer.style.justifyContent = align;
+    });
+  };
+  var fetchAndInsertContent = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var originalCursor, dynamicContent, contentHtml;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            originalCursor = document.body.style.cursor;
+            document.body.style.cursor = 'wait';
+            dynamicContent = dialogElement.querySelector(".APX-dialog-dynamic-content");
+            _context3.prev = 3;
+            triggerEvent('contentLoading');
+            _context3.next = 7;
+            return dialog.lifecycle.contentLoading;
+          case 7:
+            if (!contentURI) {
+              _context3.next = 13;
+              break;
+            }
+            _context3.next = 10;
+            return fetchContent(contentURI);
+          case 10:
+            _context3.t0 = _context3.sent;
+            _context3.next = 14;
+            break;
+          case 13:
+            _context3.t0 = content;
+          case 14:
+            contentHtml = _context3.t0;
+            dynamicContent.innerHTML = contentHtml;
+            triggerEvent('contentLoaded');
+            _context3.next = 19;
+            return dialog.lifecycle.contentLoaded;
+          case 19:
+            _context3.next = 24;
+            break;
+          case 21:
+            _context3.prev = 21;
+            _context3.t1 = _context3["catch"](3);
+            console.error('Error loading content:', _context3.t1);
+          case 24:
+            _context3.prev = 24;
+            document.body.style.cursor = originalCursor;
+            return _context3.finish(24);
+          case 27:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[3, 21, 24, 27]]);
+    }));
+    return function fetchAndInsertContent() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var fetchContent = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(uri) {
+      var method, headers, hasContentType, init, body, isFormData, isURLSearchParams, isBlob, isString, isPlainObject, response;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            method = (contentMethod || 'GET').toUpperCase(); // Always allow custom headers; we only add Content-Type when we can infer it
+            headers = _objectSpread({}, contentHeaders || {});
+            hasContentType = Object.keys(headers).some(function (k) {
+              return k.toLowerCase() === 'content-type';
+            });
+            /**
+             * Build RequestInit depending on method and contentData type.
+             * We avoid setting Content-Type for FormData and raw string/Blob payloads,
+             * unless the caller explicitly provided it via contentHeaders.
+             */
+            init = {
+              method: method
+            };
+            if (method === 'POST') {
+              body = undefined;
+              isFormData = typeof FormData !== 'undefined' && contentData instanceof FormData;
+              isURLSearchParams = typeof URLSearchParams !== 'undefined' && contentData instanceof URLSearchParams;
+              isBlob = typeof Blob !== 'undefined' && contentData instanceof Blob;
+              isString = typeof contentData === 'string';
+              isPlainObject = contentData && _typeof(contentData) === 'object' && !isFormData && !isURLSearchParams && !isBlob;
+              if (isFormData) {
+                body = contentData;
+                // Do not set Content-Type for FormData; browser will set the boundary
+              } else if (isURLSearchParams) {
+                body = contentData;
+                if (!hasContentType) headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
+              } else if (isPlainObject) {
+                body = JSON.stringify(contentData);
+                if (!hasContentType) headers['Content-Type'] = 'application/json';
+              } else if (isString || isBlob) {
+                body = contentData;
+                // Content-Type left to caller if needed
+              } else if (contentData != null) {
+                // Fallback: try send as-is
+                body = contentData;
+              }
+              if (body !== undefined) {
+                init.body = body;
+              }
+            }
+            if (Object.keys(headers).length > 0) {
+              init.headers = headers;
+            }
+            _context4.next = 8;
+            return fetch(uri, init);
+          case 8:
+            response = _context4.sent;
+            if (response.ok) {
+              _context4.next = 11;
+              break;
+            }
+            throw new Error("Failed to fetch content: ".concat(response.statusText));
+          case 11:
+            return _context4.abrupt("return", response.text());
+          case 12:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function fetchContent(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  // Initialize dialog
+  setDialogSize();
+  addButtons();
+
+  // Set title and close button handler
+  dialogElement.querySelector(".APX-dialog-title").textContent = title;
+  dialogElement.querySelector('.APX-close-dialog').onclick = dialog.close;
+  return dialog;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDialog);
+
+/***/ }),
+
+/***/ "./modules/listen/listen.mjs":
+/*!***********************************!*\
+  !*** ./modules/listen/listen.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 */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+var counter = 0;
+var doCallbacks = {};
+var timeouts = {};
+
+/**
+ * This function adds an event listener to the elements and returns an object with a do method to add callback functions.
+ * @param {Object} apx - The apx object to augment with the listen function.
+ * @returns {Object} - The augmented apx object.
+ */
+/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(apx) {
+  var elements = apx.elements;
+
+  /**
+   * Adds an event listener to the elements and returns an object with a do method to add callback functions.
+   * @param {string} eventType - The type of event to listen for (e.g. 'click', 'keydown', etc.).
+   * @param {string} [selector] - The CSS selector to use for event delegation (optional).
+   * @returns {Object} - An object with a do method to add callback functions.
+   * @example
+   * apx.listen('click', '.my-button').do((event) => {
+   *   console.log('Button clicked!', event.target);
+   * });
+   */
+  apx.listen = function (eventTypes, secondArgument, thirdArgument) {
+    var selector;
+    var options = {};
+    // Determine if the second argument is a selector or options
+    if (typeof secondArgument === 'string') {
+      selector = secondArgument;
+      options = thirdArgument || {};
+    } else {
+      options = secondArgument || {};
+    }
+    var uniqueId = generateUniqueId();
+    var timeoutDuration = options.timeout || 0;
+    if (!Array.isArray(eventTypes)) {
+      eventTypes = [eventTypes]; // Ensure eventTypes is an array
+    }
+
+    eventTypes.forEach(function (eventType) {
+      elements.forEach(function (element) {
+        element.addEventListener(eventType, function (event) {
+          executeCallbacks(event, uniqueId, timeoutDuration, selector, element);
+        });
+      });
+    });
+    return {
+      /**
+       * Adds a callback function to the doCallbacks object for the current event listener.
+       * @param {Function} doCallback - The callback function to execute when the event is triggered.
+       * @returns {Object} - Returns the current object to allow for chained calls.
+       * @example
+       * apx.listen('click', '.my-button').do((event) => {
+       *   console.log('Button clicked!', event.target);
+       * }).do((event) => {
+       *   console.log('Another callback function!');
+       * });
+       */
+      "do": function _do(doCallback) {
+        if (!doCallbacks[uniqueId]) {
+          doCallbacks[uniqueId] = [];
+        }
+        doCallbacks[uniqueId].push(doCallback);
+        return this; // Return the object to allow for chained calls
+      }
+    };
+  };
+
+  /**
+   * Manually triggers the registered callbacks for a given event type on all elements or creates a new event if a string is provided.
+   * @param {string|Event} event - The event to trigger. This can be an event type string (like 'click') or an actual Event object.
+   */
+  apx.trigger = function (event) {
+    var eventType;
+    if (typeof event === 'string') {
+      eventType = event;
+      event = new Event(event, {
+        bubbles: true,
+        cancelable: true
+      });
+    } else if (event instanceof Event) {
+      eventType = event.type;
+    } else {
+      console.error('Invalid event type provided to apx.trigger. It must be either a string or Event object.');
+      return;
+    }
+    apx.elements.forEach(function (element) {
+      element.dispatchEvent(event); // This will allow the event to bubble up naturally.
+    });
+
+    // Handle event delegation manually by executing callbacks if the target matches the selector
+    Object.keys(doCallbacks).forEach(function (uniqueId) {
+      var callbackDetails = doCallbacks[uniqueId];
+      if (callbackDetails && callbackDetails.eventType === eventType) {
+        // Check if the event target matches the selector used during listener registration
+        var selector = callbackDetails.selector;
+        if (!selector || event.target.matches(selector)) {
+          executeCallbacks(event, uniqueId, 0, selector, event.target); // Immediate execution, no timeout
+        }
+      }
+    });
+  };
+
+  return apx;
+}
+;
+function executeCallbacks(event, uniqueId, timeoutDuration) {
+  var selector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  var element = arguments.length > 4 ? arguments[4] : undefined;
+  var matchedElement = selector ? closest(event.target, selector) : element;
+  if (!matchedElement) {
+    return;
+  }
+
+  // Clear any previous timeout for this uniqueId to prevent unintended behavior
+  clearTimeout(timeouts[uniqueId]);
+
+  // Function to handle the execution of callbacks
+  function handleCallbackExecution() {
+    if (doCallbacks[uniqueId]) {
+      doCallbacks[uniqueId].reduce(function (prevPromise, doCallback) {
+        return prevPromise.then(function () {
+          return new Promise(function (resolve, reject) {
+            try {
+              var result = doCallback.bind(matchedElement)(event);
+              if (result instanceof Promise) {
+                result.then(resolve)["catch"](reject);
+              } else {
+                resolve(result);
+              }
+            } catch (error) {
+              reject(error);
+            }
+          });
+        });
+      }, Promise.resolve())["catch"](function (error) {
+        console.error('Error in callback chain:', error);
+      });
+    }
+  }
+
+  // Check if timeoutDuration is zero to decide whether to delay the callback execution or not
+  if (timeoutDuration === 0) {
+    handleCallbackExecution();
+  } else {
+    timeouts[uniqueId] = setTimeout(handleCallbackExecution, timeoutDuration);
+  }
+}
+function generateUniqueId() {
+  var randomPart = Math.random().toString(36).substr(2, 9); // More randomness
+  var uniqueId = "".concat(Date.now(), "_").concat(randomPart, "_").concat(counter);
+  counter = (counter + 1) % 1000; // Reset counter to avoid overflow
+
+  return uniqueId;
+}
+function closest(element, selector) {
+  while (element && element.nodeType === 1) {
+    if (element.matches(selector)) {
+      return element;
+    }
+    element = element.parentNode;
+  }
+  return null;
+}
+
+/***/ }),
+
+/***/ "./modules/toast/toast.mjs":
+/*!*********************************!*\
+  !*** ./modules/toast/toast.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 */   ToastManager: () => (/* binding */ ToastManager),
+/* harmony export */   createToastManager: () => (/* binding */ createToastManager),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   toast: () => (/* binding */ toast)
+/* harmony export */ });
+/* harmony import */ var _css_toast_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css/toast.css */ "./modules/toast/css/toast.css");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+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; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+// Minimal, framework-agnostic ToastManager for APX
+// ESM-first, no side effects on import. DOM only when used.
+
+
+/**
+ * @typedef {Object} PositionObject
+ * @property {'sticky'|'relative'|'anchored'} [type]
+ * @property {string} [x]
+ * @property {string} [y]
+ * @property {HTMLElement} [element]
+ * @property {'top'|'right'|'bottom'|'left'|'above'|'below'|'before'|'after'} [placement]
+ * @property {string} [gap]
+ * @property {boolean} [useNativeCSS]
+ */
+
+/**
+ * @typedef {string|PositionObject} Position
+ */
+
+/**
+ * @typedef {Object} ToastConfig
+ * @property {Position} [position]
+ * @property {'up'|'down'|'auto'} [flow] Flow direction for stacking toasts. 'auto' determines based on position. Default: 'auto'
+ * @property {number} [maxToasts]
+ * @property {number} [defaultDurationMs]
+ * @property {number} [zIndex]
+ * @property {'polite'|'assertive'|'off'} [ariaLive]
+ * @property {number} [gap]
+ * @property {boolean} [dedupe]
+ * @property {string} [containerClass]
+ * @property {number} [offset]
+ * @property {string} [id]
+ */
+
+/**
+ * @typedef {Object} ToastOptions
+ * @property {string|Node} message
+ * @property {'info'|'success'|'warning'|'danger'} [type]
+ * @property {number} [durationMs]
+ * @property {boolean} [dismissible]
+ * @property {string} [id]
+ * @property {(ref: ToastRef, ev: MouseEvent) => void} [onClick]
+ * @property {(ref: ToastRef, reason: 'timeout'|'close'|'api'|'overflow') => void} [onClose]
+ * @property {string} [className]
+ * @property {Position} [position]
+ * @property {'up'|'down'|'auto'} [flow] Flow direction for stacking toasts. 'auto' determines based on position. Default: 'auto'
+ */
+
+/**
+ * @typedef {Object} ToastRef
+ * @property {string} id
+ * @property {HTMLElement} el
+ * @property {(reason?: 'api'|'close') => void} close
+ * @property {(partial: Partial<ToastOptions>) => void} update
+ * @property {() => Promise<void>} whenClosed
+ * @property {(event: 'close'|'click', handler: Function) => () => void} on
+ * @property {(event: 'close'|'click', handler: Function) => void} off
+ */
+
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+
+// Shared container cache: Map<position, HTMLElement>
+// Containers are shared between managers with the same position
+var _containerCache = new Map();
+
+// Garbage collection: cleanup empty unmanaged containers after a delay
+var GC_DELAY_MS = 20000; // 20 seconds
+var _gcTimeoutId = null;
+
+// Wrapper for all toast containers (keeps DOM clean)
+var _toastWrapper = null;
+
+/**
+ * Get or create the toast containers wrapper
+ * @returns {HTMLElement|null}
+ */
+function getToastWrapper() {
+  if (!isBrowser) return null;
+  if (!_toastWrapper) {
+    _toastWrapper = document.querySelector('.APX-toast-wrapper');
+    if (!_toastWrapper) {
+      _toastWrapper = createEl('div', 'APX-toast-wrapper');
+      _toastWrapper.style.position = 'fixed';
+      _toastWrapper.style.top = '0';
+      _toastWrapper.style.left = '0';
+      _toastWrapper.style.width = '0';
+      _toastWrapper.style.height = '0';
+      _toastWrapper.style.pointerEvents = 'none';
+      _toastWrapper.style.zIndex = '10000'; // Below containers but above most content
+      document.body.appendChild(_toastWrapper);
+    }
+  }
+  return _toastWrapper;
+}
+var DEFAULT_CONFIG = {
+  position: 'bottom-right',
+  maxToasts: 5,
+  defaultDurationMs: 5000,
+  zIndex: 11000,
+  ariaLive: 'polite',
+  gap: 8,
+  dedupe: false,
+  containerClass: '',
+  offset: 0
+};
+
+/**
+ * Create an element with classes
+ */
+function createEl(tag, classNames) {
+  var el = document.createElement(tag);
+  if (classNames) {
+    classNames.split(' ').filter(Boolean).forEach(function (c) {
+      return el.classList.add(c);
+    });
+  }
+  return el;
+}
+
+/**
+ * Normalize placement synonyms to CSS values
+ * @param {string} placement
+ * @returns {'top'|'right'|'bottom'|'left'}
+ */
+function normalizePlacement(placement) {
+  var synonyms = {
+    'above': 'top',
+    'below': 'bottom',
+    'before': 'left',
+    'after': 'right'
+  };
+  return synonyms[placement] || placement;
+}
+
+/**
+ * Determine flow direction based on position
+ * @param {Position} position
+ * @returns {'up'|'down'}
+ */
+function determineFlow(position) {
+  if (typeof position === 'string') {
+    // String positions: top = up, bottom = down
+    if (position.includes('top')) return 'up';
+    if (position.includes('bottom')) return 'down';
+    return 'down'; // default
+  }
+
+  if (_typeof(position) === 'object' && position !== null) {
+    var type = position.type || (position.x || position.y ? 'sticky' : null);
+    if (type === 'sticky' || !type && (position.x || position.y)) {
+      // Sticky: determine based on y coordinate
+      if (position.y !== undefined) {
+        // If y starts with '-' or is a small value, likely top (up)
+        // If y is a large value or percentage, likely bottom (down)
+        if (position.y.startsWith('-')) {
+          // Negative = from bottom, so flow down
+          return 'down';
+        }
+        var num = parseFloat(position.y);
+        if (!isNaN(num)) {
+          // If y < 50% of viewport height, likely top (up)
+          // Otherwise likely bottom (down)
+          if (position.y.includes('%')) {
+            return num < 50 ? 'up' : 'down';
+          }
+          // For px values, assume < 400px is top (up)
+          return num < 400 ? 'up' : 'down';
+        }
+      }
+      return 'down'; // default
+    }
+
+    if (type === 'anchored' && position.placement) {
+      // Anchored: placement determines flow
+      var placement = normalizePlacement(position.placement);
+      if (placement === 'top' || placement === 'above') return 'up';
+      if (placement === 'bottom' || placement === 'below') return 'down';
+      // For left/right, default to down
+      return 'down';
+    }
+    if (type === 'relative') {
+      // Relative: determine based on y offset
+      if (position.y !== undefined) {
+        var _num = parseFloat(position.y);
+        if (!isNaN(_num)) {
+          // Negative y = above element = flow up
+          // Positive y = below element = flow down
+          return _num < 0 ? 'up' : 'down';
+        }
+      }
+      return 'down'; // default
+    }
+  }
+
+  return 'down'; // default
+}
+
+/**
+ * Garbage collection: remove empty unmanaged containers
+ */
+function cleanupEmptyContainers() {
+  if (!isBrowser) return;
+  var containers = document.querySelectorAll('.APX-toast-container:not([data-apx-toast-managed="true"])');
+  containers.forEach(function (container) {
+    // Check if container is empty (no toasts)
+    if (container.children.length === 0) {
+      var positionKey = container.getAttribute('data-apx-toast-position');
+      if (positionKey) {
+        _containerCache["delete"](positionKey);
+      }
+      container.remove();
+    }
+  });
+
+  // Clean up wrapper if it's empty (all containers removed)
+  if (_toastWrapper && _toastWrapper.children.length === 0) {
+    _toastWrapper.remove();
+    _toastWrapper = null;
+  }
+  _gcTimeoutId = null;
+}
+
+/**
+ * Schedule garbage collection for empty unmanaged containers
+ */
+function scheduleGarbageCollection() {
+  if (_gcTimeoutId) {
+    clearTimeout(_gcTimeoutId);
+  }
+  _gcTimeoutId = setTimeout(cleanupEmptyContainers, GC_DELAY_MS);
+}
+
+/**
+ * Find all scrollable parent elements
+ * @param {HTMLElement} element
+ * @returns {HTMLElement[]}
+ */
+function findScrollableParents(element) {
+  var scrollables = [];
+  var current = element.parentElement;
+  while (current && current !== document.body && current !== document.documentElement) {
+    var style = window.getComputedStyle(current);
+    var overflow = style.overflow + style.overflowY + style.overflowX;
+    if (overflow.includes('scroll') || overflow.includes('auto')) {
+      scrollables.push(current);
+    }
+    current = current.parentElement;
+  }
+  return scrollables;
+}
+
+/**
+ * Hash an element to create a unique identifier
+ * @param {HTMLElement} el
+ * @returns {string}
+ */
+function hashElement(el) {
+  var rect = el.getBoundingClientRect();
+  var str = "".concat(el.tagName, "_").concat(rect.left, "_").concat(rect.top, "_").concat(rect.width, "_").concat(rect.height);
+  var hash = 0;
+  for (var i = 0; i < str.length; i++) {
+    var _char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + _char;
+    hash = hash & hash; // Convert to 32bit integer
+  }
+
+  return Math.abs(hash).toString(36);
+}
+
+/**
+ * Serialize position options into a unique key
+ * @param {Position} position
+ * @returns {string}
+ */
+function serializePosition(position) {
+  if (typeof position === 'string') {
+    return "s:".concat(position);
+  }
+  if (_typeof(position) === 'object' && position !== null) {
+    var parts = [];
+
+    // Type (default: sticky if x/y provided)
+    var type = position.type || (position.x || position.y ? 'sticky' : null);
+    if (type) parts.push("t:".concat(type));
+
+    // Coordinates
+    if (position.x !== undefined) parts.push("x:".concat(position.x));
+    if (position.y !== undefined) parts.push("y:".concat(position.y));
+
+    // For relative/anchored: use element ID or hash
+    if (position.element) {
+      var _position$element$dat;
+      var elementId = position.element.id || ((_position$element$dat = position.element.dataset) === null || _position$element$dat === void 0 ? void 0 : _position$element$dat.apxToastAnchorId) || "el_".concat(hashElement(position.element));
+      parts.push("el:".concat(elementId));
+    }
+    if (position.placement) {
+      // Normalize placement for serialization (use CSS values)
+      var normalized = normalizePlacement(position.placement);
+      parts.push("p:".concat(normalized));
+    }
+    if (position.gap !== undefined) parts.push("g:".concat(position.gap));
+    if (position.useNativeCSS) parts.push("native:true");
+    return "o:".concat(parts.join('|'));
+  }
+  return 's:bottom-right';
+}
+
+/**
+ * ToastManager class
+ */
+var ToastManager = /*#__PURE__*/function () {
+  /** @param {Partial<ToastConfig>=} config */
+  function ToastManager(config) {
+    _classCallCheck(this, ToastManager);
+    /** @type {ToastConfig} */
+    this.config = _objectSpread(_objectSpread({}, DEFAULT_CONFIG), config || {});
+    /** @type {HTMLElement|null} */
+    this.container = null;
+    /** @type {Map<string, ToastRef>} */
+    this.idToRef = new Map();
+    /** @type {ToastRef[]} */
+    this.open = [];
+  }
+
+  /** @param {Partial<ToastConfig>} config */
+  _createClass(ToastManager, [{
+    key: "configure",
+    value: function configure(config) {
+      this.config = _objectSpread(_objectSpread({}, this.config), config || {});
+      if (this.container) this.applyContainerConfig();
+    }
+
+    /** @param {'polite'|'assertive'|'off'} mode */
+  }, {
+    key: "setAriaLive",
+    value: function setAriaLive(mode) {
+      this.configure({
+        ariaLive: mode
+      });
+    }
+
+    /** @returns {ToastRef[]} */
+  }, {
+    key: "getOpenToasts",
+    value: function getOpenToasts() {
+      return this.open.slice();
+    }
+
+    /** @param {ToastOptions} opts */
+  }, {
+    key: "show",
+    value: function show(opts) {
+      var _this = this;
+      if (!isBrowser) return (/** @type {any} */null
+      );
+      var options = this.normalizeOptions(opts);
+      if (this.config.dedupe && options.id && this.idToRef.has(options.id)) {
+        var _ref = this.idToRef.get(options.id);
+        _ref.update(options);
+        return _ref;
+      }
+
+      // Determine position and flow for this toast (options take precedence over config)
+      var position = options.position || this.config.position || 'bottom-right';
+      var flow = options.flow !== undefined ? options.flow : this.config.flow !== undefined ? this.config.flow : 'auto';
+      var finalFlow = flow === 'auto' ? determineFlow(position) : flow;
+
+      // Ensure default container is set (for backward compatibility)
+      this.ensureContainer();
+      var toastEl = createEl('div', "APX-toast APX-toast--".concat(options.type));
+      toastEl.setAttribute('role', 'status');
+      // Priority: options.id > config.id > auto-generated
+      var toastId = options.id || "t_".concat(Date.now(), "_").concat(Math.random().toString(36).slice(2, 8));
+      toastEl.dataset.toastId = toastId;
+      if (options.className) toastEl.className += " ".concat(options.className);
+      var contentEl = createEl('div', 'APX-toast__content');
+      if (typeof options.message === 'string') {
+        contentEl.textContent = options.message;
+      } else if (options.message) {
+        contentEl.appendChild(options.message);
+      }
+      toastEl.appendChild(contentEl);
+      var closeBtn = null;
+      if (options.dismissible !== false) {
+        closeBtn = createEl('button', 'APX-toast__close');
+        closeBtn.setAttribute('aria-label', 'Close');
+        closeBtn.type = 'button';
+        toastEl.appendChild(closeBtn);
+      }
+
+      // Get or create container for this specific position
+      var container = null;
+      var positionUpdateFn = null;
+      var positionCleanup = null;
+      var originalElementStyle = null;
+      if (position && _typeof(position) === 'object' && position !== null) {
+        var type = position.type || (position.x || position.y ? 'sticky' : null);
+        if (position.useNativeCSS && (type === 'relative' || type === 'anchored') && position.element) {
+          // useNativeCSS: true - create container in target element using native CSS
+          var targetEl = position.element;
+          originalElementStyle = targetEl.style.position;
+          targetEl.style.position = 'relative';
+
+          // Create a container for stacking toasts (reuse if exists)
+          var positionKey = serializePosition(position);
+          var nativeContainer = targetEl.querySelector("[data-apx-toast-position=\"".concat(positionKey, "\"]"));
+          if (!nativeContainer) {
+            nativeContainer = createEl('div', 'APX-toast-container APX-toast-container-native');
+            nativeContainer.setAttribute('data-apx-toast-position', positionKey);
+            nativeContainer.style.position = 'absolute';
+            nativeContainer.style.zIndex = String(this.config.zIndex);
+            nativeContainer.style.gap = "".concat(this.config.gap, "px");
+            nativeContainer.setAttribute('aria-live', String(this.config.ariaLive));
+            nativeContainer.style.flexDirection = finalFlow === 'up' ? 'column-reverse' : 'column';
+
+            // Apply positioning to container
+            if (type === 'relative') {
+              // Relative: use x/y directly
+              if (position.x !== undefined) {
+                if (position.x.startsWith('-')) {
+                  nativeContainer.style.right = position.x.substring(1);
+                } else {
+                  nativeContainer.style.left = position.x;
+                }
+              }
+              if (position.y !== undefined) {
+                if (position.y.startsWith('-')) {
+                  nativeContainer.style.bottom = position.y.substring(1);
+                } else {
+                  nativeContainer.style.top = position.y;
+                }
+              }
+            } else if (type === 'anchored') {
+              // Anchored: position outside the element using 100% (element size) + gap
+              var placement = normalizePlacement(position.placement);
+              var gap = position.gap || '1em';
+              switch (placement) {
+                case 'top':
+                  nativeContainer.style.bottom = "calc(100% + ".concat(gap, ")");
+                  nativeContainer.style.left = '0';
+                  break;
+                case 'bottom':
+                  nativeContainer.style.top = "calc(100% + ".concat(gap, ")");
+                  nativeContainer.style.left = '0';
+                  break;
+                case 'left':
+                  nativeContainer.style.right = "calc(100% + ".concat(gap, ")");
+                  nativeContainer.style.top = '0';
+                  break;
+                case 'right':
+                  nativeContainer.style.left = "calc(100% + ".concat(gap, ")");
+                  nativeContainer.style.top = '0';
+                  break;
+              }
+            }
+            targetEl.appendChild(nativeContainer);
+          } else {
+            // Update flow direction if container exists
+            nativeContainer.style.flexDirection = finalFlow === 'up' ? 'column-reverse' : 'column';
+          }
+          container = nativeContainer;
+          positionCleanup = function positionCleanup() {
+            if (targetEl && targetEl.parentElement) {
+              targetEl.style.position = originalElementStyle || '';
+              // Remove native container if empty
+              if (nativeContainer && nativeContainer.children.length === 0) {
+                var _positionKey = nativeContainer.getAttribute('data-apx-toast-position');
+                if (_positionKey) {
+                  _containerCache["delete"](_positionKey);
+                }
+                nativeContainer.remove();
+              }
+            }
+          };
+        } else {
+          // Default: get or create container for this position
+          container = this.getContainerForPosition(position, finalFlow);
+          var updateContainerPosition = function updateContainerPosition() {
+            var styles = _this.calculatePosition(position, container);
+            Object.assign(container.style, styles);
+          };
+          updateContainerPosition();
+
+          // For relative/anchored, listen to scroll/resize
+          if ((type === 'relative' || type === 'anchored') && position.element) {
+            var rafId = null;
+            var lastUpdate = 0;
+            var throttleMs = 16; // ~60fps
+
+            var throttledUpdate = function throttledUpdate() {
+              var now = Date.now();
+              if (now - lastUpdate < throttleMs) {
+                if (rafId) cancelAnimationFrame(rafId);
+                rafId = requestAnimationFrame(function () {
+                  updateContainerPosition();
+                  lastUpdate = Date.now();
+                });
+              } else {
+                updateContainerPosition();
+                lastUpdate = now;
+              }
+            };
+
+            // Find all scrollable parents
+            var scrollableParents = findScrollableParents(position.element);
+
+            // Listen to scroll on window and all scrollable parents
+            window.addEventListener('scroll', throttledUpdate, {
+              passive: true
+            });
+            window.addEventListener('resize', throttledUpdate, {
+              passive: true
+            });
+
+            // Listen to scroll on all scrollable parent elements
+            scrollableParents.forEach(function (parent) {
+              parent.addEventListener('scroll', throttledUpdate, {
+                passive: true
+              });
+            });
+
+            // Watch for element removal
+            var observer = new MutationObserver(function () {
+              if (!position.element.parentElement) {
+                ref.close('api');
+              }
+            });
+            observer.observe(document.body, {
+              childList: true,
+              subtree: true
+            });
+            positionUpdateFn = updateContainerPosition;
+            positionCleanup = function positionCleanup() {
+              window.removeEventListener('scroll', throttledUpdate);
+              window.removeEventListener('resize', throttledUpdate);
+              scrollableParents.forEach(function (parent) {
+                parent.removeEventListener('scroll', throttledUpdate);
+              });
+              observer.disconnect();
+              if (rafId) cancelAnimationFrame(rafId);
+            };
+          }
+        }
+      } else {
+        // String position - get or create container for this position
+        container = this.getContainerForPosition(position, finalFlow);
+      }
+
+      // Append toast to the appropriate container
+      if (container) {
+        container.appendChild(toastEl);
+      } else {
+        // Fallback to default container
+        this.container.appendChild(toastEl);
+      }
+
+      // Enter animation
+      toastEl.classList.add('APX-toast--enter');
+      requestAnimationFrame(function () {
+        toastEl.classList.add('APX-toast--enter-active');
+      });
+
+      // Event handling and timers
+      var remaining = options.durationMs;
+      var timerId = null;
+      var startTs = null;
+      var handlers = {
+        click: new Set(),
+        close: new Set()
+      };
+      var startTimer = function startTimer() {
+        if (!remaining || remaining <= 0) return; // sticky
+        startTs = Date.now();
+        timerId = window.setTimeout(function () {
+          return ref.close('timeout');
+        }, remaining);
+      };
+      var pauseTimer = function pauseTimer() {
+        if (timerId != null) {
+          window.clearTimeout(timerId);
+          timerId = null;
+          if (startTs != null) remaining -= Date.now() - startTs;
+        }
+      };
+
+      /** @type {ToastRef} */
+      var ref = {
+        id: toastId,
+        el: toastEl,
+        close: function close(reason) {
+          cleanup(reason || 'api');
+        },
+        update: function update(partial) {
+          var merged = _this.normalizeOptions(_objectSpread(_objectSpread({}, options), partial));
+          // update content
+          if (typeof merged.message === 'string') {
+            contentEl.textContent = merged.message;
+          } else if (merged.message) {
+            contentEl.innerHTML = '';
+            contentEl.appendChild(merged.message);
+          }
+          // update type class
+          ['info', 'success', 'warning', 'danger'].forEach(function (t) {
+            return toastEl.classList.remove("APX-toast--".concat(t));
+          });
+          toastEl.classList.add("APX-toast--".concat(merged.type));
+          // update classes
+          if (options.className !== merged.className) {
+            var _toastEl$classList, _toastEl$classList2;
+            if (options.className) (_toastEl$classList = toastEl.classList).remove.apply(_toastEl$classList, _toConsumableArray(options.className.split(' ').filter(Boolean)));
+            if (merged.className) (_toastEl$classList2 = toastEl.classList).add.apply(_toastEl$classList2, _toConsumableArray(merged.className.split(' ').filter(Boolean)));
+          }
+          // update duration logic
+          options.durationMs = merged.durationMs;
+          remaining = merged.durationMs;
+          pauseTimer();
+          startTimer();
+        },
+        whenClosed: function whenClosed() {
+          return closedPromise;
+        },
+        on: function on(event, handler) {
+          handlers[event].add(handler);
+          return function () {
+            return ref.off(event, handler);
+          };
+        },
+        off: function off(event, handler) {
+          handlers[event]["delete"](handler);
+        }
+      };
+      var notify = function notify(event, arg) {
+        return handlers[event].forEach(function (fn) {
+          try {
+            fn(arg);
+          } catch (_) {}
+        });
+      };
+      var closedPromise = new Promise(function (resolve) {
+        var finish = function finish(reason) {
+          notify('close', reason);
+          if (typeof options.onClose === 'function') {
+            try {
+              options.onClose(ref, reason);
+            } catch (_) {}
+          }
+          resolve();
+        };
+        var cleanup = function cleanup(reason) {
+          if (!toastEl) return;
+          pauseTimer();
+
+          // Cleanup position listeners and restore styles
+          if (positionCleanup) {
+            positionCleanup();
+            positionCleanup = null;
+          }
+
+          // If overflow, remove immediately to enforce hard cap
+          if (reason === 'overflow') {
+            if (toastEl.parentElement) toastEl.parentElement.removeChild(toastEl);
+            var idx = _this.open.indexOf(ref);
+            if (idx >= 0) _this.open.splice(idx, 1);
+            _this.idToRef["delete"](toastId);
+            finish(reason);
+            return;
+          }
+
+          // Otherwise, animate out
+          toastEl.classList.add('APX-toast--exit');
+          requestAnimationFrame(function () {
+            return toastEl.classList.add('APX-toast--exit-active');
+          });
+          var removeEl = function removeEl() {
+            toastEl.removeEventListener('transitionend', removeEl);
+            if (toastEl.parentElement) toastEl.parentElement.removeChild(toastEl);
+            var idx = _this.open.indexOf(ref);
+            if (idx >= 0) _this.open.splice(idx, 1);
+            _this.idToRef["delete"](toastId);
+
+            // Schedule garbage collection for unmanaged containers
+            scheduleGarbageCollection();
+            finish(reason);
+          };
+          toastEl.addEventListener('transitionend', removeEl);
+        };
+
+        // attach close behavior
+        ref.close = function (reason) {
+          return cleanup(reason || 'api');
+        };
+      });
+
+      // Click handling
+      toastEl.addEventListener('click', function (ev) {
+        notify('click', ev);
+        if (typeof options.onClick === 'function') {
+          try {
+            options.onClick(ref, ev);
+          } catch (_) {}
+        }
+      });
+
+      // Hover pause
+      toastEl.addEventListener('mouseenter', pauseTimer);
+      toastEl.addEventListener('mouseleave', function () {
+        return startTimer();
+      });
+      if (closeBtn) closeBtn.addEventListener('click', function (ev) {
+        ev.stopPropagation();
+        ref.close('close');
+      });
+
+      // Track
+      this.open.push(ref);
+      this.idToRef.set(toastId, ref);
+
+      // Overflow policy
+      if (this.open.length > this.config.maxToasts) {
+        var oldest = this.open[0];
+        oldest.close('overflow');
+      }
+      startTimer();
+      return ref;
+    }
+
+    /**
+     * Convenience helpers
+     */
+  }, {
+    key: "info",
+    value: function info(message, opts) {
+      return this.show(_objectSpread(_objectSpread({}, opts || {}), {}, {
+        message: message,
+        type: 'info'
+      }));
+    }
+  }, {
+    key: "success",
+    value: function success(message, opts) {
+      return this.show(_objectSpread(_objectSpread({}, opts || {}), {}, {
+        message: message,
+        type: 'success'
+      }));
+    }
+  }, {
+    key: "warning",
+    value: function warning(message, opts) {
+      return this.show(_objectSpread(_objectSpread({}, opts || {}), {}, {
+        message: message,
+        type: 'warning'
+      }));
+    }
+  }, {
+    key: "danger",
+    value: function danger(message, opts) {
+      return this.show(_objectSpread(_objectSpread({}, opts || {}), {}, {
+        message: message,
+        type: 'danger'
+      }));
+    }
+
+    /** @param {'api'|'overflow'} [reason] */
+  }, {
+    key: "closeAll",
+    value: function closeAll(reason) {
+      // copy to avoid mutation during iteration
+      var all = this.open.slice();
+      all.forEach(function (r) {
+        return r.close(reason || 'api');
+      });
+    }
+
+    /** @param {ToastOptions} opts */
+  }, {
+    key: "normalizeOptions",
+    value: function normalizeOptions(opts) {
+      var o = _objectSpread({}, opts);
+      if (!o.type) o.type = 'info';
+      if (typeof o.dismissible !== 'boolean') o.dismissible = true;
+      if (typeof o.durationMs !== 'number') o.durationMs = this.config.defaultDurationMs;
+      // Use id from options if provided, otherwise use id from config, otherwise undefined (will be auto-generated)
+      if (!o.id && this.config.id) o.id = this.config.id;
+      return o;
+    }
+
+    /**
+     * Find or create a container for a specific position
+     * @param {Position} position
+     * @param {'up'|'down'} [flow] Flow direction (already determined, not 'auto')
+     * @param {boolean} [managed] Whether this container is managed by a manager (default: false)
+     * @returns {HTMLElement|null}
+     */
+  }, {
+    key: "getContainerForPosition",
+    value: function getContainerForPosition(position, flow) {
+      var managed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      if (!isBrowser) return null;
+      var positionKey = serializePosition(position);
+
+      // Flow should already be determined ('up' or 'down'), but fallback to auto if needed
+      var finalFlow = flow && flow !== 'auto' ? flow : determineFlow(position);
+
+      // 1. Check memory cache
+      var c = _containerCache.get(positionKey);
+
+      // 2. If not in cache, search in DOM by data attribute
+      if (!c && isBrowser) {
+        c = document.querySelector("[data-apx-toast-position=\"".concat(positionKey, "\"]"));
+        if (c) {
+          _containerCache.set(positionKey, c);
+        }
+      }
+
+      // 3. If still not found, create new container
+      if (!c) {
+        c = createEl('div', 'APX-toast-container');
+        c.setAttribute('data-apx-toast-position', positionKey);
+
+        // Mark as managed if created by a manager
+        if (managed) {
+          c.setAttribute('data-apx-toast-managed', 'true');
+        }
+
+        // Determine position class (for CSS)
+        var posClass = typeof position === 'string' ? position : position.type || 'bottom-right';
+        c.classList.add("APX-toast-container--".concat(posClass));
+        c.setAttribute('aria-live', String(this.config.ariaLive));
+        c.style.zIndex = String(this.config.zIndex);
+        c.style.gap = "".concat(this.config.gap, "px");
+
+        // Apply flow direction
+        c.style.flexDirection = finalFlow === 'up' ? 'column-reverse' : 'column';
+
+        // Apply position styles if object position
+        if (_typeof(position) === 'object' && position !== null) {
+          c.style.position = 'fixed';
+          var styles = this.calculatePosition(position, c);
+          Object.assign(c.style, styles);
+        }
+
+        // Append to wrapper for clean DOM organization
+        var wrapper = getToastWrapper();
+        if (wrapper) {
+          wrapper.appendChild(c);
+        } else {
+          document.body.appendChild(c);
+        }
+        _containerCache.set(positionKey, c);
+      } else {
+        // Update flow direction if container exists (may be shared)
+        c.style.flexDirection = finalFlow === 'up' ? 'column-reverse' : 'column';
+
+        // If container exists and is now managed, mark it
+        if (managed && !c.hasAttribute('data-apx-toast-managed')) {
+          c.setAttribute('data-apx-toast-managed', 'true');
+        }
+      }
+      return c;
+    }
+  }, {
+    key: "ensureContainer",
+    value: function ensureContainer() {
+      if (this.container || !isBrowser) return;
+      var position = this.config.position || 'bottom-right';
+      var flow = this.config.flow !== undefined ? this.config.flow : 'auto';
+      // Containers created by ensureContainer are managed
+      this.container = this.getContainerForPosition(position, flow, true);
+      this.applyContainerConfig();
+    }
+  }, {
+    key: "applyContainerConfig",
+    value: function applyContainerConfig() {
+      var _this2 = this;
+      if (!this.container) return;
+      var position = this.config.position || 'bottom-right';
+      var pos = typeof position === 'string' ? position : position.type || 'bottom-right';
+
+      // Apply styles (these may be overridden by other managers sharing the container)
+      this.container.style.zIndex = String(this.config.zIndex);
+      this.container.style.gap = "".concat(this.config.gap, "px");
+      this.container.setAttribute('aria-live', String(this.config.ariaLive));
+
+      // Update position class (only for string positions)
+      if (typeof position === 'string') {
+        var _this$container$class;
+        var posClasses = ['bottom-right', 'bottom-left', 'top-right', 'top-left'].map(function (p) {
+          return "APX-toast-container--".concat(p);
+        });
+        (_this$container$class = this.container.classList).remove.apply(_this$container$class, _toConsumableArray(posClasses));
+        this.container.classList.add("APX-toast-container--".concat(pos));
+      }
+
+      // Apply container class if specified
+      if (this.config.containerClass) {
+        this.config.containerClass.split(' ').filter(Boolean).forEach(function (cls) {
+          _this2.container.classList.add(cls);
+        });
+      }
+
+      // Apply offset (only for string positions)
+      if (typeof position === 'string') {
+        if (this.config.offset) {
+          var offset = "".concat(this.config.offset, "px");
+          if (pos.includes('bottom')) this.container.style.bottom = offset;else this.container.style.top = offset;
+          if (pos.includes('right')) this.container.style.right = offset;else this.container.style.left = offset;
+        } else {
+          // Reset offset if not specified
+          if (pos.includes('bottom')) this.container.style.bottom = '';else this.container.style.top = '';
+          if (pos.includes('right')) this.container.style.right = '';else this.container.style.left = '';
+        }
+      } else if (_typeof(position) === 'object' && position !== null) {
+        // For object positions, ensure container has position: fixed
+        this.container.style.position = 'fixed';
+      }
+    }
+
+    /**
+     * Calculate position for a container based on position config
+     * @param {Position} position
+     * @param {HTMLElement} containerEl
+     * @returns {{left?: string, top?: string, right?: string, bottom?: string}}
+     */
+  }, {
+    key: "calculatePosition",
+    value: function calculatePosition(position, containerEl) {
+      if (typeof position === 'string') {
+        // String positions are handled by container CSS
+        return {};
+      }
+      if (_typeof(position) === 'object' && position !== null) {
+        var type = position.type || (position.x || position.y ? 'sticky' : null);
+        if (type === 'sticky' || !type && (position.x || position.y)) {
+          // Sticky: fixed position relative to viewport
+          var styles = {};
+          if (position.x !== undefined) {
+            if (position.x.startsWith('-')) {
+              styles.right = position.x.substring(1);
+            } else {
+              styles.left = position.x;
+            }
+          }
+          if (position.y !== undefined) {
+            if (position.y.startsWith('-')) {
+              styles.bottom = position.y.substring(1);
+            } else {
+              styles.top = position.y;
+            }
+          }
+          return styles;
+        }
+        if (type === 'relative' && position.element) {
+          // Relative: position relative to element with x/y offset
+          // Use fixed positioning, so getBoundingClientRect() is relative to viewport
+          var rect = position.element.getBoundingClientRect();
+
+          // Parse x/y offsets (can be px, em, etc.)
+          var parseOffset = function parseOffset(val) {
+            if (!val) return 0;
+            var num = parseFloat(val);
+            if (val.includes('em')) {
+              // Convert em to px (approximate: 1em = 16px)
+              return num * 16;
+            }
+            return num;
+          };
+          var offsetX = parseOffset(position.x || '0');
+          var offsetY = parseOffset(position.y || '0');
+          var _styles = {
+            left: "".concat(rect.left + offsetX, "px"),
+            top: "".concat(rect.top + offsetY, "px")
+          };
+          return _styles;
+        }
+        if (type === 'anchored' && position.element) {
+          // Anchored: position relative to element with placement
+          var _rect = position.element.getBoundingClientRect();
+          var gap = position.gap || '1em';
+
+          // Parse gap (can be px, em, etc.)
+          var parseGap = function parseGap(val) {
+            var num = parseFloat(val);
+            if (val.includes('em')) {
+              return num * 16; // Approximate: 1em = 16px
+            }
+
+            return num;
+          };
+          var gapPx = parseGap(gap);
+          var _styles2 = {};
+
+          // Normalize placement synonyms (above/below/before/after) to CSS values
+          var placement = normalizePlacement(position.placement);
+          switch (placement) {
+            case 'top':
+              // Toast above element: bottom of toast = top of element - gap
+              // bottom = viewport height - (element top - gap) = viewport height - element top + gap
+              _styles2.bottom = "".concat(window.innerHeight - _rect.top + gapPx, "px");
+              _styles2.left = "".concat(_rect.left, "px");
+              break;
+            case 'bottom':
+              // Toast below element: top of toast = bottom of element + gap
+              _styles2.top = "".concat(_rect.bottom + gapPx, "px");
+              _styles2.left = "".concat(_rect.left, "px");
+              break;
+            case 'left':
+              // Toast to the left: right of toast = left of element - gap
+              _styles2.right = "".concat(window.innerWidth - _rect.left + gapPx, "px");
+              _styles2.top = "".concat(_rect.top, "px");
+              break;
+            case 'right':
+              // Toast to the right: left of toast = right of element + gap
+              _styles2.left = "".concat(_rect.right + gapPx, "px");
+              _styles2.top = "".concat(_rect.top, "px");
+              break;
+          }
+          return _styles2;
+        }
+      }
+      return {};
+    }
+  }]);
+  return ToastManager;
+}();
+/**
+ * @param {Partial<ToastConfig>=} config
+ * @returns {ToastManager}
+ */
+function createToastManager(config) {
+  return new ToastManager(config);
+}
+
+// High-level APX.toast API (default & named managers)
+var _defaultManager = null;
+var _getDefault = function _getDefault() {
+  if (!_defaultManager) _defaultManager = createToastManager();
+  return _defaultManager;
+};
+
+/**
+ * Toast API surface to be attached as APX.toast.
+ * Callable form proxies to defaultManager.show(opts): APX.toast({...})
+ */
+function toast(opts) {
+  return _getDefault().show(opts);
+}
+Object.assign(toast, {
+  /**
+   * Create a manager. If first arg is string, register as named under toast.custom[name]
+   * @param {string|Partial<ToastConfig>} nameOrConfig
+   * @param {Partial<ToastConfig>=} maybeConfig
+   * @returns {ToastManager}
+   */
+  create: function create(nameOrConfig, maybeConfig) {
+    if (typeof nameOrConfig === 'string') {
+      var name = nameOrConfig;
+      var manager = new ToastManager(_objectSpread({}, maybeConfig || {}));
+      if (!toast.custom) toast.custom = {};
+      toast.custom[name] = manager;
+      return manager;
+    }
+    return new ToastManager(_objectSpread({}, nameOrConfig || {}));
+  },
+  /** @type {Record<string, ToastManager>} */
+  custom: {},
+  /** @param {string} name */
+  use: function use(name) {
+    return toast.custom && toast.custom[name] || null;
+  },
+  Manager: ToastManager,
+  show: function show(opts) {
+    return _getDefault().show(opts);
+  },
+  info: function info(message, opts) {
+    return _getDefault().info(message, opts);
+  },
+  success: function success(message, opts) {
+    return _getDefault().success(message, opts);
+  },
+  warning: function warning(message, opts) {
+    return _getDefault().warning(message, opts);
+  },
+  danger: function danger(message, opts) {
+    return _getDefault().danger(message, opts);
+  },
+  configure: function configure(config) {
+    return _getDefault().configure(config);
+  },
+  setAriaLive: function setAriaLive(mode) {
+    return _getDefault().setAriaLive(mode);
+  },
+  closeAll: function closeAll(reason) {
+    return _getDefault().closeAll(reason);
+  },
+  getOpenToasts: function getOpenToasts() {
+    return _getDefault().getOpenToasts();
+  }
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toast);
+
+
+/***/ }),
+
+/***/ "./modules/tristate/tristate.mjs":
+/*!***************************************!*\
+  !*** ./modules/tristate/tristate.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 */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _css_tristate_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css/tristate.css */ "./modules/tristate/css/tristate.css");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * Creates a tri-state checkbox for each checkbox element in the apx.elements array.
+ * @param {Array<HTMLElement>} apx - An array of HTMLElements which is returned by APX()
+ * @example
+ * // Call the tristate function on an array of checkbox elements
+ * apx.tristate();
+ */
+/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(apx) {
+  apx.tristate = function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    apx.elements.forEach(function (element) {
+      if (element.type === 'checkbox') {
+        var _createTriStateCheckb = createTriStateCheckbox(element, options),
+          _createTriStateCheckb2 = _slicedToArray(_createTriStateCheckb, 3),
+          originalCheckbox = _createTriStateCheckb2[0],
+          tristateDom = _createTriStateCheckb2[1],
+          hiddenInput = _createTriStateCheckb2[2];
+        //If there is a "options.callbacks.after" callback in options call it
+        if (options.callbacks && options.callbacks.after && typeof options.callbacks.after === 'function') {
+          options.callbacks.after(originalCheckbox, tristateDom, hiddenInput);
+        }
+      }
+    });
+  };
+}
+function toggleTriStateCheckboxState(customCheckbox, actualCheckbox, hiddenInput) {
+  if (customCheckbox.classList.contains('checked')) {
+    customCheckbox.classList.remove('checked');
+    customCheckbox.classList.add('crossed');
+    actualCheckbox.checked = false;
+    hiddenInput.value = 'false';
+  } else if (customCheckbox.classList.contains('crossed')) {
+    customCheckbox.classList.remove('crossed');
+    customCheckbox.classList.add('unchecked');
+    hiddenInput.removeAttribute('name'); // Ensure the hidden input doesn't post any value
+    hiddenInput.removeAttribute('value'); // Ensure the hidden input doesn't post any value
+  } else {
+    customCheckbox.classList.remove('unchecked');
+    customCheckbox.classList.add('checked');
+    actualCheckbox.checked = true;
+    hiddenInput.value = 'true';
+    hiddenInput.setAttribute('name', actualCheckbox.dataset.name); // Restore the name for posting
+  }
+}
+
+function createTriStateCheckbox(checkboxElement, options) {
+  var _tristateDom$classLis;
+  //get the checkbox margins including browser default
+  var checkboxStyle = window.getComputedStyle(checkboxElement);
+  // Hide the original checkbox
+  checkboxElement.style.display = 'none';
+
+  // Create the custom checkbox div and set its initial state
+  var tristateDom = document.createElement('div');
+  tristateDom.classList.add('apx-tristate');
+  if (options.size) {
+    if (options.size.width) {
+      tristateDom.style.width = options.size.width + 'px';
+    }
+    if (options.size.height) {
+      tristateDom.style.height = options.size.height + 'px';
+    }
+  }
+  if (options.classes) (_tristateDom$classLis = tristateDom.classList).add.apply(_tristateDom$classLis, _toConsumableArray(computeClasses(options.classes)));
+  tristateDom.style.margin = checkboxStyle.margin;
+  if (checkboxElement.checked) {
+    tristateDom.classList.add('checked');
+  } else {
+    tristateDom.classList.add('unchecked');
+  }
+
+  // Create the hidden input field
+  var hiddenInput = document.createElement('input');
+  hiddenInput.type = 'hidden';
+  hiddenInput.name = checkboxElement.name; // Copy the name from the original checkbox
+  checkboxElement.dataset.name = checkboxElement.name; // Store the name in a data attribute for later use
+  checkboxElement.removeAttribute('name'); // Remove the name from the original checkbox to avoid double posting
+
+  if (options.defaultState) setDefaultState(options, tristateDom, hiddenInput);else {
+    // Set the initial value for the hidden input based on the checkbox's state
+    if (checkboxElement.checked) {
+      hiddenInput.value = 'true';
+    } else {
+      hiddenInput.name = ''; // Ensure the hidden input doesn't post any value
+      hiddenInput.value = '';
+    }
+  }
+
+  //handle accessibility, set the tabindex to the same as the checkbox
+  tristateDom.tabIndex = checkboxElement.tabIndex;
+
+  // Insert the hidden input inside the custom checkbox div
+  tristateDom.appendChild(hiddenInput);
+
+  // Insert it next to the actual checkbox
+  checkboxElement.parentNode.insertBefore(tristateDom, checkboxElement.nextSibling);
+
+  // Add event listener
+  tristateDom.addEventListener('click', function (e) {
+    toggleTriStateCheckboxState(tristateDom, checkboxElement, hiddenInput);
+    bubbleEventsToOriginalCheckbox(options, checkboxElement, tristateDom, hiddenInput, e);
+  });
+  tristateDom.addEventListener('keyup', onkeyup.bind(null, checkboxElement));
+  return [checkboxElement, tristateDom, hiddenInput];
+}
+function setDefaultState(options, tristateDom, hiddenInput) {
+  //for all values possible for defaultState, set the initial state of the checkbox
+  if (options.defaultState === 'checked') {
+    tristateDom.classList.remove('unchecked');
+    tristateDom.classList.add('checked');
+    hiddenInput.value = 'true';
+  } else if (options.defaultState === 'unchecked') {
+    tristateDom.classList.remove('checked');
+    tristateDom.classList.add('unchecked');
+    hiddenInput.removeAttribute('name'); // Ensure the hidden input doesn't post any value
+    hiddenInput.removeAttribute('value'); // Ensure the hidden input doesn't post any value
+  } else if (options.defaultState === 'crossed') {
+    tristateDom.classList.remove('checked');
+    tristateDom.classList.add('crossed');
+    hiddenInput.value = 'false';
+  }
+}
+function computeClasses(classes) {
+  var computedClasses = [];
+  if (typeof classes === 'string') {
+    //replace multiple white spaces with a single space
+    classes = classes.replace(/\s\s+/g, ' ');
+    if (classes.indexOf(' ') > -1) computedClasses = classes.split(' ');else if (classes.indexOf(',') > -1) computedClasses = classes.split(',');else computedClasses = [classes];
+  } else if (Array.isArray(classes)) {
+    computedClasses = classes;
+  }
+  return computedClasses;
+}
+function bubbleEventsToOriginalCheckbox(options, checkboxElement, tristateDom, hiddenInput, event) {
+  //if options.callbacks.change is set, call it
+  if (options.callbacks && options.callbacks.change && typeof options.callbacks.change === 'function') {
+    options.callbacks.change(checkboxElement, tristateDom, hiddenInput);
+  }
+  if (!options.bubbleEvents) return;
+  if (event.type === 'click') {
+    checkboxElement.dispatchEvent(new MouseEvent('click', {
+      bubbles: true,
+      cancelable: true
+    }));
+  } else if (event.type === 'keyup') {
+    checkboxElement.dispatchEvent(new KeyboardEvent('keyup', {
+      key: ' ',
+      bubbles: true,
+      cancelable: true
+    }));
+  } else if (event.type === 'change') {
+    checkboxElement.dispatchEvent(new Event('change', {
+      bubbles: true,
+      cancelable: true
+    }));
+  }
+}
+function onkeyup(checkboxElement, event) {
+  if (event.keyCode === 32) {
+    bubbleEventsToOriginalCheckbox(checkboxElement, event);
+    event.preventDefault();
+    event.target.click();
+  }
+}
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		__webpack_require__.b = document.baseURI || self.location.href;
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			"main": 0
+/******/ 		};
+/******/ 		
+/******/ 		// no chunk on demand loading
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		// no on chunks loaded
+/******/ 		
+/******/ 		// no jsonp function
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	(() => {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+/*!*****************!*\
+  !*** ./APX.mjs ***!
+  \*****************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _modules_listen_listen_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modules/listen/listen.mjs */ "./modules/listen/listen.mjs");
+/* harmony import */ var _modules_tristate_tristate_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules/tristate/tristate.mjs */ "./modules/tristate/tristate.mjs");
+/* harmony import */ var _modules_dialog_dialog_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules/dialog/dialog.mjs */ "./modules/dialog/dialog.mjs");
+/* harmony import */ var _modules_toast_toast_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules/toast/toast.mjs */ "./modules/toast/toast.mjs");
+/* harmony import */ var _modules_common_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/common.mjs */ "./modules/common.mjs");
+
+
+
+
+
+
+/**
+ * Creates an APX object that wraps one or more HTML elements.
+ * @param {string|HTMLElement|NodeList|HTMLCollection|Array<HTMLElement>|jQuery|Function} input - The input to create the APX object from.
+ * @returns {Object} The APX object.
+ * @throws {Error} If the input type is invalid.
+ * @example
+ * // XPath
+ * const apx1 = APX('//div[@class="example"]');
+ *
+ * // CSS selector
+ * const apx2 = APX('.example');
+ *
+ * // Single element
+ * const element = document.querySelector('.example');
+ * const apx3 = APX(element);
+ *
+ * // NodeList or HTMLCollection
+ * const nodeList = document.querySelectorAll('.example');
+ * const apx4 = APX(nodeList);
+ *
+ * // Array of elements
+ * const elements = [document.querySelector('.example1'), document.querySelector('.example2')];
+ * const apx5 = APX(elements);
+ *
+ * // jQuery object
+ * const $example = $('.example');
+ * const apx6 = APX($example);
+ *
+ * // Function returning an APX object
+ * const apx7 = APX(() => APX('.example'));
+ */
+var APX = function APX(input) {
+  var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+  var elements;
+
+  // Validate context
+  if (typeof context === 'string') {
+    context = document.querySelector(context);
+  } else if (APX.isAPXObject(context)) {
+    context = context.first();
+  } else if (!(context instanceof HTMLElement || context instanceof Document)) {
+    throw new Error('Invalid context for APX');
+  }
+  if (typeof input === 'string' && input.startsWith('//')) {
+    // XPath with context
+    elements = document.evaluate(input, context, null, XPathResult.ANY_TYPE, null);
+    var nodes = [];
+    var node = elements.iterateNext();
+    while (node) {
+      nodes.push(node);
+      node = elements.iterateNext();
+    }
+    elements = nodes;
+  } else if (typeof input === 'string') {
+    // CSS selector with context
+    elements = context.querySelectorAll(input);
+  } else if (input instanceof HTMLElement) {
+    // Single element within context
+    elements = context.contains(input) ? [input] : [];
+  } else if (input instanceof NodeList || input instanceof HTMLCollection) {
+    // NodeList or HTMLCollection within context
+    elements = Array.from(input).filter(function (el) {
+      return context.contains(el);
+    });
+  } else if (Array.isArray(input) && input.every(function (el) {
+    return el instanceof HTMLElement;
+  })) {
+    // Array of elements within context
+    elements = input.filter(function (el) {
+      return context.contains(el);
+    });
+  } else if (typeof jQuery != 'undefined' && input instanceof jQuery) {
+    // jQuery object within context
+    elements = Array.from(input.get()).filter(function (el) {
+      return context.contains(el);
+    });
+  } else if (typeof input === 'function') {
+    // Function returning an APX object with context
+    elements = APX(input(), context);
+  } else {
+    throw new Error('Invalid input type for APX');
+  }
+  var apx = {
+    elements: elements,
+    _isAPXObject: true
+  };
+  apx.length = elements.length;
+  apx.each = function (callback) {
+    if (this.elements instanceof Array) this.elements.forEach(callback);
+    if (this.elements instanceof NodeList) Array.from(this.elements).forEach(callback);
+    return this;
+  };
+  apx.get = function (index) {
+    return this.elements[index];
+  };
+  apx.all = function () {
+    if (this.elements instanceof Array) return this.elements;
+    if (this.elements instanceof NodeList) return Array.from(this.elements);
+    return this;
+  };
+  apx.first = function () {
+    return this.get(0);
+  };
+  (0,_modules_listen_listen_mjs__WEBPACK_IMPORTED_MODULE_0__["default"])(apx);
+  (0,_modules_tristate_tristate_mjs__WEBPACK_IMPORTED_MODULE_1__["default"])(apx);
+  return apx;
+};
+APX.loadCss = _modules_common_mjs__WEBPACK_IMPORTED_MODULE_4__.loadCss;
+APX.dialog = _modules_dialog_dialog_mjs__WEBPACK_IMPORTED_MODULE_2__["default"];
+APX.toast = _modules_toast_toast_mjs__WEBPACK_IMPORTED_MODULE_3__["default"];
+APX.isAPXObject = function (obj) {
+  return obj && obj._isAPXObject === true;
+};
+APX.is_numeric = function (n) {
+  return !isNaN(n - parseFloat(n));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (APX);
+})();
+
+window.APX = __webpack_exports__["default"];
+/******/ })()
+;
+//# sourceMappingURL=APX.standalone.js.map