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

package/dist/collection/collection-manifest.json

@@ -41,6 +41,14 @@
     "components/charts/udp-charts-example.js",
     "components/charts/chart-container/chart-container.js",
     "components/charts/chart-kpi/chart-kpi.js",
+    "components/charts/udp-ag-area-chart/udp-ag-area-chart.js",
+    "components/charts/udp-ag-bar-chart/udp-ag-bar-chart.js",
+    "components/charts/udp-ag-bubble-chart/udp-ag-bubble-chart.js",
+    "components/charts/udp-ag-combo-chart/udp-ag-combo-chart.js",
+    "components/charts/udp-ag-donut-chart/udp-ag-donut-chart.js",
+    "components/charts/udp-ag-line-chart/udp-ag-line-chart.js",
+    "components/charts/udp-ag-pie-chart/udp-ag-pie-chart.js",
+    "components/charts/udp-ag-scatter-chart/udp-ag-scatter-chart.js",
     "components/charts/udp-bar-chart/udp-bar-chart.js",
     "components/charts/udp-distribution-chart/udp-distribution-chart.js",
     "components/charts/udp-donut-chart/udp-donut-chart.js",
@@ -105,6 +113,7 @@
     "components/fluent-ui/link/udp-fluent-link.js",
     "components/fluent-ui/location-input/udp-fluent-location-input.js",
     "components/fluent-ui/message-bar/udp-message-bar.js",
+    "components/fluent-ui/number-input/udp-fluent-number-input.js",
     "components/fluent-ui/progress-bar/udp-progress-bar.js",
     "components/fluent-ui/radio-group/udp-fluent-radio-group.js",
     "components/fluent-ui/search-input/udp-search-input.js",
@@ -181,6 +190,7 @@
     "components/layout/udp-container-query-grid/udp-container-query-grid.js",
     "components/layout/udp-container-query-grid-item/udp-container-query-grid-item.js",
     "components/layout/udp-page/udp-page.js",
+    "components/layout/udp-sidebar-layout/udp-sidebar-layout.js",
     "components/layout/udp-split-screen/udp-split-screen.js",
     "components/loaders/udp-skeleton-loading.js",
     "components/loaders/udp-grid-loader/udp-grid-loader.js",

package/dist/collection/components/advanced-search-builder/udp-advanced-search-builder.js

@@ -257,10 +257,13 @@ export class UdpAdvancedSearchBuilder {
     verifyFilterState(data) {
         const errors = [];
         const guidRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
-        // Validate groups: every group must have at least one direct filter
+        // Validate groups: a group must contribute something — either its own direct
+        // filter or a child group. A container group (children only, no direct filters)
+        // is valid; only a truly empty group (no filters and no children) is an error.
         for (const group of data.filterGroups) {
             const hasDirectFilters = data.filterElements.some(f => f.groupId === group.groupId);
-            if (!hasDirectFilters) {
+            const hasChildGroups = data.filterGroups.some(g => g.parentGroupId === group.groupId);
+            if (!hasDirectFilters && !hasChildGroups) {
                 const label = group.parentGroupId === null ? 'Root group' : 'A group';
                 errors.push(`${label} has no filters. Add a filter or remove the group.`);
             }
@@ -414,11 +417,11 @@ export class UdpAdvancedSearchBuilder {
         if (this.isExpanded && this.config.height) {
             hostStyles['height'] = this.config.height;
         }
-        return (h(Host, { key: 'e08370213e684a3ebed9605b0167010964b03c2a', style: hostStyles, class: {
+        return (h(Host, { key: 'ab3132a409df0b83da567793d635d13ee9b49d65', style: hostStyles, class: {
                 'is-resizable': isResizable,
                 'host-expanded': this.isExpanded,
                 'host-collapsed': !this.isExpanded,
-            } }, h("div", { key: 'cec9d9109278df5211e3da4c98aa34f354c7a26a', class: containerClasses }, isCollapsible && (h("div", { key: '381f3c02bcbf40aae3db6e7a99803dfe5a0759db', class: "collapsed-view" }, h("udp-fluent-text-input", { key: '94c6f902eba20017d3de1c269acb64c7c70d00bf', value: this.filterString, readonly: true, appearance: "filled-darker", includeErrorPadding: false, class: "string-display-input" }), h("udp-fluent-button", { key: '94292e13802f60bf7568a3dce0ea28875bacc7df', class: "toggle-button", size: "small", appearance: "transparent", onClick: this.toggleExpanded }, h("span", { key: 'd1192c982762cb18aad810d435b60271b9486cbb' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: 'dd08e210edb45c356190cbd9bb10e8ccaaa6fc36', class: "toggle-icon", viewBox: "0 0 16 16", slot: "end" }, h("path", { key: 'd946c26d8719e03cd7e21123b471545564df7f76', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: '6d6771073bed1c5cc5325da92f9eb736d54d2425', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: 'b8335dfd2f4a6c6a00f989a00b69af1b93ba1907', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("udp-advanced-search-filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fieldsArray, isRoot: true, isFilterValid: this.isFilterValid, errorMessages: this.errorMessages, maxDepth: this.currentMaxDepth, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDepthChange: this.handleDepthChange, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu })))), showFooter && (h("div", { key: 'be5d0210862e2a6ef50c4c34e92baac3d7342719', class: "advanced-filter-footer" }, h("validation-chip", { key: 'd25fd6065f9c7cf9b9879b280738aab85d175344', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-fluent-button", { key: 'bcfb6f8f90c3167aac8ebfdd990a2c145012fb50', disabled: !this.isFilterValid, onClick: this.handleSearch, appearance: "primary" }, "Search"))))));
+            } }, h("div", { key: 'b1afe1b4d06b93bf2f2ff5be3cf86ba1b8aa28d8', class: containerClasses }, isCollapsible && (h("div", { key: '208924a3e7652fb3cece053e28049ca33d956af5', class: "collapsed-view" }, h("udp-fluent-text-input", { key: 'b4752482a768ee8cb202e2b22c3243a66597b8ae', value: this.filterString, readonly: true, appearance: "filled-darker", includeErrorPadding: false, class: "string-display-input" }), h("udp-fluent-button", { key: '728968a44a5c47e21e0e229522c23e4b7c5d24b3', class: "toggle-button", size: "small", appearance: "transparent", onClick: this.toggleExpanded }, h("span", { key: '480b0e5695de7662d52da5f93747e9e5640794cb' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: '56693d725e73fa795a209a06a8edaccf1d2b6fb4', class: "toggle-icon", viewBox: "0 0 16 16", slot: "end" }, h("path", { key: '98699d880181e345bc91f70644c0f9c981d40c3b', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: '1b389df7790880e47e946888e7fe501a2ad5f07d', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: '80e0830959f3513ed6ba0fb2fe866038e636bb2e', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("udp-advanced-search-filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fieldsArray, isRoot: true, isFilterValid: this.isFilterValid, errorMessages: this.errorMessages, maxDepth: this.currentMaxDepth, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDepthChange: this.handleDepthChange, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu })))), showFooter && (h("div", { key: 'fc72bbb8d13c9d07de966b480e91a082587122a1', class: "advanced-filter-footer" }, h("validation-chip", { key: 'c2e5d0fa78b7ab310fd43963350214f78ca762be', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-fluent-button", { key: '6ec8b756b23463bdfdc54cf766d11fd9d40af309', disabled: !this.isFilterValid, onClick: this.handleSearch, appearance: "primary" }, "Search"))))));
     }
     static get is() { return "udp-advanced-search-builder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/calendar/udp-calendar-base.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core"; // Event, EventEmitter, Watch, Listen, Method
+import { h } from "@stencil/core";
 import { Calendar } from "@fullcalendar/core";
 import dayGridPlugin from "@fullcalendar/daygrid";
 import interactionPlugin from "@fullcalendar/interaction";
@@ -31,82 +31,48 @@ export class UdpCalendarBase {
         this.firstDay = 0; // The day that each week begins. 0 = Sunday
         this.showNonCurrentDates = true; // In month view, whether dates in the previous or next month should be rendered at all.
         this.toggleViewOptions = 'dayGridDay,dayGridWeek,dayGridMonth,dayGridYear'; // The options for toggling view in the upper right corner
-        this.calendarSettings = {};
+        // ESCAPE HATCH: arbitrary FullCalendar options forwarded verbatim. Spread last so any
+        // option not yet given a dedicated @Prop can be passed through without a code change.
+        this.options = {};
     }
     componentDidLoad() {
         const calendarEl = this.el.shadowRoot.querySelector('#calendar');
-        // CREATE SETTINGS FROM PROPS
-        this.calendarSettings = {
-            height: this.height,
-            contentHeight: this.contentHeight,
-            aspectRatio: this.aspectRatio,
-            weekends: this.weekends,
-            hiddenDays: this.hiddenDays,
-            dayHeaders: this.dayHeaders,
-            dayMinWidth: this.dayMinWidth,
-            slotDuration: this.slotDuration,
-            slotLabelInterval: this.slotLabelInterval,
-            slotLabelFormat: this.slotLabelFormat,
-            slotMinTime: this.slotMinTime,
-            slotMaxTime: this.slotMaxTime,
-            scrollTime: this.scrollTime,
-            scrollTimeReset: this.scrollTimeReset,
-            firstDay: this.firstDay,
-            showNonCurrentDates: this.showNonCurrentDates,
-        };
-        // ADD BUTTONS TO ALLOW USER TO TOGGLE BETWEEN MONTH-WEEK VIEW
-        this.calendarSettings.headerToolbar = {
-            left: 'prev,next',
-            center: 'title',
-            right: this.toggleViewOptions,
-        };
-        this.calendarSettings.views = {
-            dayGridWeek: {
-                dayHeaderFormat: this.dayHeaderFormatWeekView ? this.dayHeaderFormatWeekView : { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true, omitZeroMinute: true, meridiem: 'short' }
-            },
-            dayGridMonth: {
-                dayHeaderFormat: this.dayHeaderFormatMonthView ? this.dayHeaderFormatMonthView : { weekday: 'short' }
-            }
-        };
-        // ADD HOOKS TO SETTINGS
-        const hooks = [
-            { prop: 'dayHeaderClassNames', setting: 'dayHeaderClassNames' },
-            { prop: 'dayHeaderContent', setting: 'dayHeaderContent' },
-            { prop: 'dayHeaderDidMount', setting: 'dayHeaderDidMount' },
-            { prop: 'dayHeaderWillUnmount', setting: 'dayHeaderWillUnmount' },
-            { prop: 'dayCellClassNames', setting: 'dayCellClassNames' },
-            { prop: 'dayCellContent', setting: 'dayCellContent' },
-            { prop: 'dayCellDidMount', setting: 'dayCellDidMount' },
-            { prop: 'dayCellWillUnmount', setting: 'dayCellWillUnmount' },
-            { prop: 'slotLabelClassNames', setting: 'slotLabelClassNames' },
-            { prop: 'slotLabelContent', setting: 'slotLabelContent' },
-            { prop: 'slotLabelDidMount', setting: 'slotLabelDidMount' },
-            { prop: 'slotLabelWillUnmount', setting: 'slotLabelWillUnmount' },
-            { prop: 'slotLaneClassNames', setting: 'slotLaneClassNames' },
-            { prop: 'slotLaneContent', setting: 'slotLaneContent' },
-            { prop: 'slotLaneDidMount', setting: 'slotLaneDidMount' },
-            { prop: 'slotLaneWillUnmount', setting: 'slotLaneWillUnmount' },
-        ];
-        hooks.forEach(({ prop, setting }) => {
-            if (this[prop]) {
-                this.calendarSettings[setting] = (arg) => this[prop](arg);
-            }
-        });
-        if (this.datesSet) {
-            this.calendarSettings.datesSet = (dateInfo) => this.datesSet(dateInfo);
-        }
-        this.calendarSettings.events = this.events;
-        this.calendarSettings.eventSources = this.eventSources;
-        this.calendarSettings.eventContent = this.eventContent;
-        if (this.eventOnclick) {
-            this.calendarSettings.eventClick = (event) => this.eventOnclick(event);
-        }
         // ASSIGN SETTINGS AND CREATE CALENDAR
-        this.calendar = new Calendar(calendarEl, Object.assign({ plugins: [dayGridPlugin, interactionPlugin], initialView: this.initialView }, this.calendarSettings));
+        this.calendar = new Calendar(calendarEl, this.buildCalendarOptions());
         this.calendar.render();
         // Programatically scroll the current view to the given time. https://fullcalendar.io/docs/scrollToTime
-        if (this.scrollToTimeDuration)
-            (this.calendar.scrollToTime(this.scrollToTimeDuration));
+        if (this.scrollToTimeDuration) {
+            this.calendar.scrollToTime(this.scrollToTimeDuration);
+        }
+    }
+    buildCalendarOptions() {
+        var _a, _b;
+        const options = Object.assign(Object.assign({ plugins: [dayGridPlugin, interactionPlugin], initialView: this.initialView, initialDate: this.initialDate, height: this.height, contentHeight: this.contentHeight, aspectRatio: this.aspectRatio, weekends: this.weekends, hiddenDays: this.hiddenDays, dayHeaders: this.dayHeaders, dayMinWidth: this.dayMinWidth, slotDuration: this.slotDuration, slotLabelInterval: this.slotLabelInterval, slotLabelFormat: this.slotLabelFormat, slotMinTime: this.slotMinTime, slotMaxTime: this.slotMaxTime, scrollTime: this.scrollTime, scrollTimeReset: this.scrollTimeReset, firstDay: this.firstDay, showNonCurrentDates: this.showNonCurrentDates,
+            // BUTTONS TO ALLOW USER TO TOGGLE BETWEEN DAY/WEEK/MONTH/YEAR VIEW
+            headerToolbar: {
+                left: 'prev,next',
+                center: 'title',
+                right: this.toggleViewOptions,
+            }, views: {
+                dayGridWeek: {
+                    dayHeaderFormat: (_a = this.dayHeaderFormatWeekView) !== null && _a !== void 0 ? _a : { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true, omitZeroMinute: true, meridiem: 'short' },
+                },
+                dayGridMonth: {
+                    dayHeaderFormat: (_b = this.dayHeaderFormatMonthView) !== null && _b !== void 0 ? _b : { weekday: 'short' },
+                },
+            }, events: this.events, eventSources: this.eventSources, eventContent: this.eventContent }, (this.datesSet ? { datesSet: (dateInfo) => this.datesSet(dateInfo) } : {})), (this.eventOnclick ? { eventClick: (event) => this.eventOnclick(event) } : {}));
+        // ADD RENDER HOOKS
+        const dynamic = options;
+        UdpCalendarBase.RENDER_HOOKS.forEach((hook) => {
+            if (this[hook]) {
+                dynamic[hook] = (arg) => this[hook](arg);
+            }
+        });
+        // GENERIC FORWARDING: let callers pass any other FullCalendar option through.
+        Object.assign(options, this.options);
+        // Drop undefined values so we never override FullCalendar's own defaults.
+        Object.keys(dynamic).forEach((key) => dynamic[key] === undefined && delete dynamic[key]);
+        return options;
     }
     eventsChanged(newValue) {
         if (this.calendar) {
@@ -122,7 +88,7 @@ export class UdpCalendarBase {
     render() {
         const calendarStyle = Object.assign({}, (this.width !== null ? { width: this.width + 'px' } : {}) // Conditionally add width property
         );
-        return (h("div", { key: '54c88b068da1173e577a30a6b70f4893d34a1952', id: 'calendar', style: calendarStyle }));
+        return (h("div", { key: '1907e4392b4a52317b74745cda1fc137c1e471cc', id: 'calendar', style: calendarStyle }));
     }
     static get is() { return "udp-calendar-base"; }
     static get encapsulation() { return "shadow"; }
@@ -158,6 +124,32 @@ export class UdpCalendarBase {
                 "attribute": "initial-view",
                 "defaultValue": "'dayGridMonth'"
             },
+            "initialDate": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DateInput",
+                    "resolved": "Date | number | number[] | string",
+                    "references": {
+                        "DateInput": {
+                            "location": "import",
+                            "path": "@fullcalendar/core",
+                            "id": "../../node_modules/.pnpm/@fullcalendar+core@6.1.19/node_modules/@fullcalendar/core/index.d.ts::DateInput",
+                            "referenceLocation": "DateInput"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "initial-date"
+            },
             "height": {
                 "type": "number",
                 "mutable": false,
@@ -968,14 +960,38 @@ export class UdpCalendarBase {
                 "setter": false,
                 "reflect": false,
                 "attribute": "event-onclick"
+            },
+            "options": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Partial<CalendarOptions>",
+                    "resolved": "RawOptionsFromRefiners<Required<BaseOptionRefiners>> & RefinedOptionsFromRefiners<Required<CalendarListenerRefiners>> & RawOptionsFromRefiners<Required<CalendarOptionRefiners>>",
+                    "references": {
+                        "Partial": {
+                            "location": "global",
+                            "id": "global::Partial"
+                        },
+                        "CalendarOptions": {
+                            "location": "import",
+                            "path": "@fullcalendar/core",
+                            "id": "../../node_modules/.pnpm/@fullcalendar+core@6.1.19/node_modules/@fullcalendar/core/index.d.ts::CalendarOptions",
+                            "referenceLocation": "CalendarOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
             }
         };
     }
-    static get states() {
-        return {
-            "calendarSettings": {}
-        };
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
@@ -984,3 +1000,10 @@ export class UdpCalendarBase {
             }];
     }
 }
+// Render hooks are only forwarded when a handler was actually provided.
+UdpCalendarBase.RENDER_HOOKS = [
+    'dayHeaderClassNames', 'dayHeaderContent', 'dayHeaderDidMount', 'dayHeaderWillUnmount',
+    'dayCellClassNames', 'dayCellContent', 'dayCellDidMount', 'dayCellWillUnmount',
+    'slotLabelClassNames', 'slotLabelContent', 'slotLabelDidMount', 'slotLabelWillUnmount',
+    'slotLaneClassNames', 'slotLaneContent', 'slotLaneDidMount', 'slotLaneWillUnmount',
+];

package/dist/collection/components/calendar/udp-calendar-day.js

@@ -4,10 +4,8 @@ export class UdpCalendarDay {
     constructor() {
         this.props = {};
     }
-    componentWillLoad() {
-    }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '59be366d12c629036900827f17ccb41f32e3b517', initialView: 'dayGridDay' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: 'bc4fac28f22be76210ada27a7a165346fc205c30', initialView: 'dayGridDay' }, this.props)));
     }
     static get is() { return "udp-calendar-day"; }
     static get encapsulation() { return "shadow"; }
@@ -24,12 +22,17 @@ export class UdpCalendarDay {
     static get properties() {
         return {
             "props": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "Record<string, any>",
+                    "resolved": "any | string",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -39,8 +42,6 @@ export class UdpCalendarDay {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "props",
                 "defaultValue": "{}"
             }
         };

package/dist/collection/components/calendar/udp-calendar-month.js

@@ -4,10 +4,8 @@ export class UdpCalendarMonth {
     constructor() {
         this.props = {};
     }
-    componentWillLoad() {
-    }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: 'e996ecdd3b2989ac0b76e9c7f2a013090e2f9b3d', initialView: 'dayGridMonth' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: 'f8600795230fb42b29070324673dea0b463da21a', initialView: 'dayGridMonth' }, this.props)));
     }
     static get is() { return "udp-calendar-month"; }
     static get encapsulation() { return "shadow"; }
@@ -24,12 +22,17 @@ export class UdpCalendarMonth {
     static get properties() {
         return {
             "props": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "Record<string, any>",
+                    "resolved": "any | string",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -39,8 +42,6 @@ export class UdpCalendarMonth {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "props",
                 "defaultValue": "{}"
             }
         };

package/dist/collection/components/calendar/udp-calendar-week.js

@@ -4,10 +4,8 @@ export class UdpCalendarWeek {
     constructor() {
         this.props = {};
     }
-    componentWillLoad() {
-    }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '853f779edb5f0db6ea247adf65628d9be5e6be79', initialView: 'dayGridWeek' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '76f64d90052d07dc7f913b8f2540dbcbc7b142ea', initialView: 'dayGridWeek' }, this.props)));
     }
     static get is() { return "udp-calendar-week"; }
     static get encapsulation() { return "shadow"; }
@@ -24,12 +22,17 @@ export class UdpCalendarWeek {
     static get properties() {
         return {
             "props": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "Record<string, any>",
+                    "resolved": "any | string",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -39,8 +42,6 @@ export class UdpCalendarWeek {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "props",
                 "defaultValue": "{}"
             }
         };

package/dist/collection/components/calendar/udp-calendar-year.js

@@ -4,10 +4,8 @@ export class UdpCalendarYear {
     constructor() {
         this.props = {};
     }
-    componentWillLoad() {
-    }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '1a3a3f243480dc0b8edb378706c4992e4739d85f', initialView: 'dayGridYear' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: 'c6f3dce188614b66fbccf5c2443347306fbed08f', initialView: 'dayGridYear' }, this.props)));
     }
     static get is() { return "udp-calendar-year"; }
     static get encapsulation() { return "shadow"; }
@@ -24,12 +22,17 @@ export class UdpCalendarYear {
     static get properties() {
         return {
             "props": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "Record<string, any>",
+                    "resolved": "any | string",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -39,8 +42,6 @@ export class UdpCalendarYear {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "props",
                 "defaultValue": "{}"
             }
         };

package/dist/collection/components/charts/chart-container/chart-container.js

@@ -1,4 +1,11 @@
 import { h } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * It backs the legacy amcharts wrappers and relies on cross-shadow DOM queries
+ * that no longer work. Use the `udp-ag-*` chart components (e.g.
+ * `udp-ag-line-chart`, `udp-ag-bar-chart`, `udp-ag-donut-chart`) instead — they
+ * size themselves and need no container.
+ */
 export class ChartContainer {
     constructor() {
         this.kpisPosition = 'left';

package/dist/collection/components/charts/chart-kpi/chart-kpi.js

@@ -1,7 +1,12 @@
 import { h, Host } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * It is used only by the deprecated `chart-container`. Use the `udp-ag-*` chart
+ * components instead.
+ */
 export class ChartKpi {
     render() {
-        return (h(Host, { key: 'a3da9af80fa9262e096cf81a0404ab5aa806b832', class: "chart-kpi-container" }, h("unity-typography", { key: '548d2cb77df7706552b09dafa3d8bec0c9a0b36b', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'ee49858f3db51adb1ff1a6665fce16dcf302d4f6', class: 'element', variant: 'caption-text' }, this.label)));
+        return (h(Host, { key: 'dea89abfff586ae6a00b5ac825dc89cd42fc1959', class: "chart-kpi-container" }, h("unity-typography", { key: '2e584813e1c280ee834779b6e463f5964f74712b', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'c538a82cab55f26e7c1fb017021403fcbb460912', class: 'element', variant: 'caption-text' }, this.label)));
     }
     static get is() { return "chart-kpi"; }
     static get encapsulation() { return "shadow"; }