udp-stencil-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/esm/udp-fluent-table-input.entry.js

@@ -0,0 +1,345 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cgpvu-iV.js';
+
+const udpFluentTableInputCss = () => `:host{display:block}.table-input-label{display:flex;align-items:center;margin-bottom:4px}.required-marker{color:var(--colorPaletteRedForeground1, #d13438);margin-left:2px}.table-input-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.table-input-grid-wrapper{width:100%}.table-input-error{margin-top:4px;color:var(--colorPaletteRedForeground1, #d13438);font-size:12px}.table-input-drawer-footer{display:flex;justify-content:flex-end;gap:8px}udp-fluent-table-input .ag-floating-bottom .ag-cell{font-weight:600;background-color:var(--colorNeutralBackground3, #ebebeb)}`;
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const UdpFluentTableInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.valueChanged = createEvent(this, "valueChanged", 7);
+        /** Current rows. udp-field passes this in from Final Form state. */
+        this.value = null;
+        /** Column definitions from `question.fieldProperties.columns`. */
+        this.columns = [];
+        this.includeErrorPadding = true;
+        this.required = false;
+        this.disabled = false;
+        this.readonly = false;
+        this.drawerOpen = false;
+        /** null = adding a new row; number = editing an existing row at that index. */
+        this.editingIndex = null;
+        this.editingRow = {};
+        this.drawerErrors = {};
+        this.openAdd = () => {
+            if (this.isReadOnly)
+                return;
+            const seed = {};
+            for (const col of this.columns)
+                seed[col.id] = '';
+            this.editingRow = seed;
+            this.editingIndex = null;
+            this.drawerErrors = {};
+            this.drawerOpen = true;
+        };
+        this.openEdit = (rowIndex) => {
+            if (this.isReadOnly)
+                return;
+            const source = this.rows[rowIndex];
+            if (!source)
+                return;
+            this.editingRow = Object.assign({}, source);
+            this.editingIndex = rowIndex;
+            this.drawerErrors = {};
+            this.drawerOpen = true;
+        };
+        this.closeDrawer = () => {
+            this.drawerOpen = false;
+            this.editingIndex = null;
+            this.editingRow = {};
+            this.drawerErrors = {};
+        };
+        this.deleteRow = () => {
+            if (this.editingIndex == null)
+                return;
+            this.deleteRowAt(this.editingIndex);
+            this.closeDrawer();
+        };
+        this.setEditingCell = (columnId, raw) => {
+            this.editingRow = Object.assign(Object.assign({}, this.editingRow), { [columnId]: raw });
+            if (this.drawerErrors[columnId]) {
+                const _a = this.drawerErrors, _b = columnId, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                this.drawerErrors = rest;
+            }
+        };
+        this.saveDrawer = () => {
+            if (this.commitEditingRow())
+                this.closeDrawer();
+        };
+        this.saveAndAddAnother = () => {
+            if (!this.commitEditingRow())
+                return;
+            // Reseed a fresh blank row, keeping the drawer open in add mode.
+            const seed = {};
+            for (const col of this.columns)
+                seed[col.id] = '';
+            this.editingRow = seed;
+            this.editingIndex = null;
+            this.drawerErrors = {};
+        };
+        // ----- grid setup -----
+        this.gridOptions = {
+            suppressContextMenu: true,
+            suppressCellFocus: true,
+            rowDragManaged: true,
+            onRowDragEnd: event => {
+                // Managed drag already reordered the grid's client-side model — read the
+                // rows back in display order and emit, so Final Form (and the wire)
+                // carry the user's new row order. Legacy table-input supported the same
+                // first-column drag reorder.
+                const next = [];
+                event.api.forEachNode(node => {
+                    if (!node.rowPinned && node.data)
+                        next.push(node.data);
+                });
+                this.emit(next);
+            },
+            defaultColDef: {
+                sortable: false,
+                filter: false,
+                resizable: true,
+                suppressHeaderMenuButton: true,
+                editable: false,
+                minWidth: 100,
+            },
+        };
+    }
+    get rows() {
+        var _a, _b;
+        return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.rows) !== null && _b !== void 0 ? _b : [];
+    }
+    get isReadOnly() {
+        return this.disabled || this.readonly;
+    }
+    closeDrawerOnExternalReset() {
+        // If the value resets to empty from outside (e.g. form.restart), drop any
+        // in-flight drawer state so we don't commit a stale row on Save.
+        if (!this.value || this.value.rows.length === 0) {
+            this.drawerOpen = false;
+            this.editingIndex = null;
+            this.editingRow = {};
+            this.drawerErrors = {};
+        }
+    }
+    // ----- row CRUD -----
+    emit(nextRows) {
+        this.valueChanged.emit({ rows: nextRows });
+    }
+    deleteRowAt(rowIndex) {
+        if (this.isReadOnly)
+            return;
+        if (rowIndex < 0 || rowIndex >= this.rows.length)
+            return;
+        const next = this.rows.slice();
+        next.splice(rowIndex, 1);
+        this.emit(next);
+    }
+    validateEditingRow() {
+        const errs = {};
+        for (const col of this.columns) {
+            const raw = this.editingRow[col.id];
+            const isEmpty = raw == null || (typeof raw === 'string' && raw.trim() === '');
+            if (col.required && isEmpty) {
+                errs[col.id] = `${col.name} is required`;
+                continue;
+            }
+            if (col.type === 'number' && !isEmpty) {
+                const n = typeof raw === 'number' ? raw : Number(raw);
+                if (!Number.isFinite(n))
+                    errs[col.id] = `${col.name} must be a number`;
+            }
+        }
+        return errs;
+    }
+    /**
+     * Validate + coerce + emit the in-flight row. Returns true on success, false
+     * when validation blocked the commit (errors are surfaced on the drawer).
+     */
+    commitEditingRow() {
+        const errs = this.validateEditingRow();
+        if (Object.keys(errs).length > 0) {
+            this.drawerErrors = errs;
+            return false;
+        }
+        // Coerce number columns to actual numbers so the wire payload mirrors
+        // legacy `table-input` exactly (Number values, not numeric strings).
+        const coerced = {};
+        for (const col of this.columns) {
+            const raw = this.editingRow[col.id];
+            if (col.type === 'number') {
+                if (raw === '' || raw == null)
+                    coerced[col.id] = null;
+                else
+                    coerced[col.id] = typeof raw === 'number' ? raw : Number(raw);
+            }
+            else {
+                coerced[col.id] = raw !== null && raw !== void 0 ? raw : '';
+            }
+        }
+        const next = this.rows.slice();
+        if (this.editingIndex == null) {
+            next.push(coerced);
+        }
+        else {
+            next[this.editingIndex] = coerced;
+        }
+        this.emit(next);
+        return true;
+    }
+    // ----- summary (aggregate) row -----
+    hasConfiguredAggregates() {
+        return (this.columns || []).some(col => col.type === 'number' && !!col.aggregate);
+    }
+    getAggregateDecimalPlaces(col) {
+        const next = Number(col === null || col === void 0 ? void 0 : col.aggregateDecimalPlaces);
+        // Legacy parity: anything that isn't a non-negative integer falls back to 1.
+        if (!Number.isInteger(next) || next < 0)
+            return 1;
+        return next;
+    }
+    getAggregateLabel(col) {
+        switch (col.aggregate) {
+            case 'sum': return 'Sum';
+            case 'avg': return 'Avg';
+            case 'min': return 'Min';
+            case 'max': return 'Max';
+            default: return '';
+        }
+    }
+    /**
+     * Display text for one summary-row cell. Mirrors the legacy `table-input`
+     * footer exactly: aggregated number columns show `{Label}: {value}` with the
+     * configured decimal places (`{Label}: N/A` when there are no rows yet); the
+     * first column shows "Summary" when it isn't itself aggregated.
+     */
+    getAggregateDisplay(col, columnIndex) {
+        if (col.type === 'number' && col.aggregate) {
+            const label = this.getAggregateLabel(col);
+            if (this.rows.length === 0)
+                return `${label}: N/A`;
+            const values = this.rows
+                .map(row => Number(row === null || row === void 0 ? void 0 : row[col.id]))
+                .filter(v => Number.isFinite(v));
+            let aggregate = 0;
+            if (values.length > 0) {
+                switch (col.aggregate) {
+                    case 'sum':
+                        aggregate = values.reduce((t, v) => t + v, 0);
+                        break;
+                    case 'avg':
+                        aggregate = values.reduce((t, v) => t + v, 0) / values.length;
+                        break;
+                    case 'min':
+                        aggregate = Math.min(...values);
+                        break;
+                    case 'max':
+                        aggregate = Math.max(...values);
+                        break;
+                }
+            }
+            return `${label}: ${aggregate.toFixed(this.getAggregateDecimalPlaces(col))}`;
+        }
+        if (columnIndex === 0 && col.type !== 'number' && this.hasConfiguredAggregates()) {
+            return 'Summary';
+        }
+        return '';
+    }
+    buildColumnDefs() {
+        const fieldCols = this.columns.map((col, columnIndex) => ({
+            headerName: col.required ? `${col.name} *` : col.name,
+            field: col.id,
+            // Legacy parity: rows reorder by dragging the first column's handle.
+            rowDrag: columnIndex === 0 && !this.isReadOnly,
+            cellRenderer: (params) => {
+                var _a;
+                if (((_a = params.node) === null || _a === void 0 ? void 0 : _a.rowPinned) === 'bottom') {
+                    return this.getAggregateDisplay(col, columnIndex);
+                }
+                const v = params.value;
+                if (v == null || v === '')
+                    return '';
+                return String(v);
+            },
+        }));
+        if (this.isReadOnly)
+            return fieldCols;
+        const editAction = {
+            id: 'edit-row',
+            iconName: 'edit',
+            title: 'Edit row',
+            handleOnClick: (_event, node) => {
+                const idx = Number(node === null || node === void 0 ? void 0 : node.rowIndex);
+                if (Number.isInteger(idx) && idx >= 0)
+                    this.openEdit(idx);
+            },
+        };
+        const deleteAction = {
+            id: 'delete-row',
+            iconName: 'delete',
+            title: 'Delete row',
+            handleOnClick: (_event, node) => {
+                const idx = Number(node === null || node === void 0 ? void 0 : node.rowIndex);
+                if (Number.isInteger(idx) && idx >= 0)
+                    this.deleteRowAt(idx);
+            },
+        };
+        const actionsCol = {
+            headerName: '',
+            field: '__actions',
+            editable: false,
+            sortable: false,
+            filter: false,
+            resizable: false,
+            suppressHeaderMenuButton: true,
+            width: 112,
+            // Returning `undefined` for the pinned summary row is the documented
+            // "no renderer" path (CellRendererSelectorFunc → result | undefined),
+            // so the row's action cell stays empty.
+            cellRendererSelector: (params) => {
+                var _a;
+                return ((_a = params.node) === null || _a === void 0 ? void 0 : _a.rowPinned) === 'bottom'
+                    ? undefined
+                    : { component: 'actionsRenderer', params: { actionList: [editAction, deleteAction] } };
+            },
+        };
+        return [...fieldCols, actionsCol];
+    }
+    // ----- render -----
+    render() {
+        const columnDefs = this.buildColumnDefs();
+        const hasColumns = this.columns.length > 0;
+        const isEditing = this.editingIndex != null;
+        const hasAggregates = this.hasConfiguredAggregates();
+        const gridOptions = hasAggregates
+            ? Object.assign(Object.assign({}, this.gridOptions), { pinnedBottomRowData: [{}] }) : this.gridOptions;
+        // When there are no rows but a summary footer is pinned, reserve extra body
+        // height so AG Grid's centered "No Rows To Show" overlay clears the pinned
+        // footer instead of colliding with it.
+        const bodyRows = hasAggregates && this.rows.length === 0 ? 2 : this.rows.length;
+        const gridHeight = `${Math.min(400, 60 + bodyRows * 40 + 40 + (hasAggregates ? 40 : 0))}px`;
+        return (h(Host, { key: 'cbc74ca5c6837409a2094c2c6ba064ea02b631b9' }, this.label && (h("div", { key: 'e58185aad243e21810c79b093cb16dbc0668337a', class: "table-input-label" }, h("udp-text", { key: '59bfdfcd9fcd291badff3639386d7704060ee288', variant: "body1Strong" }, this.label), this.required && h("span", { key: 'adc036978cf0baf4d6fb9294c4f376496a4c1d39', class: "required-marker" }, " *"))), this.hint && h("udp-text", { key: '91384d79d49247fd70ae311aff582cea97f567da', variant: "caption1" }, this.hint), hasColumns && !this.isReadOnly && (h("div", { key: 'b532e287668fa68edd2d95e2e4811e7dbb5e956b', class: "table-input-toolbar" }, h("udp-fluent-button", { key: '28337b3ca2d3c7f5b4c9606797945426e394e5a5', appearance: "secondary", startIconName: "add", onClick: this.openAdd }, "Add row"))), hasColumns ? (h("div", { class: "table-input-grid-wrapper" }, h("client-side-grid", { rowData: this.rows, columnDefs: columnDefs, gridOptions: gridOptions, gridHeight: gridHeight }))) : (h("udp-text", { variant: "caption1" }, "No columns configured for this table.")), this.error && h("div", { key: '92f84483300aec2018fe0189a559981a03c66589', class: "table-input-error" }, this.error), h("udp-fluent-drawer", { key: 'b90c91ac0cbf5679ff9e5672b5799c33cbfb78a4', open: this.drawerOpen, drawerTitle: isEditing ? 'Edit row' : 'Add row', size: "medium", onDrawerClose: this.closeDrawer }, h("udp-flexbox", { key: 'ee42f305ebb258941c0ff97c4ff98e54a9f14a24', display: "flex", direction: "column", gap: "md" }, this.columns.map(col => {
+            const cell = this.editingRow[col.id];
+            const stringValue = cell == null ? '' : typeof cell === 'string' ? cell : String(cell);
+            return (h("udp-fluent-text-input", { key: col.id, label: col.name, required: col.required, type: col.type === 'number' ? 'number' : 'text', value: stringValue, error: this.drawerErrors[col.id], onValueChanged: (e) => this.setEditingCell(col.id, e.detail) }));
+        })), h("div", { key: '5e23b62d2cf2014e48ba93acc7f79fb98f46e139', slot: "footer", class: "table-input-drawer-footer" }, isEditing && (h("udp-fluent-button", { key: '1e39c4b5c78ad09e3329efbacb85c1bc68b28501', appearance: "secondary", startIconName: "delete", onClick: this.deleteRow }, "Delete row")), h("udp-fluent-button", { key: 'a95d1961958a1aefe4979fc165b75122f08bf92c', appearance: "primary", onClick: this.saveDrawer, startIconName: 'checkmark' }, "Done"), !isEditing && (h("udp-fluent-button", { key: '28cba692debe4f97cc764fd0581cced80b708612', appearance: "secondary", startIconName: "add", onClick: this.saveAndAddAnother }, "New row")), h("udp-fluent-button", { key: '96cf8032b4317345ccb95f7f861fc990afdae0ec', appearance: "subtle", onClick: this.closeDrawer }, "Cancel")))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "value": [{
+                "closeDrawerOnExternalReset": 0
+            }]
+    }; }
+};
+UdpFluentTableInput.style = udpFluentTableInputCss();
+
+export { UdpFluentTableInput as udp_fluent_table_input };

package/dist/esm/udp-forms-builder-style-override.entry.js

@@ -62,7 +62,7 @@ const UdpFormsBuilderStyleOverride = class {
     render() {
         // if (!this.isVisible) return null;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: '43fee9498c2cfeb514e391c46fa3ece78b952445' }, h("unity-typography", { key: '2295a3f01354a0416bbe5c21ff86eaf40b82d188', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '7e03d4e6cedd5cba62770c648ab568fadf4d1f07' }), h("unity-typography", { key: '1b8a54fca2b611ea52e06ef8e623e1c5c937bf23', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: '6ebaf981d77fee7a9231f4b0b34b5d904af18109' }, h("unity-typography", { key: '93118a8dba421cc332ae72a14ac404acc858e9db', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '7129b59e278b4c8c16da9c378f5585b670fbe86f' }), h("unity-typography", { key: '0aaf4c93835a5e7db6a9b33a5a71640d500ade35', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
 };
 UdpFormsBuilderStyleOverride.style = udpFormsBuilderStyleOverrideCss();

package/dist/esm/udp-forms-follow-up-list-card.entry.js

@@ -6,8 +6,8 @@ const UdpFormsFollowUpListCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        const contentJsx = (h(Fragment, { key: '7433185a8df41494a9586ed1c824e9173bfb2ada' }, h("unity-typography", { key: '80011ab9bab2e25301ff41854d7c180ddb6aaf51', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: 'eda6e96ef68faf2036e2755d56c2470ac959572a', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
-        return (h("udp-card", { key: '2faaa50f10d7e93080a0878425883862954c9f52', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (h(Fragment, { key: '560b6de235698bb2c5c86c3cff1408ca062d5b1e' }, h("unity-typography", { key: 'e88808f6e195eef8a15ec6bcac3041741283d732', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '7dc397575d535be07c23779b980ad8612ea46eb7', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
+        return (h("udp-card", { key: '794f29d822c55888d38c27055948cf6657c4a384', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 };
 

package/dist/esm/udp-forms-list-card.entry.js

@@ -75,16 +75,16 @@ const UdpFormsListCard = class {
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: '3cbfe877a46d8f35a454614158af8418a519118c' }, h("unity-typography", { key: 'b80cdf4f5b4c68001dd868c7a4852652dfe4c251', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'c3233282dc971274e49f0894efeda01619232995', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: 'e79fbd9b66abb8d098d20673e1ade265698c5ee2', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '6aefdcee0fabe21cc8d40a521a77df6f18c9e7db', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
-        const actionsJsx = (h(Fragment, { key: 'bea0421e1f12b87ec12da2315a49f9291395ba1e' }, h("stencil-icon-button", { key: '4d5e2b33bd864183e6b461d873986d500f660023', icon: Edit16, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: 'b5a3262e2b46e11d534972e1d2d8f0de6073acd2', icon: DocumentAdd16, tooltip: "View Form", onClick: e => {
+        const contentJsx = (h(Fragment, { key: '9efa14e48645ca44f6b7f9d488e63b1ea6ee5c38' }, h("unity-typography", { key: 'a81a2192d3d5896857be984b4e9dfcbf782657ea', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '2c11c93e0d84a7aa699f40cd26bf9a03fa8684d3', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: 'b783eddac4c10e8edaef57a06f91589be9ce6948', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '41f75ca1a617f34825b28db5c13391d5b59a4be6', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
+        const actionsJsx = (h(Fragment, { key: 'e7ba88a6f804457f2a81dfb2716d2611a6192a86' }, h("stencil-icon-button", { key: 'e7779efaa34bfa6c6deb968b6b98198149601d02', icon: Edit16, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: '1fb8c42dbf6bdaac3b0a6bf2f0cee09cf39e9fa4', icon: DocumentAdd16, tooltip: "View Form", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'b598a530e7b99a6854e0bebfc732b345ba67d086', icon: ChevronRight16, tooltip: "See Form Version History", onClick: e => {
+            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: '882f468864f6ae10c4071b4474da95112a8eb576', icon: ChevronRight16, tooltip: "See Form Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (h("udp-card", { key: 'fbb3ecd5bcd3ce0143f184c864eb1adc557be468', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: '0f43e7c231159065ef946adbb337a7222ee6ae03', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 };
 

package/dist/esm/udp-forms-list.entry.js

@@ -222,7 +222,7 @@ const UdpFormsList = class {
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: '17366a8f7abd571d3581d2c790a40b8ae22ac90b', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: 'd71b84ef611056d57bf57b5a7ca79b720b3bff59' }), this.renderSideSheet(), h("udp-container", { key: 'd2c5003db8fab8fd9498bb5223d07134744756a0', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '20d4e834efae8532aa4b67eb818db93e3d7ee467', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: 'e9477aa122ac431b442d9fb859e4f07b7ed3d6bb', style: { display: 'none' } }), h("div", { key: '53192d996e0d9434306f3f26a5b79bb0e1e84ccd', style: { height: '60px' } })));
+        return (h("div", { key: '57ddf526349cc83b61c758ba8d640c6df30e9a3a', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '3b48868bec4a4bb62e11ee52d301b34f02bc0ea1' }), this.renderSideSheet(), h("udp-container", { key: 'cae71399c968c50feb6af9f8a0843580e43301d8', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '27406e247d2560be7e144815b7eded4226b9a06e', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: '6c88776eab5fa717750958d8ad6514746b99ab8f', style: { display: 'none' } }), h("div", { key: '51610961e59c0d9b63e83aaeeb1f39ad60ecd687', style: { height: '60px' } })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-forms-renderer.entry.js

@@ -4,8 +4,8 @@ import { f as fetchLatestForms } from './udp-form-api-utils-DJO9gaOk.js';
 import { c as UdpFormsSubmissionStatusEnum, U as UdpFormsPageIdEnum, b as UdpFormsFieldTypeEnum, a as UdpFormsTypeEnum } from './enums-Bn8TXZfi.js';
 import { b as buildEmptyCurrentValues } from './utils-kwLwITIE.js';
 import { c as createFormData, m as makeApiCall } from './makeApiCall-B-daVutk.js';
-import { S as SearchBuilder } from './SearchBuilder-DDfrKm8m.js';
-import { a as SearchOperators } from './searchObject-CDJVsMG_.js';
+import { S as SearchBuilder } from './SearchBuilder-CPsWhOXB.js';
+import { a as SearchOperators } from './searchObject-DpUZkcYC.js';
 import { C as ConfigService } from './configService-DgYnEcjx.js';
 import { v4 } from 'uuid';
 import 'axios';
@@ -1570,7 +1570,7 @@ const UdpFormsRenderer = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '8a7edcf42559ad17061e98fd8483a32157084b4c', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, formTemplateOverrides: this.formTemplateOverrides, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
+        return (h("div", { key: 'c9f6ec0efcd2350f1dfc4d83133798ab8f2ae60f', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, formTemplateOverrides: this.formTemplateOverrides, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
             // saveErrorMessage={this.saveErrorMessage}
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
             readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, clientUserInfo: this.clientUserInfo, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState, submissionId: (_a = this.udpFormSubmission) === null || _a === void 0 ? void 0 : _a.id, handleRedirect: this.handleRedirect, showSubmitSuccessRedirectButton: this.showSubmitSuccessRedirectButton, showSubmitSuccessSubmissionId: this.showSubmitSuccessSubmissionId })));

package/dist/esm/udp-kpi-card.entry.js

@@ -106,7 +106,7 @@ const UdpKpiCard = class {
             '--card-color': this.resolveCardColor(this.color),
         };
         const content = this.renderCardContent(cardStyles);
-        return (h(Host, { key: '98fee46ad0692b87ae45323ad5c854f5733321cc' }, isNavigation ? (h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (h("div", { class: cardClasses, onClick: isClickable ? this.handleClick : undefined, onKeyDown: isClickable ? this.handleKeyDown : undefined, tabIndex: isClickable ? 0 : undefined, "aria-current": (_a = this.active) !== null && _a !== void 0 ? _a : undefined, "aria-label": this.primaryText, role: "button" }, content))));
+        return (h(Host, { key: '93ec90c6434f1649c76589a71d5f19018699cd56' }, isNavigation ? (h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (h("div", { class: cardClasses, onClick: isClickable ? this.handleClick : undefined, onKeyDown: isClickable ? this.handleKeyDown : undefined, tabIndex: isClickable ? 0 : undefined, "aria-current": (_a = this.active) !== null && _a !== void 0 ? _a : undefined, "aria-label": this.primaryText, role: "button" }, content))));
     }
 };
 UdpKpiCard.style = udpKpiCardCss();

package/dist/esm/udp-kpi-cards.entry.js

@@ -28,11 +28,11 @@ const UdpKpiCards = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '243a125878e070f75bbe685f214c7dea5ec00ab9', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '1dff859fb802d276eb0e4ee38eda205f9fdcb055', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
             _a.map((kpi) => {
                 const isActive = this.activeFilterId === kpi.id;
                 return (h("udp-kpi-card", { cardId: kpi.id, primaryText: kpi.primaryText, secondaryText: kpi.secondaryText, color: kpi.color, value: kpi.value, active: isActive, actionType: kpi.actionType, href: kpi.href, iconName: kpi === null || kpi === void 0 ? void 0 : kpi.iconName, onCardClick: () => this.handleCardClick(kpi) }));
-            }), h("slot", { key: 'f16e7905ac4df4a30b872875cccef81eb982de60' })));
+            }), h("slot", { key: '902782b2a33242fb5d57abb537e9907a8e023deb' })));
     }
 };
 UdpKpiCards.style = udpKpiCardsCss();

package/dist/esm/udp-map.entry.js

@@ -93,11 +93,11 @@ const UdpMap = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: '48b54e540553f3bd97ec52221fd24488d874e3a5', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: '115dae6c5e232da953497d3468f8c3c3f083a8bf', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'a73afb747d1e813497a027be670e0a6a5e457e3c', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: '12233ba4a756927d620c541bd8a492340e101f5d', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'b653a4e24842d46fe6cd1f5c077d2027c520782b' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'b6d87df963641c592be9a1914e77f8cfb41dcf89' })));
     }
     static get watchers() { return {
         "enableDragBox": [{

package/dist/esm/udp-menu.entry.js

@@ -94,7 +94,7 @@ const UdpMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f5317a3abfa8bf72c657bd4d70e0fce61114b494' }, h("div", { key: '69e2e47aec8eb7d9c0f0a0cec4973ec7d394ac40', class: "menu-panel", role: "menu" }, h("slot", { key: '0a598b59f30e0d582b1067f92a265fd30e79eff8' }))));
+        return (h(Host, { key: '4aca75586f75cbe0160fcba62a3f2678e51a1104' }, h("div", { key: '7a0e59266937d6fe3d049661abfbd376c3e28296', class: "menu-panel", role: "menu" }, h("slot", { key: 'c405ae41dc9c62c6d3e679f9979abd9b4fdd8b51' }))));
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-page.entry.js

@@ -20,7 +20,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: 'cb19f81813a13fd14918a1d3689a0394e864de87', style: style }, h("slot", { key: '0bf77c699c7591df0252428dd0a59b6e98c64297' }), " "));
+        return (h("div", { key: '5492cd8fe721663c4accdd40d392f822364c0bd3', style: style }, h("slot", { key: 'd6e02f7b8ebcf8ff83628c8ca2c7733c7e137a4f' }), " "));
     }
 };
 UdpPage.style = udpPageCss();