udp-stencil-component-library 25.18.2-beta.9 → 25.18.2

package/dist/components/upd-alert-banner2.js

@@ -1,48 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const updAlertBannerCss = ":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";
-
-const UpdAlertBanner = /*@__PURE__*/ proxyCustomElement(class UpdAlertBanner extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        // Define properties here
-        this.type = 'info';
-        this.message = '';
-    }
-    render() {
-        return (h("div", { key: 'e100527c51fc69bfdb74ecfba9a3d52d55aad4d6', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'ae237651e36d4f1a0f6df444dbd89eead388ab48', variant: "data-display-three" }, "   ", this.message, " ")));
-    }
-    static get style() { return updAlertBannerCss; }
-}, [257, "upd-alert-banner", {
-        "type": [1],
-        "message": [1],
-        "onClick": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["upd-alert-banner", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "upd-alert-banner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UpdAlertBanner);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UpdAlertBanner as U, defineCustomElement as d };
-//# sourceMappingURL=upd-alert-banner2.js.map
-
-//# sourceMappingURL=upd-alert-banner2.js.map
+import{p as r,H as o,h as e,t}from"./index2.js";import{d as a}from"./unity-typography2.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.type="info",this.message=""}render(){return e("div",{key:"e100527c51fc69bfdb74ecfba9a3d52d55aad4d6",class:`alert-banner ${this.type}`},e("unity-typography",{key:"ae237651e36d4f1a0f6df444dbd89eead388ab48",variant:"data-display-three"},"   ",this.message," "))}static get style(){return":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}"}},[1,"upd-alert-banner",{type:[1],message:[1],onClick:[16]}]);function s(){"undefined"!=typeof customElements&&["upd-alert-banner","unity-typography"].forEach((r=>{switch(r){case"upd-alert-banner":customElements.get(t(r))||customElements.define(t(r),n);break;case"unity-typography":customElements.get(t(r))||a()}}))}export{n as U,s as d}

package/dist/components/useFormApi.js

@@ -1,47 +1 @@
-/**
- * Finds the parent stencil-form and returns its Final Form API.
- * This function correctly traverses up through nested Shadow DOM boundaries.
- *
- * @param element The host element of the component calling this function.
- * @returns A promise that resolves with the FormApi instance, or null if not found.
- */
-async function useFormApi(element) {
-    let current = element;
-    let form = null;
-    // Walk up the DOM tree, escaping shadow roots as we go.
-    while (current) {
-        // Look for the form in the current scope
-        const foundForm = current.closest('stencil-form');
-        if (foundForm) {
-            form = foundForm;
-            break; // Found it!
-        }
-        // If not found, we might be in a shadow root.
-        // Let's try to escape it.
-        const root = current.getRootNode();
-        if (root instanceof ShadowRoot) {
-            current = root.host;
-        }
-        else {
-            // We're in the main document and didn't find it.
-            break;
-        }
-    }
-    if (!form) {
-        return null;
-    }
-    // Check if getApi method exists
-    if (typeof form.getApi !== 'function') {
-        return null;
-    }
-    const formApi = await form.getApi();
-    if (!formApi) {
-        return null;
-    }
-    return formApi;
-}
-
-export { useFormApi as u };
-//# sourceMappingURL=useFormApi.js.map
-
-//# sourceMappingURL=useFormApi.js.map
+async function n(n){let t=n,o=null;for(;t;){const n=t.closest("stencil-form");if(n){o=n;break}const r=t.getRootNode();if(!(r instanceof ShadowRoot))break;t=r.host}if(!o)return null;if("function"!=typeof o.getApi)return null;return await o.getApi()||null}export{n as u}

package/dist/components/utils.js

@@ -1,87 +1 @@
-/**
- * Translate and format UTC timestamp to local time.
- */
-const dateFormatter = (dateString, formatStyle = 'long') => {
-    let normalizedDateString = dateString;
-    // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format (i.e., contains a space, not 'T')
-    // If the input is '2025-12-10T20:23:23.055Z', it passes straight through.
-    // This format is assumed to be missing timezone info and needs to be treated as UTC.
-    if (dateString.includes(' ')) {
-        // Replace the space with 'T' 
-        normalizedDateString = dateString.replace(' ', 'T');
-    }
-    if (!dateString.toUpperCase().endsWith('Z')) {
-        // append Z if not there
-        normalizedDateString = normalizedDateString + 'Z';
-    }
-    const date = new Date(normalizedDateString);
-    // short format: DD/MM/YY HH:MM am/pm (e.g. 05/09/25 03:45 pm)
-    if (formatStyle === 'short') {
-        const pad = (n) => String(n).padStart(2, '0');
-        const day = pad(date.getDate());
-        const month = pad(date.getMonth() + 1);
-        const yearShort = String(date.getFullYear()).slice(-2);
-        const hours24 = date.getHours();
-        const minutes = pad(date.getMinutes());
-        const period = hours24 >= 12 ? 'pm' : 'am';
-        const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;
-        const hours = String(hours12).padStart(2, '0');
-        return `${day}/${month}/${yearShort} ${hours}:${minutes} ${period}`;
-    }
-    // default long format 
-    return date.toLocaleString(undefined, {
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: true
-    });
-};
-// eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyCurrentValues = (masterForm) => {
-    const currentValues = {};
-    for (const section of masterForm.udpFormUdpFormSection) {
-        currentValues[section.name] = {};
-        const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
-        for (const question of questionsOfSection) {
-            currentValues[section.name][question.name] = {
-                value: '', // default empty value
-                comments: [], // default empty comments array
-                metadata: {}, // default metadata object
-            };
-        }
-    }
-    return currentValues;
-};
-const overrideFont = (element, cssVariable) => {
-    var _a, _b, _c, _d;
-    if ((_a = element === null || element === void 0 ? void 0 : element.shadowRoot) === null || _a === void 0 ? void 0 : _a.lastElementChild) { // this returns null in react for some instances
-        (_d = (_c = (_b = element === null || element === void 0 ? void 0 : element.shadowRoot) === null || _b === void 0 ? void 0 : _b.lastElementChild) === null || _c === void 0 ? void 0 : _c.setAttribute) === null || _d === void 0 ? void 0 : _d.call(_c, 'style', `font-family: var(${cssVariable})`);
-        return;
-    }
-    const observer = new MutationObserver((mutationsList, observer) => {
-        mutationsList.forEach(mutation => {
-            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
-                mutation.addedNodes.forEach(node => {
-                    var _a;
-                    if (node.nodeType === Node.ELEMENT_NODE) {
-                        (_a = node === null || node === void 0 ? void 0 : node.setAttribute) === null || _a === void 0 ? void 0 : _a.call(node, 'style', `font-family: var(${cssVariable})`);
-                        observer.disconnect(); // Stop observing once the target is found
-                    }
-                });
-            }
-        });
-    });
-    if (element === null || element === void 0 ? void 0 : element.shadowRoot) {
-        observer.observe(element.shadowRoot, { childList: true });
-    }
-};
-const fontOverrideMapping = {
-    Arial: "--font-override-arial"
-};
-
-export { buildEmptyCurrentValues as b, dateFormatter as d, fontOverrideMapping as f, overrideFont as o };
-//# sourceMappingURL=utils.js.map
-
-//# sourceMappingURL=utils.js.map
+const o=(o,i="long")=>{let n=o;o.includes(" ")&&(n=o.replace(" ","T")),o.toUpperCase().endsWith("Z")||(n+="Z");const t=new Date(n);if("short"===i){const o=o=>String(o).padStart(2,"0"),i=o(t.getDate()),n=o(t.getMonth()+1),r=String(t.getFullYear()).slice(-2),l=t.getHours(),d=o(t.getMinutes()),e=l>=12?"pm":"am";return`${i}/${n}/${r} ${String(l%12==0?12:l%12).padStart(2,"0")}:${d} ${e}`}return t.toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!0})},i=o=>{const i={};for(const n of o.udpFormUdpFormSection){i[n.name]={};const t=o.formQuestions.filter((o=>o.formSectionId==n.id));for(const o of t)i[n.name][o.name]={value:"",comments:[],metadata:{}}}return i},n=(o,i)=>{var n,t,r,l;if(null===(n=null==o?void 0:o.shadowRoot)||void 0===n?void 0:n.lastElementChild)return void(null===(l=null===(r=null===(t=null==o?void 0:o.shadowRoot)||void 0===t?void 0:t.lastElementChild)||void 0===r?void 0:r.setAttribute)||void 0===l||l.call(r,"style",`font-family: var(${i})`));const d=new MutationObserver(((o,n)=>{o.forEach((o=>{"childList"===o.type&&o.addedNodes.length>0&&o.addedNodes.forEach((o=>{var t;o.nodeType===Node.ELEMENT_NODE&&(null===(t=null==o?void 0:o.setAttribute)||void 0===t||t.call(o,"style",`font-family: var(${i})`),n.disconnect())}))}))}));(null==o?void 0:o.shadowRoot)&&d.observe(o.shadowRoot,{childList:!0})},t={Arial:"--font-override-arial"};export{i as b,o as d,t as f,n as o}

package/dist/components/validation-chip.js

@@ -1,9 +1 @@
-import { V as ValidationChip$1, d as defineCustomElement$1 } from './validation-chip2.js';
-
-const ValidationChip = ValidationChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ValidationChip, defineCustomElement };
-//# sourceMappingURL=validation-chip.js.map
-
-//# sourceMappingURL=validation-chip.js.map
+import{V as o,d as a}from"./validation-chip2.js";const i=o,s=a;export{i as ValidationChip,s as defineCustomElement}

package/dist/components/validation-chip2.js

@@ -1,58 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-chip2.js';
-import { d as defineCustomElement$1 } from './udp-icon2.js';
-
-const validationChipCss = ".tooltip{visibility:hidden;opacity:0;transition:opacity 0.3s;position:absolute;bottom:125%;right:0;z-index:10;background-color:#333;color:white;padding:8px 12px;border-radius:4px;white-space:pre;text-align:left}.is-invalid:hover .tooltip{visibility:visible;opacity:1}.chip{position:relative;display:inline-block;}";
-
-const ValidationChip = /*@__PURE__*/ proxyCustomElement(class ValidationChip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isValid = true;
-        this.errorMessages = [];
-    }
-    render() {
-        const chipClass = {
-            'chip': true,
-            'is-valid': this.isValid,
-            'is-invalid': !this.isValid,
-        };
-        const tooltipText = this.errorMessages.join('\n');
-        return (h("div", { key: 'c508bae9fae2d4bd8fa66a8bed00c589d2692f81', class: chipClass }, h("udp-chip", { key: '9192b5fa92b68ae8a2d884545231f81095adeac8', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: 'a9d8be9f4f83be4d6d581a95740d0b8d624c514b', class: "tooltip" }, tooltipText)));
-    }
-    static get style() { return validationChipCss; }
-}, [257, "validation-chip", {
-        "isValid": [4, "is-valid"],
-        "errorMessages": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["validation-chip", "udp-chip", "udp-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "validation-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ValidationChip);
-            }
-            break;
-        case "udp-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ValidationChip as V, defineCustomElement as d };
-//# sourceMappingURL=validation-chip2.js.map
-
-//# sourceMappingURL=validation-chip2.js.map
+import{p as i,H as t,h as s,t as e}from"./index2.js";import{d as a}from"./udp-chip2.js";import{d as o}from"./udp-icon2.js";const c=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.isValid=!0,this.errorMessages=[]}render(){const i={chip:!0,"is-valid":this.isValid,"is-invalid":!this.isValid},t=this.errorMessages.join("\n");return s("div",{key:"c508bae9fae2d4bd8fa66a8bed00c589d2692f81",class:i},s("udp-chip",{key:"9192b5fa92b68ae8a2d884545231f81095adeac8",label:this.isValid?"Valid Filters":"Invalid Filters",color:this.isValid?"success":"error",startIcon:this.isValid?"checkMark":"close16",variant:"outlined"}),!this.isValid&&this.errorMessages.length>0&&s("div",{key:"a9d8be9f4f83be4d6d581a95740d0b8d624c514b",class:"tooltip"},t))}static get style(){return".tooltip{visibility:hidden;opacity:0;transition:opacity 0.3s;position:absolute;bottom:125%;right:0;z-index:10;background-color:#333;color:white;padding:8px 12px;border-radius:4px;white-space:pre;text-align:left}.is-invalid:hover .tooltip{visibility:visible;opacity:1}.chip{position:relative;display:inline-block;}"}},[1,"validation-chip",{isValid:[4,"is-valid"],errorMessages:[16]}]);function d(){"undefined"!=typeof customElements&&["validation-chip","udp-chip","udp-icon"].forEach((i=>{switch(i){case"validation-chip":customElements.get(e(i))||customElements.define(e(i),c);break;case"udp-chip":customElements.get(e(i))||a();break;case"udp-icon":customElements.get(e(i))||o()}}))}export{c as V,d}

package/dist/docs.d.ts

@@ -38,6 +38,17 @@ interface ComponentCompilerTypeReference {
    * An ID for this type which is unique within a Stencil project.
    */
   id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
 }
 interface ComponentCompilerReferencedType {
   /**