udp-stencil-component-library 25.18.1 → 25.18.2-beta.1

package/dist/components/udp-split-screen.js

@@ -59,7 +59,7 @@ const UdpSplitScreen$1 = /*@__PURE__*/ proxyCustomElement(class UdpSplitScreen e
         }
     }
     render() {
-        return (h("div", { key: 'df0cade663cf48e2ffb2d3320f957e92277c2e73', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'e7f77dd6aaf04635d9cafbbf3e9917058f4eb65c', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '02efeae7315f4ddf209ebe44104a3c7eef9962ff', name: "first-panel" })), h("div", { key: '51536ad4696fb494a63afc3d4ce0d569422805d4', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '5bea53e335997b7706ed4004df1882590afd68b2', class: "drag-handle" })), h("div", { key: '11e62e9fe6a266543d8ac636ae17bec338b46bac', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '68fb2ea46cfe47acb54987caee353b9edaa3e589', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
     }
     static get style() { return udpSplitScreenCss; }
 }, [257, "udp-split-screen", {

package/dist/components/udp-stepper-demo.js

@@ -99,7 +99,7 @@ const UdpStepperDemo$1 = /*@__PURE__*/ proxyCustomElement(class UdpStepperDemo e
         };
     }
     render() {
-        return (h("div", { key: '6c6952688abf102cf5c005403c7dcdb0307cd947', style: { padding: '2rem' } }, h("unity-typography", { key: '3d58c09e5e1fa6b17651f68a5bee59a29f8fbe43', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '091a25566c7ef9e9e013781571146e380b61aea6', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '366387d3f681efe7629c7626b631d7c155c04e1c', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'a3ccde5f28be6597ca4b5eca9968b732c964c34c', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '75274571acf9bd7855de89c8a7bb47f2471be17a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f8557979d3c58e50fb40671d1ce80dd09740e83e', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '778a843e4e882eca86b2b408e64ba1cb204f42e9', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '7c0f206485f54c6baa992c1618c2e9ad80ed7351', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 }, [257, "udp-stepper-demo", {
         "activeStep": [32],

package/dist/components/udp-tab-panel.js

@@ -12,10 +12,10 @@ const UdpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class UdpTabPanel extends
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '26e8a868bb21f213d1465ee454ed13725a71888b', class: {
+        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '36f7f55cb87d3344d0b83662a567e752224d2acb' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
     }
     static get style() { return udpTabPanelCss; }
 }, [257, "udp-tab-panel", {

package/dist/components/udp-tab.js

@@ -30,7 +30,7 @@ const UdpTab$1 = /*@__PURE__*/ proxyCustomElement(class UdpTab extends H {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '2ec122345eaef1a4d13849d3e4930b2a3a0304bc', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '7690e048f70b6ad422c73cd45756e62e0569815f' })));
+        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
     }
     static get style() { return udpTabCss; }
 }, [260, "udp-tab", {

package/dist/components/udp-tabs2.js

@@ -214,7 +214,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: '3790d9b57450ea495b83dee34f9280ef6c4615c5', class: "tab-container" }, h("div", { key: 'e2ec1d6163e28328f1253149b531a2cf80d825b4', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '9f2bf3572897f87ae118f106e7d5753ea1a21cda', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'c4c4a0ccd7c6eb27bc4a739a98ceb8a73ba7df81', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'fbd60697ebe4742fd9e214664c41c3395c4370a8', class: "scroll-fade left" }), h("div", { key: 'a8e5e91874ea6ff3e6157b555113ae40e8407497', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '5300dbcdc9fff54d87fe64e3bbcc3b6a1f04c331', class: "tab-container" }, h("div", { key: '83041e378183364889aa8d14114c9315ead1028c', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '87d95478e27c13440e15e3d6b8cf4047d3e97e53', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'a81987c97a0459533f17b68103788af401f06378', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'a52b3b7fba6022c4864f0cb89d24e34ade18a969', class: "scroll-fade left" }), h("div", { key: '0dc7ce8d4269539cfcd011736df876e6a64feebe', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -228,7 +228,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: '50dace21f2c4cc8c2f4d501d87e829d4f4a3a9bb', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '3790b8cb450cfefa2aa5c5f7ee121ecbf6ce0ab3', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '60ce8369b9fd71ba92ae6d0fae6dca6a82545657', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'ef547e1e0cec254d911650f044d6630d06b60b3e', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '50a77a6b24255667906fd870401a1d1b0db27e5a' }, h("slot", { key: '09334ee6bfaa2742101cf6ad8392a6657b300992' })))));
+        }), h("div", { key: '0892dff1735729462a927e9f7d0127b402a43918', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'edf6fc21360de9fd919e4d71aefec6e3c7ed9fdd', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '88adff5cab4b8baff5a1e4c6ed5f2fe44064f05e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '7704e98608f492cb4f599b706b302e003d84bb46', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: 'fd61baeb3e79a387c1367813fbaa99f496ae4d62' }, h("slot", { key: '872c0a2ead48abea1c946b7389c307a53d560705' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-time-selector2.js

@@ -229,7 +229,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '913d703569a83a36ea66c637c1d29bdf53842ca0', class: {
+        return (h(Host, { key: 'd2249c774eaa3b6e0e9423581083d59b1bfc4336', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -238,9 +238,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'c0febbef274f40119f43e7b797050f7578a714cd', class: "bx--form-item" }, h("unity-typography", { key: '7ceeb64e08c4f8b33c975f04aec675ef26188703', variant: "caption-text" }, h("label", { key: '9bfb49dcecb14342b18f848c091767fa92ecd03a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c87540f0a7c8546b05c948627cf1f9095107aa72', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'fe18b74861a9f5d1739317bbd357cce48ac81176', class: "bx--form-item" }, h("unity-typography", { key: '5afab9726865da75b9b4f228ecd0ad553825a40a', variant: "caption-text" }, h("label", { key: '46ff7f80e88357c25d86ac11a8835733bf19853e', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e74de46ca5f386f91320f16af6f5b5fa9d61a9cf', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '00c5a55f9f13d063008f12e7bf1b90ba80ca6a46', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'd1ec82959fd633a6a297a1cd3523432454afec52', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-timeline-connector.js

@@ -11,7 +11,7 @@ const UdpTimelineConnector$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelin
         this.__attachShadow();
     }
     render() {
-        return h("div", { key: 'a35580ac51d322c8816a9afcab9c45dd61c8dacf', class: "connector" });
+        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
     }
     static get style() { return udpTimelineConnectorCss; }
 }, [257, "udp-timeline-connector"]);

package/dist/components/udp-timeline-dot.js

@@ -40,7 +40,7 @@ const UdpTimelineDot$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineDot e
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: 'caa8e5c38fa8810cff1fbd59c3db30535c38ebe4', class: classes, style: styles }, h("slot", { key: 'a6f4722e220418ab7d12d4f15621bdab02b2c25d' })));
+        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
     }
     static get style() { return udpTimelineDotCss; }
 }, [257, "udp-timeline-dot", {

package/dist/components/udp-timeline-item.js

@@ -69,12 +69,12 @@ const UdpTimelineItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineItem
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: '46e6b83c7295acb6c8e09f991cb497211e837fd4', class: {
+        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '2fad93b42777111e94f269a822180d062e1b835c', class: "udp-timeline-item" }, h("div", { key: '89aa7ce456e1c0bdde2dbc1ec932c5fd72064e96', class: "separator-column" }, h("slot", { key: '5b2a129f3cfb83e05d26e4a8964028c989b5e005', name: "separator" })), h("div", { key: 'dd1f23fef8a52a1bc882648fad54ae029dc0c9d6', class: "content-column" }, h("div", { key: '00f55673ca2134c3bdebf09fef3cb7889e464494', class: "first-row" }, h("div", { key: 'b9145a08ae98c08414c5f4af4c3b6c3474013054', class: "title-slot" }, h("slot", { key: '1151c8739ad7fa38261c36b8973bc969273619ca', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '5147b3f947726cc6758f357e8f3717ddc9a2e4ae', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '99f550a22b48e0346eda54bd9a91509a108e3b45', class: "content-slot" }, h("slot", { key: 'c3a745d30b21d0c800b195fc671ea512005bef4f', name: "content" })), h("div", { key: 'c4303a70f6562eff581b82a8015c76324038e04f', class: "caption-slot" }, h("slot", { key: 'e17989b1a4b6ef72a70533cc987d0091d4910fbd', name: "caption" })), this.actions.length > 0 && (h("div", { key: '2ade87b2eb620a1bf2ccfd4fb55b03934e40d98e', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'd94a8cd6ea4b03b003a069f5d75d73e6f568ba62' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
     }
     get host() { return this; }
     static get style() { return udpTimelineItemCss; }

package/dist/components/udp-timeline-separator.js

@@ -11,7 +11,7 @@ const UdpTimelineSeparator$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelin
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '2c4bf1144dcc4c5e5d2462d14f9e43f255830e0f', class: "udp-timeline-separator" }, h("slot", { key: '45aa4fdb6691157c9f159d1241c4dd04b18c2165' })));
+        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
     }
     static get style() { return udpTimelineSeparatorCss; }
 }, [257, "udp-timeline-separator"]);

package/dist/components/udp-timeline.js

@@ -13,7 +13,7 @@ const UdpTimeline$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimeline extends
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'ae334fa3ef6cfafd101076f3e7c01c84e0e8fce1', class: { [`align-${this.align}`]: true } }, h("div", { key: 'd4ab901eee9c918c242b0e9d845c143311aafe43', class: "udp-timeline-root" }, h("slot", { key: '0684459d705fda9e3a4315b849879e9c94454729' }))));
+        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
     }
     static get style() { return udpTimelineCss; }
 }, [257, "udp-timeline", {

package/dist/components/udp-vertical-spacer.js

@@ -17,7 +17,7 @@ const UdpVerticalSpacer$1 = /*@__PURE__*/ proxyCustomElement(class UdpVerticalSp
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '1641ec0bc69da792851955cda343e452b4b3f741', class: spacingClass }));
+        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
     }
     static get style() { return udpVerticalSpacerCss; }
 }, [257, "udp-vertical-spacer", {