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

package/dist/cjs/udp-fluent-location-input.cjs.entry.js

@@ -506,16 +506,16 @@ const UdpFluentLocationInput = class {
         const showSearch = !this.hideAddressSearch;
         const showGeoButton = this.showGeolocationButton && !this.readonly && !this.disabled;
         const tileUrlMissing = this.showMap && !this.tileUrlTemplate;
-        return (index.h(index.Host, { key: '601cd4442b5d5e76e7ef0212a1e85519e4cca2ff', class: {
+        return (index.h(index.Host, { key: 'f1647d4aefa6ba6da591eacaddf5543f4c8860ae', class: {
                 'has-error': hasError,
                 [`size-${this.controlSize}`]: true,
                 [`appearance-${this.appearance}`]: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("fluent-field", { key: '70ad6dd2d541b900c377eb4ec526730d4c516db3', class: { 'no-message': noMessage } }, index.h("div", { key: '72a3bc5ce4421c26bb23b3da1f3ee14a3a16150c', slot: "input", class: "root" }, !showSearch && this.label && (index.h("fluent-label", { key: '95bd83bcc2e7f3d0e3d6b4b70217864ab475b359', class: "field-label", required: this.required, disabled: this.disabled }, this.label)), showSearch && this.renderSearchPicker(showGeoButton), this.showMap && (index.h("div", { key: '0792bd7c41542b80c99a84e3963cd938e1dc0986', class: {
+            } }, index.h("fluent-field", { key: '3f5c9b6c67c34974c259b713bfe9cc8d0df3fac5', class: { 'no-message': noMessage } }, index.h("div", { key: 'be083a603cadb7a6951d5ee7d270ed7194fedc75', slot: "input", class: "root" }, !showSearch && this.label && (index.h("fluent-label", { key: '4d757d73ef0ab47cdabd76f78cb987571965f0e8', class: "field-label", required: this.required, disabled: this.disabled }, this.label)), showSearch && this.renderSearchPicker(showGeoButton), this.showMap && (index.h("div", { key: '01c8b0cc7cb2fe9cbbbd1e52ba424729ba639692', class: {
                 'map-wrap': true,
                 'is-loading': this.isReverseGeocoding,
-            }, style: { height: this.mapHeight } }, tileUrlMissing && (index.h("div", { key: '4e30328fd6a6681ab04a227f815d89b3436d3bd7', class: "map-empty" }, index.h("udp-text", { key: 'b988050206716dc513c882555558d1a55922aa15', variant: "caption1", class: "map-empty-text" }, "Map provider not configured."))), index.h("div", { key: '793021c95121c83745b2ff17f38836e136233078', ref: el => (this.mapEl = el), class: "map", "aria-label": this.label ? `${this.label} map` : 'Location map' }), this.isReverseGeocoding && (index.h("div", { key: 'd7733cd85c5516a2b3b5b436b0a9b14cca7fb759', class: "map-loading", "aria-hidden": "true" }, index.h("udp-spinner", { key: '01b866ebd737be06211eb239181557c3e42aff93', size: "small" })))))), index.h("udp-text", { key: '6976838fbbe6b48f2d22a8d5d53148af448438eb', slot: "message", variant: "caption1", class: {
+            }, style: { height: this.mapHeight } }, tileUrlMissing && (index.h("div", { key: '138cd191f359f2d4123d6b296a17a64cbdd045a7', class: "map-empty" }, index.h("udp-text", { key: '4c0d835212cd57c7b9a326ce823d2c294c64abcb', variant: "caption1", class: "map-empty-text" }, "Map provider not configured."))), index.h("div", { key: '27b6abd55835869484fe06ea3fe3b6f6cc58e4af', ref: el => (this.mapEl = el), class: "map", "aria-label": this.label ? `${this.label} map` : 'Location map' }), this.isReverseGeocoding && (index.h("div", { key: 'ddbcc61cb0e401e3553c29a184fc188d90a4e94c', class: "map-loading", "aria-hidden": "true" }, index.h("udp-spinner", { key: '4a2932d0f22c352ddbc4c49f90be693623776fb7', size: "small" })))))), index.h("udp-text", { key: '6adfe5777d9e8f32a508aa51c6ec1625cfef0adb', slot: "message", variant: "caption1", class: {
                 message: true,
                 error: hasError,
                 'include-error-padding': this.includeErrorPadding,

package/dist/cjs/udp-fluent-number-input.cjs.entry.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var index = require('./index-G1ccGqOs.js');
+require('@fluentui/web-components/text-input.js');
+require('@fluentui/web-components/field.js');
+require('@fluentui/web-components/label.js');
+
+const udpFluentNumberInputCss = () => `fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}`;
+
+const UdpFluentNumberInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChanged = index.createEvent(this, "valueChanged", 7);
+        this.inputBlur = index.createEvent(this, "inputBlur", 7);
+        this.inputFocus = index.createEvent(this, "inputFocus", 7);
+        this.liveValue = null;
+        /** Whether to include error padding below the input. */
+        this.includeErrorPadding = true;
+        /** Whether the input is required for form submission. */
+        this.required = false;
+        /** Whether the input is disabled and cannot be interacted with. */
+        this.disabled = false;
+        /** Whether the input is read-only. */
+        this.readonly = false;
+        /** Whether the input should automatically focus when the page loads. */
+        this.autofocus = false;
+        /** Hints to the browser about what kind of data is expected. Defaults to "off" to suppress the browser's recent-values dropdown. */
+        this.autocomplete = 'off';
+        /** The visual appearance of the input. */
+        this.appearance = 'outline';
+        /** The size of the input control. */
+        this.controlSize = 'medium';
+        this.handleInput = (ev) => {
+            ev.stopPropagation();
+            const target = ev.target;
+            this.liveValue = target.value;
+            this.valueChanged.emit(target.value);
+        };
+        this.handleBlur = () => {
+            var _a, _b;
+            if (this.decimals != null && this.internalInput) {
+                const raw = parseFloat((_b = (_a = this.liveValue) !== null && _a !== void 0 ? _a : this.value) !== null && _b !== void 0 ? _b : '');
+                if (!isNaN(raw)) {
+                    const formatted = raw.toFixed(this.decimals);
+                    this.internalInput.value = formatted;
+                    this.liveValue = formatted;
+                    this.valueChanged.emit(formatted);
+                }
+            }
+            this.inputBlur.emit();
+        };
+    }
+    componentDidLoad() {
+        if (this.internalInput && this.value != null) {
+            this.internalInput.value = this.value;
+        }
+        this.applyNumberAttrs();
+    }
+    componentDidUpdate() {
+        this.applyNumberAttrs();
+    }
+    // fluent-text-input doesn't proxy min/max/step to its inner <input>, so we set them directly.
+    // We also set inputmode="decimal" so mobile keyboards show a numeric pad.
+    // NOTE: we do NOT forward type="number" to fluent-text-input because FAST's inputHandler
+    // reads input.value and writes it back via its setter. For type="number" in Chrome, this
+    // resets the cursor to position 0 whenever an intermediate decimal value (e.g. "3.") causes
+    // the browser's value-sanitisation to return the previous valid number ("3"), scrambling
+    // subsequent keystrokes into the wrong order (e.g. "3.14159" → "141593").
+    applyNumberAttrs() {
+        var _a, _b, _c, _d, _e;
+        const nativeInput = (_b = (_a = this.internalInput) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input');
+        if (!nativeInput)
+            return;
+        nativeInput.setAttribute('inputmode', 'decimal');
+        nativeInput.min = (_c = this.min) !== null && _c !== void 0 ? _c : '';
+        nativeInput.max = (_d = this.max) !== null && _d !== void 0 ? _d : '';
+        nativeInput.step = (_e = this.step) !== null && _e !== void 0 ? _e : '';
+    }
+    /** Selects the text in the input. */
+    select() {
+        var _a;
+        (_a = this.internalInput) === null || _a === void 0 ? void 0 : _a.select();
+        return Promise.resolve();
+    }
+    render() {
+        const hasError = !!this.error;
+        const message = this.error || this.hint;
+        const noMessage = !message && !this.includeErrorPadding;
+        return (index.h(index.Host, { key: 'f87601660bf0d04ca3a617768a6178a9b83b3c39', class: { 'has-error': hasError } }, index.h("fluent-field", { key: '0a6bfa77b060b198f431cfd01dce8626d22b795c', class: { 'no-message': noMessage } }, index.h("fluent-text-input", { key: '70ee74cccec3b0223e4c36f6bec74a167dd66d8b', ref: el => (this.internalInput = el), slot: "input", class: { 'no-label': !this.label }, name: this.name, value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.disabled, readonly: this.readonly, autofocus: this.autofocus, autocomplete: this.autocomplete, spellcheck: "false", appearance: this.appearance, controlSize: this.controlSize, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: () => this.inputFocus.emit(), onInvalid: (e) => e.preventDefault() }, index.h("slot", { key: '72120dfefa9008c4283629e119887ff3e32d3894', slot: "start", name: "start" }), index.h("slot", { key: '3df3db74bd839bab72aa758468359451e0019c0b', slot: "end", name: "end" }), this.label && (index.h("fluent-label", { key: '9e4ad92775c6af795ffc5762b5f8045cd327ea6d', required: this.required, disabled: this.disabled }, this.label, this.popupHint && (index.h("udp-tooltip", { key: '97261e93f5652e11beb4c92aad11ab1e6e76c877', content: this.popupHint, positioning: "above" }, index.h("udp-fluent-icon", { key: '30894a2646b319aaccd96618aa6d5a8f5509769b', name: "info", size: "xs", class: "popup-hint-icon" })))))), index.h("udp-text", { key: '34ba101a49953809cb238f2b1c1cb4709661707a', slot: "message", variant: "caption1", class: {
+                message: true,
+                error: hasError,
+                includeErrorPadding: this.includeErrorPadding,
+            } }, message))));
+    }
+    static get delegatesFocus() { return true; }
+};
+UdpFluentNumberInput.style = udpFluentNumberInputCss();
+
+exports.udp_fluent_number_input = UdpFluentNumberInput;

package/dist/cjs/udp-fluent-signature-input.cjs.entry.js

@@ -311,18 +311,18 @@ const UdpFluentSignatureInput = class {
          */
         const clearVisible = !this.readonly && !this.disabled && !this.isEmpty;
         const showReadonlyEmpty = this.readonly && this.isEmpty && !((_a = this.value) === null || _a === void 0 ? void 0 : _a.file);
-        return (index.h(index.Host, { key: '43c407383f99db0efe1235923cda238f26707281', class: {
+        return (index.h(index.Host, { key: '03493208fa33b1639c1a905d4bb110e0bc25b65d', class: {
                 'has-error': hasError,
                 [`appearance-${this.appearance}`]: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("fluent-field", { key: 'b9a52f91217a1b3c1d064e65dac90ffc5c38b7cf', class: { 'no-message': noMessage } }, index.h("div", { key: '40b5b898279d05ba64aaa3035f5191b5de985fa9', slot: "input", class: "root" }, index.h("div", { key: '06e5e8026fb4fcfb2b394559f2c7889afb4173b6', class: "signature-group" }, index.h("div", { key: '0bb6ec85d256e5798ce972ab80f5aea21b5c3e56', class: "header" }, this.label && (index.h("fluent-label", { key: 'e60687488adf4030fe23ed716282ad2249ee24f5', class: "field-label", required: this.required, disabled: this.disabled }, this.label)), index.h("udp-fluent-button", { key: '2b4d11e2fca09ecc250a8c1b791b87022c9b7939', class: { 'clear-button': true, hidden: !clearVisible }, appearance: "subtle", size: "small", disabled: !clearVisible, "aria-hidden": clearVisible ? 'false' : 'true', tabindex: clearVisible ? 0 : -1, onClick: this.handleClear }, "Clear")), index.h("div", { key: '1b4b5d3d046b0fddf6eb2b637fdd683907886a7b', class: {
+            } }, index.h("fluent-field", { key: '35746c3b524e6c90acbfad95d507d97bf77cea7f', class: { 'no-message': noMessage } }, index.h("div", { key: 'df4df120237a1feaa2ae8764012ff7f24586b1b6', slot: "input", class: "root" }, index.h("div", { key: '3b2438cbb3098e7235c08dddde07e75b933b954c', class: "signature-group" }, index.h("div", { key: '2315dad52c98e3ccb8aa1f36676ea702200c42c9', class: "header" }, this.label && (index.h("fluent-label", { key: '9cf87d09319ba3e678df71cd933996ec614c5842', class: "field-label", required: this.required, disabled: this.disabled }, this.label)), index.h("udp-fluent-button", { key: 'a7a6bfbeff934155077f69c5c1115905d7f22abb', class: { 'clear-button': true, hidden: !clearVisible }, appearance: "subtle", size: "small", disabled: !clearVisible, "aria-hidden": clearVisible ? 'false' : 'true', tabindex: clearVisible ? 0 : -1, onClick: this.handleClear }, "Clear")), index.h("div", { key: '1cffa4b385cef82ec2609568b147e366fc6be3c1', class: {
                 'canvas-wrap': true,
                 empty: this.isEmpty,
-            }, "aria-busy": this.disabled ? 'true' : 'false' }, index.h("canvas", { key: 'bb42c3fe153828e8080cfbb509c6a4a110afbbc1', ref: el => (this.canvasEl = el), class: {
+            }, "aria-busy": this.disabled ? 'true' : 'false' }, index.h("canvas", { key: '8c436f1092bfda18d11c2660e28d92d1e41b2cd8', ref: el => (this.canvasEl = el), class: {
                 canvas: true,
                 'canvas-readonly': this.readonly || this.disabled,
-            }, "aria-label": this.label || 'Signature' }), showReadonlyEmpty && (index.h("div", { key: 'bbef2d7ba8db20d532af31066adc1277f031f377', class: "readonly-empty" }, index.h("span", { key: 'd3889ccad4d9654138432f8ebe2dddc55339b630', class: "readonly-empty-text" }, "No signature"))), this.isEmpty && !this.readonly && !this.disabled && (index.h("div", { key: '5975aa1b8ec87a9cdfe76503c20f25514768923c', class: "canvas-hint", "aria-hidden": "true" }, index.h("span", { key: '2241c4b4bead267624659d8dd2f28090b3c7fc34' }, "Sign here"))))), !this.hideFullNameInput && (index.h("udp-fluent-text-input", { key: '6a7427b7f6057553a677954fcead1c1b7ad64108', class: "fullname-input", label: this.fullNameLabel, placeholder: this.fullNamePlaceholder, value: (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.fullName) !== null && _c !== void 0 ? _c : '', disabled: this.disabled, readonly: this.readonly, required: this.required, includeErrorPadding: false, appearance: this.appearance === 'filled' ? 'filled-lighter' : 'outline', onValueChanged: this.handleFullNameChange, onInputBlur: this.handleFullNameBlur, onInputFocus: this.handleFullNameFocus }))), index.h("udp-text", { key: '86acc410dab4171c460516d54a1ab228e5e67e32', slot: "message", variant: "caption1", class: {
+            }, "aria-label": this.label || 'Signature' }), showReadonlyEmpty && (index.h("div", { key: '5891e986e469ecb172ba3929f26caf6c9dbc3726', class: "readonly-empty" }, index.h("span", { key: '12a6b0bfbc8abe497b697b0c3961c9116103ad24', class: "readonly-empty-text" }, "No signature"))), this.isEmpty && !this.readonly && !this.disabled && (index.h("div", { key: '7f2471bffeca34e26bf42f909a77fd22da5f3742', class: "canvas-hint", "aria-hidden": "true" }, index.h("span", { key: 'b12b339e046131588b3d9420b5614c37deabb658' }, "Sign here"))))), !this.hideFullNameInput && (index.h("udp-fluent-text-input", { key: '8787867e2d2adbe040e1e56594eede43ba1100cc', class: "fullname-input", label: this.fullNameLabel, placeholder: this.fullNamePlaceholder, value: (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.fullName) !== null && _c !== void 0 ? _c : '', disabled: this.disabled, readonly: this.readonly, required: this.required, includeErrorPadding: false, appearance: this.appearance === 'filled' ? 'filled-lighter' : 'outline', onValueChanged: this.handleFullNameChange, onInputBlur: this.handleFullNameBlur, onInputFocus: this.handleFullNameFocus }))), index.h("udp-text", { key: '6c2f9faf504def76567e4634fcb4bf82853bc241', slot: "message", variant: "caption1", class: {
                 message: true,
                 error: hasError,
                 'include-error-padding': this.includeErrorPadding,

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

@@ -64,7 +64,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 (index.h(index.Host, { key: '97674c910d0477cbc4a0793b24b0c6f7f4744ebb' }, index.h("unity-typography", { key: 'f70daf1122b765c1685eff8a9bde09cd7bd0285d', 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'), index.h("udp-divider", { key: '86eaf88fabd2add92b8690cdac7e36fcc2fa27a6' }), index.h("unity-typography", { key: '6c41509d5a55512c251f0a5d2fd7eade005aea8c', 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 (index.h(index.Host, { key: '41ae25231925c45e091607714f420251f1059a9e' }, index.h("unity-typography", { key: 'bd78e41dfb58f5b1fa0dd6aad16b3839d89cec81', 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'), index.h("udp-divider", { key: '1a4f260f3099265e2f20a9135877daf788837747' }), index.h("unity-typography", { key: 'da6b030f62ee4be948e0b3d689ce278a1d0ac20c', 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/cjs/udp-forms-follow-up-list-card.cjs.entry.js

@@ -8,8 +8,8 @@ const UdpFormsFollowUpListCard = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        const contentJsx = (index.h(index.Fragment, { key: '8df8a85ddafca8d29883dce8bce06f38d38380f0' }, index.h("unity-typography", { key: 'b44083355f6b4a239b8ccb81805956e0db477eae', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), index.h("unity-typography", { key: '6b0e2a19b90ff7bc02a306948e3a0f3681db9e3d', variant: "body1", color: "textSecondary" }, "Form Type: ", enums.UdpFormsTypeEnum[this.listItemData.type])));
-        return (index.h("udp-card", { key: '467464bd47120a02416dd8a954aa41400c64af7d', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (index.h(index.Fragment, { key: 'c20dc775734d36354df7aa084502a5719a23a2df' }, index.h("unity-typography", { key: 'bff8fcdb24d63ad789999104dcc31940026df34d', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), index.h("unity-typography", { key: '4cb261a73046a60a15daf603625e35081f3c6005', variant: "body1", color: "textSecondary" }, "Form Type: ", enums.UdpFormsTypeEnum[this.listItemData.type])));
+        return (index.h("udp-card", { key: '594a7219f8d703acab58c7429095a1f9d26e37bb', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 };
 

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

@@ -83,16 +83,16 @@ const UdpFormsListCard = class {
         };
     }
     render() {
-        const contentJsx = (index.h(index.Fragment, { key: '3080aabab1add1eed9b4d2705cf302ed186228d4' }, index.h("unity-typography", { key: '8afc0b2acb20a7eb832c5f255d973b59542dddc2', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (index.h("unity-typography", { key: 'ef68955c681b34fc57fe6e5ffc14bae6ad0f48e7', variant: "body1", color: "textSecondary" }, "Last Modified: ", utils.dateFormatter(this.data.lastModifiedOn))), index.h("unity-typography", { key: '841cca03bcadd90714e1c413b40b328fa5f122dd', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? utils.dateFormatter(this.data.createdOn) : utils.dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (index.h("unity-typography", { key: '33fbd12b8ecc0377d7afa69b3a5ca45734deaf83', variant: "body1", color: "textSecondary" }, "Form Type: ", enums.UdpFormsTypeEnum[this.data.type]))));
-        const actionsJsx = (index.h(index.Fragment, { key: 'fbbf1bb2f4b79bad978d27ae7c440c73948d92b3' }, index.h("stencil-icon-button", { key: '0715a37397205b205f914772f5ecaf1616be69b6', icon: Edit16__default.default, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (index.h("stencil-icon-button", { key: '5a83291e915d80c6072c5b61b0b242b14f3ea31c', icon: DocumentAdd16__default.default, tooltip: "View Form", onClick: e => {
+        const contentJsx = (index.h(index.Fragment, { key: 'f6553a70db7447217e848748cdba55b39e3895c9' }, index.h("unity-typography", { key: '17234a2ab4809cfd1068656979dd3aa8b24decde', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (index.h("unity-typography", { key: '9ae88f03d117cfd350efca0f92d511bb6e9438db', variant: "body1", color: "textSecondary" }, "Last Modified: ", utils.dateFormatter(this.data.lastModifiedOn))), index.h("unity-typography", { key: '5fb812e5a5ff76ff85e45f287073d404a8a44f0c', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? utils.dateFormatter(this.data.createdOn) : utils.dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (index.h("unity-typography", { key: '5635f71ffd1f420b4e33058967e8ccb3535065c4', variant: "body1", color: "textSecondary" }, "Form Type: ", enums.UdpFormsTypeEnum[this.data.type]))));
+        const actionsJsx = (index.h(index.Fragment, { key: '15b5b00f7420a5d47d17dfacf2ccd72396859a14' }, index.h("stencil-icon-button", { key: 'e67ed53a220cc04313aba3369a06a55c74d636ca', icon: Edit16__default.default, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (index.h("stencil-icon-button", { key: '2f251f0ee8681ae6a69ca350740b5f4639a07d42', icon: DocumentAdd16__default.default, tooltip: "View Form", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (index.h("stencil-icon-button", { key: 'dacbf34ca3dcdb4566841e397db18df8cd6164ff', icon: ChevronRight16__default.default, tooltip: "See Form Version History", onClick: e => {
+            } })), !this.isSideSheetList && (index.h("stencil-icon-button", { key: 'efffcf811bb58e43c9e80b50d050d6ce2803a7ba', icon: ChevronRight16__default.default, tooltip: "See Form Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (index.h("udp-card", { key: '6aac435cf6b1715a5d5728ed6fd3a7765d10b46a', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (index.h("udp-card", { key: '02261aa6c444557b5e3dd460650950a4e90a70ae', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 };
 

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

@@ -224,7 +224,7 @@ const UdpFormsList = class {
         return this.errorMessage ? (index.h("div", { class: "error-banner" }, index.h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (index.h("div", { key: '3bdcb8e1c8c91db5ae0fcfb89cb60e04b37d3dcb', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (index.h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (index.h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && index.h("udp-linear-loader", { key: '3dcbf2d86b563e41debf7d35bb708f6201057cda' }), this.renderSideSheet(), index.h("udp-container", { key: 'ae64034b41ad5ad7435344b41ba9ce2c0f914394', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), index.h("udp-list-renderer", { key: '02f268c528678f52b877881254fd354b6a78d6bf', 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" })), index.h("udp-forms-list-card", { key: '4a64d67f93bf4ad25aaf79c219f39302087ffcbc', style: { display: 'none' } }), index.h("div", { key: '67154eaaf368fb67b9966db4603428ad2998ed6f', style: { height: '60px' } })));
+        return (index.h("div", { key: 'e958b3af122ef19803aab3523e3f4eaacdca8241', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (index.h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (index.h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && index.h("udp-linear-loader", { key: '0a99e17acff1ed6f9dd88819845e3ee4df849f68' }), this.renderSideSheet(), index.h("udp-container", { key: 'a32ab394d6621dbe104d71090b93a66e0d5456e6', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), index.h("udp-list-renderer", { key: '1c0cb9e180cde66d298b6b92551aba967eebdda1', 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" })), index.h("udp-forms-list-card", { key: 'd626678fe095200d83b14d4c40b8c663786b8451', style: { display: 'none' } }), index.h("div", { key: '122b96ae2b68b47f6f962b42bac9079c60272129', style: { height: '60px' } })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1542,7 +1542,7 @@ const UdpFormsRenderer = class {
         return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (index.h("div", { key: '43693c3e7463897dc09265c782d9267ee08f07b4', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), index.h("udp-forms-ui", { udpForm: this.udpForm, formTemplateOverrides: this.formTemplateOverrides, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
+        return (index.h("div", { key: 'd117ef46fabf08d4b961e746cac2ab350d4d1cd5', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), index.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 })));

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

@@ -108,7 +108,7 @@ const UdpKpiCard = class {
             '--card-color': this.resolveCardColor(this.color),
         };
         const content = this.renderCardContent(cardStyles);
-        return (index.h(index.Host, { key: '71775f86db40015de6ed3c78e8cf499544a12fa2' }, isNavigation ? (index.h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (index.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 (index.h(index.Host, { key: 'b1e86135a54505a5c4741f2adaaf2a3b7b11bf76' }, isNavigation ? (index.h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (index.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/cjs/udp-kpi-cards.cjs.entry.js

@@ -30,11 +30,11 @@ const UdpKpiCards = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '5e330508abcee7a8fb4b077102df668209337f32', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
+        return (index.h("div", { key: 'e2cf551e61644fb3db2c743c63a2fe74bec1dd7a', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
             _a.map((kpi) => {
                 const isActive = this.activeFilterId === kpi.id;
                 return (index.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) }));
-            }), index.h("slot", { key: '0f7189d966bc774d34fea86b8268ae31fe88f244' })));
+            }), index.h("slot", { key: '84c02f2d8510291e9d058439999418852a8aa91c' })));
     }
 };
 UdpKpiCards.style = udpKpiCardsCss();

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

@@ -95,11 +95,11 @@ const UdpMap = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (index.h("map-component", { key: '5ac5153bbffd11c443c82711140a6b0f1b884c0d', 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 (index.h("map-component", { key: 'cc253d797a5543681a02df72864460df9f8bb20d', 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 && (index.h("udp-map-toolbar", { key: 'c2807b2b6143eac3e4041a33a21ca8427cadf782', 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 && (index.h("udp-map-toolbar", { key: '207b2fb95b84dbce051dbfabf76703e42d4457f4', 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 })), index.h("slot", { key: 'ac9200a2e7d87bfa9cdd38b64675a85c3691c7f7' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), index.h("slot", { key: '0310274302a09c3afff2222ded32271195a8e006' })));
     }
     static get watchers() { return {
         "enableDragBox": [{

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

@@ -96,7 +96,7 @@ const UdpMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '97cdf0a34fd5f4ffa91b7a1b2d4f5ba46b827c8c' }, index.h("div", { key: 'e8a4200dec8ac96042f92d12cd4c7cf27b7d56d1', class: "menu-panel", role: "menu" }, index.h("slot", { key: '1d743cac763e84c4af921f3e4100327762ef00d2' }))));
+        return (index.h(index.Host, { key: 'c9d430ebf74e18ee1fdc00ebbd89fd430fa3725a' }, index.h("div", { key: 'b7b959e59ecf997a4b6f18455d428d7288383d16', class: "menu-panel", role: "menu" }, index.h("slot", { key: '4d9e766005b611cb7c50aca6804962a4a70e75ca' }))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,7 +22,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (index.h("div", { key: 'a96f2d55462886cbe8b8bb4d78a74b6731591077', style: style }, index.h("slot", { key: '322f188f47b8e52ea3ebbb9e393a1e626bc67df4' }), " "));
+        return (index.h("div", { key: '42ef32c0e90566201dbca53bd2bef0a7a2039def', style: style }, index.h("slot", { key: 'b1108c9c61c9d67a5338ad38b6fb1a78b2d8fd49' }), " "));
     }
 };
 UdpPage.style = udpPageCss();

package/dist/cjs/udp-sankey-chart.cjs.entry.js

@@ -85,7 +85,7 @@ const UdpSankeyChart = class {
         }
     }
     render() {
-        return (index.h("chart-container", { key: '14009cd0f4e5f343e11f275180dd6800eae995e2', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (index.h("chart-container", { key: '241dd67a11cc0725daa9a4b6a4c29075a438cfbf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/udp-sidebar-layout.cjs.entry.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var index = require('./index-G1ccGqOs.js');
+var slotHelpers = require('./slot-helpers-C-ntX3IL.js');
+
+const udpSidebarLayoutCss = () => `:host{display:block}:host(.sbl-host--fill){height:100%;min-height:0}.sbl{display:flex;flex-direction:row;align-items:stretch}.sbl--fill{height:100%;min-height:0}.sbl--fill .sbl__sidebar{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke2) transparent}.sbl--fill .sbl__main{min-height:0;overflow-y:auto}.sbl--end{flex-direction:row-reverse}.sbl__sidebar{flex:0 0 auto;box-sizing:border-box;width:var(--sbl-sidebar-width, 264px);background-color:var(--colorNeutralBackground1);border-right:1px solid var(--colorNeutralStroke2)}.sbl--end .sbl__sidebar{border-right:none;border-left:1px solid var(--colorNeutralStroke2)}.sbl--collapsed .sbl__sidebar{width:var(--sbl-rail-width, 44px)}.sbl--sticky .sbl__sidebar{position:sticky;align-self:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke2) transparent}.sbl--sticky .sbl__sidebar::-webkit-scrollbar{width:8px}.sbl--sticky .sbl__sidebar::-webkit-scrollbar-thumb{background-color:var(--colorNeutralStroke2);border-radius:4px}.sbl--sticky .sbl__sidebar::-webkit-scrollbar-track{background:transparent}.sbl__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalS) var(--spacingHorizontalXS) var(--spacingVerticalS)     var(--spacingHorizontalM);position:sticky;top:0;z-index:1;background-color:var(--colorNeutralBackground1)}.sbl__header-content{min-width:0;display:flex;align-items:center;gap:var(--spacingHorizontalS)}.sbl__title{color:var(--colorNeutralForeground1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbl__body{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS) var(--spacingVerticalM)}.sbl__rail{display:none;justify-content:center;padding:var(--spacingVerticalS) 0;position:sticky;top:0}.sbl--collapsed .sbl__panel{display:none}.sbl--collapsed .sbl__rail{display:flex}.sbl__main{flex:1 1 auto;min-width:0}`;
+
+const UdpSidebarLayout = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.openChange = index.createEvent(this, "openChange", 7);
+        /**
+         * Whether the sidebar is expanded (`true`) or collapsed to a rail (`false`).
+         * Mutable so the built-in toggle works; consumers may bind/read it and listen
+         * to `openChange`.
+         */
+        this.open = true;
+        /** Expanded sidebar width — any CSS length. */
+        this.sidebarWidth = '264px';
+        /** Which side the sidebar sits on. */
+        this.sidebarPosition = 'start';
+        /**
+         * Fill the host's container top-to-bottom: the layout becomes `height: 100%`
+         * and the sidebar + main column each scroll independently inside it. Use when
+         * the layout is placed in a height-bearing region (e.g. a flex/grid cell or a
+         * fixed-height scroll area) and you want the sidebar to always span the full
+         * height regardless of content. Takes precedence over `stickyOffset`.
+         */
+        this.fill = false;
+        /** When false, the collapse affordance is hidden and the sidebar stays open. */
+        this.collapsible = true;
+    }
+    /** Toggle the sidebar open/collapsed. */
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async toggle() {
+        this.setOpen(!this.open);
+    }
+    setOpen(next) {
+        if (next === this.open)
+            return;
+        this.open = next;
+        this.openChange.emit(next);
+    }
+    render() {
+        const sticky = !this.fill ? this.stickyOffset : undefined;
+        const sidebarStyle = { '--sbl-sidebar-width': this.sidebarWidth };
+        if (sticky) {
+            sidebarStyle.top = sticky;
+            sidebarStyle.maxHeight = `calc(100dvh - ${sticky})`;
+        }
+        const atEnd = this.sidebarPosition === 'end';
+        const collapseIcon = atEnd ? 'panel-right-contract' : 'panel-left-contract';
+        const expandIcon = atEnd ? 'panel-right-expand' : 'panel-left-expand';
+        const hasCustomHeader = slotHelpers.hasSlotContent(this.el, 'sidebar-header');
+        return (index.h(index.Host, { key: '7bf0ef79d86a65fc65207cd996229b2f2bd9309a', class: { 'sbl-host--fill': this.fill } }, index.h("div", { key: '13479a936e2e07eb2d6b7e1a7c53f86ec3f2d81e', class: {
+                sbl: true,
+                'sbl--end': atEnd,
+                'sbl--sticky': !!sticky,
+                'sbl--fill': this.fill,
+                'sbl--collapsed': !this.open,
+            } }, index.h("aside", { key: 'f360b30b972b667cc4debb87a00b3980994841a7', class: "sbl__sidebar", style: sidebarStyle }, index.h("div", { key: '086c40ae15dbe1ce8b65bc19c8dd18f5e8457670', class: "sbl__panel" }, (hasCustomHeader || this.sidebarTitle || this.collapsible) && (index.h("div", { key: 'e1e2af716dd83cf75ca81127fd1df53e12fbaac3', class: "sbl__header" }, index.h("div", { key: '0e3ee95ee4e29b1b65b6af98632775642c11f033', class: "sbl__header-content" }, index.h("slot", { key: 'aab228738f9dc9a586b6ed52583275db1a12d9fa', name: "sidebar-header" }, this.sidebarTitle && (index.h("udp-text", { key: '8d5963340e87b8ddd0a7579f9d0c01076a8c6e8d', variant: "subtitle2", class: "sbl__title" }, this.sidebarTitle)))), this.collapsible && (index.h("udp-fluent-icon-button", { key: '58c0013d20a41a255b5c3d1a076c826568161707', iconName: collapseIcon, appearance: "subtle", ariaLabel: "Collapse sidebar", onClick: () => this.setOpen(false) })))), index.h("div", { key: 'a3364b3cf1c707f1880e27a48c7400faf0ec67f7', class: "sbl__body" }, index.h("slot", { key: 'bbeaca1c5f008cb1a97dccc14c33632cdc7807f3', name: "sidebar" }))), this.collapsible && (index.h("div", { key: 'c770c06509e92e4f06b2f6c92c5ed0991a342a45', class: "sbl__rail" }, index.h("udp-fluent-icon-button", { key: '3892792c8fd5a89e7d740435a864d03ad60380d6', iconName: expandIcon, appearance: "subtle", ariaLabel: "Expand sidebar", onClick: () => this.setOpen(true) })))), index.h("div", { key: '823847d4dc7b2a38686570651f8b85db7fd0dc67', class: "sbl__main" }, index.h("slot", { key: 'f8302f403d2b57bb7fc69f5670d3045c3eab3deb' })))));
+    }
+    get el() { return index.getElement(this); }
+};
+UdpSidebarLayout.style = udpSidebarLayoutCss();
+
+exports.udp_sidebar_layout = UdpSidebarLayout;

package/dist/cjs/udp-skeleton-loading.cjs.entry.js

@@ -13,7 +13,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (index.h("div", { key: '13bde0011d26aa54c26f6d9c5efc5c1017d90b58', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (index.h("div", { key: 'a89938f7f56be7207988c4c01c9c2088fc512dbc', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss();

package/dist/cjs/udp-split-screen.cjs.entry.js

@@ -57,7 +57,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a38507523d59aab33be1fa3da5b67167a5b26a99', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: '064edb19b9bdb3dc8f78d7630dba5e34ebdc0a4f', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: '776ad0a241007de64ba5184fdb757a71e36f3c57', name: "first-panel" })), index.h("div", { key: 'd0f3509713f741ddd542fbc688c384e8dee06cc2', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: 'c47bcb41221d6aa655a9637ff5e26ae1df58ae2a', class: "drag-handle" })), index.h("div", { key: '024bf170a1ead7a6820a1755c46047739a35d7b1', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: '1acdc0e7677f3668d867a590506e2e41f6689f87', name: "second-panel" }, this.panelContent))));
+        return (index.h("div", { key: '339dad7259fc93e79b3649453563c7b219fed148', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: '0c280a958b8d0184abefb7848f3ff964037e45c0', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: '130db581e05460c67d7af041b12fe8ade9e2aeab', name: "first-panel" })), index.h("div", { key: '8e3f9f87ebb632aa4e9e3d750123300d02d2baae', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: '6259e6228c187611d9263c1048fa7e29d5cff5d5', class: "drag-handle" })), index.h("div", { key: '22fc5a5a91de95bbe8f6ea4d5494d91c99de8328', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: '24be53aeb8c65a17a277039bbbdd0557a233944d', name: "second-panel" }, this.panelContent))));
     }
 };
 UdpSplitScreen.style = udpSplitScreenCss();

package/dist/cjs/udp-stepper-demo.cjs.entry.js

@@ -94,7 +94,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (index.h("div", { key: '4bc77b122e4215d73e3a88f82f5f148b45178cd6', style: { padding: '2rem' } }, index.h("unity-typography", { key: '2fc1325a5cb0d51a970a2cda87a0bce8e3bdf3ea', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: 'fcdcba572922f45152e94cee068585e82601a65f', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: '19b8afb62f2a19eec19311098fd13dbbae7154d7', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: '0d718b1af2f56f565277d1c58a8bfe7a4d994de8', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: '17d9d73916291e1adce5f1989277d990c621cb35', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: '5ab5ced2c38af167c88a38b39e9697dea5a5b587', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: 'd69936b12413a203188f2487edd163994c15d8f0', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: '638eca4367f24612ae0ab2af1bf978d080f2230a', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (index.h("div", { key: 'eceed53125c8933fa8523208dcfcae23869f5f6c', style: { padding: '2rem' } }, index.h("unity-typography", { key: '136e04780a9964e136e6334fbcb815ab43491b64', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: 'cec70e5ff7db935d01db1e22db141ab3ea08159e', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: 'c2912a81981d1c53b9d4de59c2ee26f2b21ed833', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: '1258d7f1c617e2805a63521d00a9b752dfb5bf79', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: 'a564bc605c7a74981b64e2938da24c7ba65762d2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: '4689fbba1de58f5b3c565483c37ebf05fbb09a95', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: 'b9cf04b44a489ec5ecee1503c560bc7781b8c044', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: '719b1d19d3c2759701b065f7ef97ed323620ff7e', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };
 

package/dist/cjs/udp-tab.cjs.entry.js

@@ -29,7 +29,7 @@ const UdpTab = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: 'eac6b3b89030eb70bcd9f9b1716edecebe53818a', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: 'b39be7b7f52a015d88a108cf0bd6fa3ee0b3e9df' })));
+        return (index.h("div", { key: '29fc3f55112bd9c12a148f99bb17ac9e2a8f5c9d', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: '79a4524128508ebf0ce027d66d44af3ae5812c75' })));
     }
 };
 UdpTab.style = udpTabCss();

package/dist/cjs/udp-timeline-connector.cjs.entry.js

@@ -9,7 +9,7 @@ const UdpTimelineConnector = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("div", { key: 'd78821058bd430314a3b63c420e95c41d2241bd4', class: "connector" });
+        return index.h("div", { key: '2f60f4aa711fe5bad47dcc74e067f67a42a027d2', class: "connector" });
     }
 };
 UdpTimelineConnector.style = udpTimelineConnectorCss();

package/dist/cjs/udp-timeline-dot.cjs.entry.js

@@ -38,7 +38,7 @@ const UdpTimelineDot = class {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (index.h("div", { key: '7790388cc7563b29c84c007b8b1efc578fa27e70', class: classes, style: styles }, index.h("slot", { key: '91a9e2d6f7503261b60d8a5c9ceba35ae9617d2d' })));
+        return (index.h("div", { key: '2e363445c59d5d60eee4ed25cbd5e0fa320e252e', class: classes, style: styles }, index.h("slot", { key: 'ae65d63769b6ffb1f447d613e499421b899041f4' })));
     }
 };
 UdpTimelineDot.style = udpTimelineDotCss();

package/dist/cjs/udp-timeline-item.cjs.entry.js

@@ -65,12 +65,12 @@ const UdpTimelineItem = class {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (index.h(index.Host, { key: '836ba5542410ce314a6250f2cff8140aab4c62da', class: {
+        return (index.h(index.Host, { key: 'f38eeb9176359f5980133a1cdf923261c5fd92b5', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, index.h("div", { key: 'b77a43d716355fc41040d057ee4a0936e9126914', class: "udp-timeline-item" }, index.h("div", { key: '705feed17af0354815eb1ef0a7fa55c50e5bbf7e', class: "separator-column" }, index.h("slot", { key: '010dd1de981373f449b9e18322465b36e48beec6', name: "separator" })), index.h("div", { key: '43bb689ac814efd76d8cffc7e64554b7d77b6192', class: "content-column" }, index.h("div", { key: '58177b734a663da280d65f41eccf305f05d1e4e8', class: "first-row" }, index.h("div", { key: 'b0c7ce178d3728e782e5b0517dae53cdfcbcaf8c', class: "title-slot" }, index.h("slot", { key: '7d2fba46f291a8b8fc127042382f080e299817ee', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (index.h("udp-chip", { key: 'd2fa90ee1d2c8a0c7c6ef59268b3c179a7cfcb0a', label: this.statusLabel, color: this.statusColor, size: "small" }))), index.h("div", { key: '21df08c69df307dde8c16e042743ca9a947c81f9', class: "content-slot" }, index.h("slot", { key: '66107bb3130b93f28b5911a34287e5767a343f62', name: "content" })), index.h("div", { key: 'fbf58d68051e0dae87d91f57da8b588a73fce5ee', class: "caption-slot" }, index.h("slot", { key: 'd56d18c8679b6440c74eaea01f1d59102a55a845', name: "caption" })), this.actions.length > 0 && (index.h("div", { key: '1df6f4019e13651ef4ac118bd34ec1ab3a0331df', class: "actions-container" }, visibleActions.map(action => (index.h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && index.h("button", { key: '93565beb06344f3b9c459db84cc5984c7ccef466' }, "...")))))));
+            }, onClick: this.handleClick }, index.h("div", { key: 'd55ea4582bad05f305ad029a7f783ccd4b2bdbbf', class: "udp-timeline-item" }, index.h("div", { key: '76ed8d242953effab5167d0b3713bc35f25bd938', class: "separator-column" }, index.h("slot", { key: 'e6fa4fd3e874e56b49de07dfa8df7e9dc4784ba4', name: "separator" })), index.h("div", { key: '7cc95965c334c0f4ed8caac1160df8ae35680761', class: "content-column" }, index.h("div", { key: '828d4d5f70792d24ca3d7ac7c0ed880419d76a57', class: "first-row" }, index.h("div", { key: 'ff82d6e08ccba60e8d304de0d6c203924a8ac3ed', class: "title-slot" }, index.h("slot", { key: '295bec923360837de4c15cdd80d4ad9ba880eb63', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (index.h("udp-chip", { key: '98becb62444dc2a78d42f20050e7b37cb7ea9f73', label: this.statusLabel, color: this.statusColor, size: "small" }))), index.h("div", { key: 'f912adda86a8e5593a73377d692cc3dd0925ec45', class: "content-slot" }, index.h("slot", { key: 'cdef4e4a7e7e8727d3b18fab5398c7a9bde1874d', name: "content" })), index.h("div", { key: '7de7bd160542df24add6183e26a8f5aa35e2af71', class: "caption-slot" }, index.h("slot", { key: 'ccdc54b3b6fcd42bf60a5760bd0a9777422d2721', name: "caption" })), this.actions.length > 0 && (index.h("div", { key: '2325e9ce67c02368fc399493e64995d9892ef909', class: "actions-container" }, visibleActions.map(action => (index.h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && index.h("button", { key: 'b83aa3705ab5d137a5cd43203029135321059962' }, "...")))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/udp-timeline-separator.cjs.entry.js

@@ -9,7 +9,7 @@ const UdpTimelineSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd847678843bd481693ef2e53d68f20507156a75b', class: "udp-timeline-separator" }, index.h("slot", { key: 'd93d96690af195fabfc92958f7ad5e142b7ee6f9' })));
+        return (index.h("div", { key: 'a5ec398477306459a2dd8e9a7903da7983fe15cb', class: "udp-timeline-separator" }, index.h("slot", { key: '3b696599cf5db98ddaa1bbaa3606a5f4af82a915' })));
     }
 };
 UdpTimelineSeparator.style = udpTimelineSeparatorCss();

package/dist/cjs/udp-timeline.cjs.entry.js

@@ -11,7 +11,7 @@ const UdpTimeline = class {
         this.align = 'left';
     }
     render() {
-        return (index.h(index.Host, { key: '86a7bc8219b75e4053f4fab1fe7fa96a1eb69706', class: { [`align-${this.align}`]: true } }, index.h("div", { key: '014e30b71a3081bf4d714d64cf4c1f9189f3fe22', class: "udp-timeline-root" }, index.h("slot", { key: '82baf333fadb66915848b8ce5de3734698185132' }))));
+        return (index.h(index.Host, { key: '0b4398e93df39822b64f330622a1d9a7c67c45ab', class: { [`align-${this.align}`]: true } }, index.h("div", { key: '1b435ab808a109d0c9560ff1c2471586bd96682a', class: "udp-timeline-root" }, index.h("slot", { key: 'f4e17f94bb3e4ca097ca180a3618fda8a07b7dfd' }))));
     }
 };
 UdpTimeline.style = udpTimelineCss();

package/dist/cjs/udp-xy-chart.cjs.entry.js

@@ -120,7 +120,7 @@ const UdpXyChart = class {
         this.renderChart();
     }
     render() {
-        return (index.h("chart-container", { key: '2011b4dffdd53f8b0f9adb489a151970ac0ee3b8', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (index.h("chart-container", { key: '306cdac42d634caccc2edc72f202c2e8375cbd5b', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/udp-xy-multi-series-chart.cjs.entry.js

@@ -127,7 +127,7 @@ const UdpXyMultiSeriesChart = class {
         this.renderChart();
     }
     render() {
-        return (index.h("chart-container", { key: '5c0d24b4924edbec01f2148513c67e6e89c3b061', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (index.h("chart-container", { key: '988cf391f344a4c24fe930e11e6bf0b568701270', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {