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

package/dist/components/udp-forms-ui.js

@@ -1,9 +1 @@
-import { U as UdpFormsUi$1, d as defineCustomElement$1 } from './udp-forms-ui2.js';
-
-const UdpFormsUi = UdpFormsUi$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFormsUi, defineCustomElement };
-//# sourceMappingURL=udp-forms-ui.js.map
-
-//# sourceMappingURL=udp-forms-ui.js.map
+import{U as o,d as s}from"./udp-forms-ui2.js";const r=o,m=s;export{r as UdpFormsUi,m as defineCustomElement}

package/dist/components/udp-forms-ui2.js

@@ -1,384 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { U as UdpFormsFieldTypeEnum } from './enums.js';
-import { f as fontOverrideMapping, o as overrideFont } from './utils.js';
-import { g as getIconFromName, d as defineCustomElement$9 } from './udp-icon2.js';
-import { d as defineCustomElement$v } from './custom-button2.js';
-import { d as defineCustomElement$u } from './file-upload2.js';
-import { d as defineCustomElement$t } from './fluent-dialog2.js';
-import { d as defineCustomElement$s } from './form-metadata-display2.js';
-import { d as defineCustomElement$r } from './image-upload2.js';
-import { d as defineCustomElement$q } from './numeric-field2.js';
-import { d as defineCustomElement$p } from './selectable-list2.js';
-import { d as defineCustomElement$o } from './signature-input2.js';
-import { d as defineCustomElement$n } from './stencil-field2.js';
-import { d as defineCustomElement$m } from './stencil-form2.js';
-import { d as defineCustomElement$l } from './stencil-icon-button2.js';
-import { d as defineCustomElement$k } from './tally.js';
-import { d as defineCustomElement$j } from './text-area2.js';
-import { d as defineCustomElement$i } from './text-field2.js';
-import { d as defineCustomElement$h } from './udp-adornment2.js';
-import { d as defineCustomElement$g } from './udp-ambient-card2.js';
-import { d as defineCustomElement$f } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$e } from './udp-badge2.js';
-import { d as defineCustomElement$d } from './udp-button2.js';
-import { d as defineCustomElement$c } from './udp-container2.js';
-import { d as defineCustomElement$b } from './udp-date-selector2.js';
-import { d as defineCustomElement$a } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$8 } from './udp-icon-button2.js';
-import { d as defineCustomElement$7 } from './udp-linear-loader2.js';
-import { d as defineCustomElement$6 } from './udp-question2.js';
-import { d as defineCustomElement$5 } from './udp-question-comments2.js';
-import { d as defineCustomElement$4 } from './udp-save-draft-button2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './udp-time-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpFormsUiCss = ".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}";
-
-const UdpFormsUi = /*@__PURE__*/ proxyCustomElement(class UdpFormsUi extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.formDirtyChange = createEvent(this, "formDirtyChange");
-        this.initialValues = {};
-        this.submitSuccessful = false;
-        this.isLoading = false;
-        this.isSaving = false;
-        this.saveErrorMessage = null;
-        this.showAutoSaveStatus = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.clientUserInfo = {
-            id: null,
-            displayName: null,
-            email: null,
-        };
-        this.isSubmitted = false;
-        this.isShowManualSaveIcon = false;
-        this.showSavedMessage = false;
-        this.isDialogOpen = false;
-        this.dialogMessage = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';
-        this.titleId = 'udp-forms-title';
-        this.descriptionId = 'udp-forms-description';
-    }
-    componentDidLoad() {
-        this.overrideStyles();
-    }
-    componentDidUpdate() {
-        this.overrideStyles();
-    }
-    disconnectedCallback() {
-        // Clean up timeout when component is destroyed
-        if (this.savedMessageTimeoutId) {
-            clearTimeout(this.savedMessageTimeoutId);
-        }
-    }
-    watchIsSaving(newValue, oldValue) {
-        console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });
-        // When isSaving changes from true to false (save completed successfully)
-        if (oldValue === true && newValue === false && !this.saveErrorMessage) {
-            console.log('Setting showSavedMessage to true');
-            this.showSavedMessage = true;
-            // Clear any existing timeout
-            if (this.savedMessageTimeoutId) {
-                clearTimeout(this.savedMessageTimeoutId);
-            }
-            // Hide the "Saved" message after 5 seconds
-            this.savedMessageTimeoutId = setTimeout(() => {
-                console.log('Hiding saved message after 5 seconds');
-                this.showSavedMessage = false;
-            }, 5000);
-        }
-    }
-    overrideStyles() {
-        var _a;
-        const shadowRoot = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.querySelectorAll('unity-typography').forEach(element => {
-            var _a, _b, _c, _d;
-            const styleOverride = element.id === this.titleId ? (_b = (_a = this.udpForm) === null || _a === void 0 ? void 0 : _a.styleOverrides) === null || _b === void 0 ? void 0 : _b.titleText : element.id === this.descriptionId ? (_d = (_c = this.udpForm) === null || _c === void 0 ? void 0 : _c.styleOverrides) === null || _d === void 0 ? void 0 : _d.paragraphText : {};
-            if ((styleOverride === null || styleOverride === void 0 ? void 0 : styleOverride.fontFamily) && fontOverrideMapping[styleOverride.fontFamily]) {
-                overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);
-            }
-            if (styleOverride === null || styleOverride === void 0 ? void 0 : styleOverride.variant) {
-                element.setAttribute('variant', styleOverride.variant);
-            }
-        });
-    }
-    isSectionContainsFollowUpFormLink(sectionKey) {
-        var _a;
-        const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey];
-        for (const [_key, questionObject] of Object.entries(sectionObject)) {
-            if ((questionObject === null || questionObject === void 0 ? void 0 : questionObject.metadata) && ((_a = questionObject.metadata) === null || _a === void 0 ? void 0 : _a.followUpFormSubmissionId)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (this.isLoading) {
-            return (h("udp-linear-loader", null));
-        }
-        if (!this.udpForm) {
-            return (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, "Error Loading Form")));
-        }
-        let questionNumber = 1;
-        const sectionSet = new Set();
-        this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));
-        // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);
-        const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];
-        const backgroundOverrides = {};
-        if ((_c = (_b = (_a = this.udpForm) === null || _a === void 0 ? void 0 : _a.styleOverrides) === null || _b === void 0 ? void 0 : _b.background) === null || _c === void 0 ? void 0 : _c.backgroundImage) ;
-        else if ((_f = (_e = (_d = this.udpForm) === null || _d === void 0 ? void 0 : _d.styleOverrides) === null || _e === void 0 ? void 0 : _e.background) === null || _f === void 0 ? void 0 : _f.backgroundColor) {
-            backgroundOverrides.backgroundColor = (_j = (_h = (_g = this.udpForm) === null || _g === void 0 ? void 0 : _g.styleOverrides) === null || _h === void 0 ? void 0 : _h.background) === null || _j === void 0 ? void 0 : _j.backgroundColor;
-        }
-        return (h("div", { class: 'background', style: backgroundOverrides }, h("udp-container", { maxWidth: "md" }, h("div", { class: "form-container" }, !this.submitSuccessful ? (h("stencil-form", { handleSubmit: this.handleSubmit, initialValues: this.initialValues, handleChange: this.handleChange, onDirtyChange: event => this.formDirtyChange.emit(event.detail) }, this.readonly &&
-            (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, "View Only Mode. The contents of this form cannot be changed."))), h("fluent-dialog", { open: this.isDialogOpen, message: this.dialogMessage, labelOne: 'Confirm', labelTwo: 'Cancel', actionOne: () => this.dialogAction(), actionTwo: () => (this.isDialogOpen = false) }), h("div", null, h("div", { class: "form-section-block" }, h("div", { class: "form-renderer-header", style: Object.assign({}, (((_l = (_k = this.udpForm) === null || _k === void 0 ? void 0 : _k.styleOverrides) === null || _l === void 0 ? void 0 : _l.headerBackgroundColor) && {
-                backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,
-            })) }, h("unity-typography", { id: this.titleId, variant: 'h6', color: "inherit" }, this.udpForm.name), this.showAutoSaveStatus && (h("div", { class: "auto-save-status" }, this.saveErrorMessage && (h("unity-typography", { variant: "body", color: "secondary" }, this.saveErrorMessage)))), this.isShowManualSaveIcon && (h("udp-save-draft-button", { isVisible: this.isShowManualSaveIcon, isSaving: this.isSaving,
-            // saveErrorMessage={this.saveErrorMessage}
-            showSavedMessage: this.showSavedMessage, handleSave: this.handleSave }))), h("div", { class: "form-section-content" }, h("div", { class: "items" }, h("div", { class: "form-section-text" }, h("unity-typography", { id: this.descriptionId, variant: (_q = (_p = (_o = (_m = this.udpForm) === null || _m === void 0 ? void 0 : _m.styleOverrides) === null || _o === void 0 ? void 0 : _o.paragraphText) === null || _p === void 0 ? void 0 : _p.variant) !== null && _q !== void 0 ? _q : 'body', color: "inherit" }, this.udpForm.description))))), this.dynamicSections.map((section, sIndex) => {
-            return (h("div", { class: "form-section-block" }, h("div", { class: "form-section-header" }, h("div", { class: "form-section-header-title" }, h("unity-typography", { variant: "h6", color: "inherit" }, `${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`)), h("div", { class: "form-section-header-actions" }, section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (h("stencil-icon-button", { icon: getIconFromName('add'), tooltip: "Repeat This Section", onClick: () => this.duplicateRepeatableSection(sIndex) })), !section.isOriginalSection && !this.readonly && (h("stencil-icon-button", { icon: getIconFromName('subtract'), tooltip: "Delete This Repeated Section", onClick: () => {
-                    //  e.stopPropagation();
-                    if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {
-                        this.dialogAction = async () => {
-                            this.deleteRepeatableSection(sIndex);
-                            await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);
-                            this.isDialogOpen = false;
-                        };
-                    }
-                    else {
-                        this.deleteRepeatableSection(sIndex);
-                    }
-                    this.isDialogOpen = true;
-                } })))), h("div", { class: "form-section-content" }, h("div", { class: "items" }, h("div", { class: "form-section-text" }, h("unity-typography", { variant: "body", color: "inherit" }, section.sectionText)), h("div", null, section.formQuestions.map((question) => {
-                var _a, _b, _c, _d, _e, _f, _g;
-                const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);
-                const num = questionNumber;
-                if (!isHidden)
-                    questionNumber++;
-                const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`;
-                return (h("div", { class: "item" }, h("udp-question", { styleOverrides: {
-                        helperText: (_a = this.udpForm.styleOverrides) === null || _a === void 0 ? void 0 : _a.helperText,
-                        paragraphText: (_b = this.udpForm.styleOverrides) === null || _b === void 0 ? void 0 : _b.paragraphText,
-                        questionText: (_c = this.udpForm.styleOverrides) === null || _c === void 0 ? void 0 : _c.questionText,
-                    }, question: question, questionNumber: num, value: (_g = (_f = (_e = (_d = this.initialValues) === null || _d === void 0 ? void 0 : _d[sectionKey]) === null || _e === void 0 ? void 0 : _e[question.name]) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '', disabled: this.disabled, readonly: this.readonly, key: question.questionIdentifierKey, initialValues: this.initialValues, clientUserInfo: this.clientUserInfo, udpFormSubmission: this.udpFormSubmission })));
-            }))))));
-        }), ((_r = this.udpFormSubmission) === null || _r === void 0 ? void 0 : _r.status) != 2 && (h("div", { class: "footer" }, h("input", { disabled: this.isLoading || this.disabled || this.readonly, type: "submit", value: "Submit", class: "submit", id: "udpRecord-udp-forms-renderer-Submit", onClick: () => {
-                console.log('Submit button clicked');
-                // Let the form handle the submit naturally
-            } })))))) : (
-        //if the form has been submit, display success message with a button to trigger the action associated to the form
-        h("div", { class: "center-div" }, h("udp-ambient-card", null, h("div", { class: "submit-card" }, h("unity-typography", null, "Thank you for your submission.")))))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "isSaving": ["watchIsSaving"]
-    }; }
-    static get style() { return udpFormsUiCss; }
-}, [257, "udp-forms-ui", {
-        "udpForm": [16],
-        "initialValues": [16],
-        "udpFormSubmission": [16],
-        "submitSuccessful": [4, "submit-successful"],
-        "isLoading": [4, "is-loading"],
-        "isSaving": [4, "is-saving"],
-        "saveErrorMessage": [1, "save-error-message"],
-        "showAutoSaveStatus": [4, "show-auto-save-status"],
-        "disabled": [4],
-        "readonly": [4],
-        "handleSubmit": [16],
-        "handleChange": [16],
-        "handleSave": [16],
-        "handleAction": [16],
-        "handleFinish": [16],
-        "clientUserInfo": [16],
-        "isSubmitted": [4, "is-submitted"],
-        "dynamicSections": [16],
-        "duplicateRepeatableSection": [8, "duplicate-repeatable-section"],
-        "deleteRepeatableSection": [8, "delete-repeatable-section"],
-        "isShowManualSaveIcon": [4, "is-show-manual-save-icon"],
-        "performBackgroundSaveAndUpdateLocalSubmissionState": [16],
-        "showSavedMessage": [32],
-        "isDialogOpen": [32],
-        "dialogAction": [32],
-        "dialogMessage": [32]
-    }, undefined, {
-        "isSaving": ["watchIsSaving"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-ui", "custom-button", "file-upload", "fluent-dialog", "form-metadata-display", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-question", "udp-question-comments", "udp-save-draft-button", "udp-selector", "udp-time-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-ui":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsUi);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "form-metadata-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "image-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "selectable-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "signature-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "stencil-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "stencil-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "tally-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-linear-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-question":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-question-comments":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-save-draft-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-time-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpFormsUi as U, defineCustomElement as d };
-//# sourceMappingURL=udp-forms-ui2.js.map
-
-//# sourceMappingURL=udp-forms-ui2.js.map
+import{p as t,H as e,c as i,h as s,t as o}from"./index2.js";import{c as a,U as n}from"./enums.js";import{f as r,o as d}from"./utils.js";import{g as l,d as c}from"./udp-icon2.js";import{d as u}from"./custom-button2.js";import{d as m}from"./file-upload2.js";import{d as p}from"./fluent-dialog2.js";import{d as h}from"./form-metadata-display2.js";import{d as v}from"./image-upload2.js";import{d as b}from"./numeric-field2.js";import{d as f}from"./selectable-list2.js";import{d as g}from"./signature-input2.js";import{d as y}from"./stencil-field2.js";import{d as x}from"./stencil-form2.js";import{d as k}from"./stencil-icon-button2.js";import{d as j}from"./tally.js";import{d as E}from"./text-area2.js";import{d as w}from"./text-field2.js";import{d as S}from"./udp-adornment2.js";import{d as F}from"./udp-ambient-card2.js";import{d as T}from"./udp-ambient-tool-tip2.js";import{d as C}from"./udp-badge2.js";import{d as q}from"./udp-button2.js";import{d as $}from"./udp-container2.js";import{d as D}from"./udp-date-selector2.js";import{d as O}from"./udp-datetime-selector2.js";import{d as U}from"./udp-icon-button2.js";import{d as I}from"./udp-linear-loader2.js";import{d as M}from"./udp-question2.js";import{d as A}from"./udp-question-comments2.js";import{d as L}from"./udp-save-draft-button2.js";import{d as R}from"./udp-selector2.js";import{d as V}from"./udp-time-selector2.js";import{d as z}from"./unity-typography2.js";const N=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.formDirtyChange=i(this,"formDirtyChange"),this.currentValues={},this.submitSuccessful=!1,this.isLoading=!1,this.isSaving=!1,this.saveErrorMessage=null,this.showAutoSaveStatus=!1,this.disabled=!1,this.readonly=!1,this.clientUserInfo={id:null,displayName:null,email:null},this.isSubmitted=!1,this.isShowManualSaveIcon=!1,this.showSavedMessage=!1,this.isDialogOpen=!1,this.dialogMessage="Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.",this.titleId="udp-forms-title",this.descriptionId="udp-forms-description"}componentDidLoad(){this.overrideStyles()}componentDidUpdate(){this.overrideStyles()}disconnectedCallback(){this.savedMessageTimeoutId&&clearTimeout(this.savedMessageTimeoutId)}watchIsSaving(t,e){!0!==e||!1!==t||this.saveErrorMessage||(this.showSavedMessage=!0,this.savedMessageTimeoutId&&clearTimeout(this.savedMessageTimeoutId),this.savedMessageTimeoutId=setTimeout((()=>{this.showSavedMessage=!1}),5e3))}overrideStyles(){var t;const e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot;null==e||e.querySelectorAll("unity-typography").forEach((t=>{var e,i,s,o;const a=t.id===this.titleId?null===(i=null===(e=this.udpForm)||void 0===e?void 0:e.styleOverrides)||void 0===i?void 0:i.titleText:t.id===this.descriptionId?null===(o=null===(s=this.udpForm)||void 0===s?void 0:s.styleOverrides)||void 0===o?void 0:o.paragraphText:{};(null==a?void 0:a.fontFamily)&&r[a.fontFamily]&&d(t,r[a.fontFamily]),(null==a?void 0:a.variant)&&t.setAttribute("variant",a.variant)}))}isSectionContainsFollowUpFormLink(t){var e;const i=this.udpFormSubmission.data.submissionResponseData[t];for(const[t,s]of Object.entries(i))if((null==s?void 0:s.metadata)&&(null===(e=s.metadata)||void 0===e?void 0:e.followUpFormSubmissionId))return!0;return!1}render(){var t,e,i,o,r,d,c,u,m,p,h,v,b,f,g,y;if(this.isLoading)return s("udp-linear-loader",null);if(!this.udpForm)return s("div",{class:"error-banner"},s("unity-typography",{variant:"body2"},"Error Loading Form"));let x=1;const k=new Set;this.udpForm.formQuestions.forEach((t=>k.add(t.section)));const j=[n.Hidden,n.Paragraph],E={};return(null===(i=null===(e=null===(t=this.udpForm)||void 0===t?void 0:t.styleOverrides)||void 0===e?void 0:e.background)||void 0===i?void 0:i.backgroundImage)||(null===(d=null===(r=null===(o=this.udpForm)||void 0===o?void 0:o.styleOverrides)||void 0===r?void 0:r.background)||void 0===d?void 0:d.backgroundColor)&&(E.backgroundColor=null===(m=null===(u=null===(c=this.udpForm)||void 0===c?void 0:c.styleOverrides)||void 0===u?void 0:u.background)||void 0===m?void 0:m.backgroundColor),s("div",{class:"background",style:E},s("udp-container",{maxWidth:"md"},s("div",{class:"form-container"},this.submitSuccessful?s("div",{class:"center-div"},s("udp-ambient-card",null,s("div",{class:"submit-card"},s("unity-typography",null,"Thank you for your submission.")))):s("stencil-form",{handleSubmit:this.handleSubmit,initialValues:this.currentValues,handleChange:this.handleChange,onDirtyChange:t=>this.formDirtyChange.emit(t.detail)},this.readonly&&s("div",{class:"error-banner"},s("unity-typography",{variant:"body2"},"View Only Mode. The contents of this form cannot be changed.")),s("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=!1}),s("div",null,s("div",{class:"form-section-block"},s("div",{class:"form-renderer-header",style:Object.assign({},(null===(h=null===(p=this.udpForm)||void 0===p?void 0:p.styleOverrides)||void 0===h?void 0:h.headerBackgroundColor)&&{backgroundColor:this.udpForm.styleOverrides.headerBackgroundColor})},s("unity-typography",{id:this.titleId,variant:"h6",color:"inherit"},this.udpForm.name),this.showAutoSaveStatus&&s("div",{class:"auto-save-status"},this.saveErrorMessage&&s("unity-typography",{variant:"body",color:"secondary"},this.saveErrorMessage)),this.isShowManualSaveIcon&&s("udp-save-draft-button",{isVisible:this.isShowManualSaveIcon,isSaving:this.isSaving,showSavedMessage:this.showSavedMessage,handleSave:this.handleSave})),s("div",{class:"form-section-content"},s("div",{class:"items"},s("div",{class:"form-section-text"},s("unity-typography",{id:this.descriptionId,variant:null!==(g=null===(f=null===(b=null===(v=this.udpForm)||void 0===v?void 0:v.styleOverrides)||void 0===b?void 0:b.paragraphText)||void 0===f?void 0:f.variant)&&void 0!==g?g:"body",color:"inherit"},this.udpForm.description))))),this.dynamicSections.map(((t,e)=>s("div",{class:"form-section-block"},s("div",{class:"form-section-header"},s("div",{class:"form-section-header-title"},s("unity-typography",{variant:"h6",color:"inherit"},`${t.title}${t.sectionPositionSuffix>1?` (${t.sectionPositionSuffix})`:""}`)),s("div",{class:"form-section-header-actions"},t.sectionProperties.isRepeatable&&this.dynamicSections.filter((e=>e.id===t.id)).length===t.sectionPositionSuffix&&!this.readonly&&s("stencil-icon-button",{icon:l("add"),tooltip:"Repeat This Section",onClick:()=>this.duplicateRepeatableSection(e)}),!t.isOriginalSection&&!this.readonly&&s("stencil-icon-button",{icon:l("subtract"),tooltip:"Delete This Repeated Section",onClick:()=>{this.isSectionContainsFollowUpFormLink(`${t.name}_${t.sectionPositionSuffix}`)?this.dialogAction=async()=>{this.deleteRepeatableSection(e),await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData),this.isDialogOpen=!1}:this.deleteRepeatableSection(e),this.isDialogOpen=!0}}))),s("div",{class:"form-section-content"},s("div",{class:"items"},s("div",{class:"form-section-text"},s("unity-typography",{variant:"body",color:"inherit"},t.sectionText)),s("div",null,t.formQuestions.map((e=>{var i,o,a,n,r,d,l;const c=j.includes(e.fieldTypeId),u=x;return c||x++,s("div",{class:"item"},s("udp-question",{styleOverrides:{helperText:null===(i=this.udpForm.styleOverrides)||void 0===i?void 0:i.helperText,paragraphText:null===(o=this.udpForm.styleOverrides)||void 0===o?void 0:o.paragraphText,questionText:null===(a=this.udpForm.styleOverrides)||void 0===a?void 0:a.questionText},question:e,questionNumber:u,value:null!==(l=null===(d=null===(r=null===(n=this.currentValues)||void 0===n?void 0:n[t.sectionPositionSuffix>1?`${t.name}_${t.sectionPositionSuffix}`:`${t.name}`])||void 0===r?void 0:r[e.name])||void 0===d?void 0:d.value)&&void 0!==l?l:"",disabled:this.disabled,readonly:this.readonly,key:e.questionIdentifierKey,currentValues:this.currentValues,clientUserInfo:this.clientUserInfo,udpFormSubmission:this.udpFormSubmission}))})))))))),(null===(y=this.udpFormSubmission)||void 0===y?void 0:y.status)!=a.Submitted&&s("div",{class:"footer"},s("input",{disabled:this.isLoading||this.disabled||this.readonly,type:"submit",value:"Submit",class:"submit",id:"udpRecord-udp-forms-renderer-Submit",onClick:()=>{}})))))))}get el(){return this}static get watchers(){return{isSaving:[{watchIsSaving:0}]}}static get style(){return".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}"}},[1,"udp-forms-ui",{udpForm:[16],currentValues:[16],udpFormSubmission:[16],submitSuccessful:[4,"submit-successful"],isLoading:[4,"is-loading"],isSaving:[4,"is-saving"],saveErrorMessage:[1,"save-error-message"],showAutoSaveStatus:[4,"show-auto-save-status"],disabled:[4],readonly:[4],handleSubmit:[16],handleChange:[16],handleSave:[16],handleAction:[16],handleFinish:[16],clientUserInfo:[16],isSubmitted:[4,"is-submitted"],dynamicSections:[16],duplicateRepeatableSection:[8,"duplicate-repeatable-section"],deleteRepeatableSection:[8,"delete-repeatable-section"],isShowManualSaveIcon:[4,"is-show-manual-save-icon"],performBackgroundSaveAndUpdateLocalSubmissionState:[16],showSavedMessage:[32],isDialogOpen:[32],dialogAction:[32],dialogMessage:[32]},void 0,{isSaving:[{watchIsSaving:0}]}]);function _(){"undefined"!=typeof customElements&&["udp-forms-ui","custom-button","file-upload","fluent-dialog","form-metadata-display","image-upload","numeric-field","selectable-list","signature-input","stencil-field","stencil-form","stencil-icon-button","tally-display","text-area","text-field","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-button","udp-container","udp-date-selector","udp-datetime-selector","udp-icon","udp-icon-button","udp-linear-loader","udp-question","udp-question-comments","udp-save-draft-button","udp-selector","udp-time-selector","unity-typography"].forEach((t=>{switch(t){case"udp-forms-ui":customElements.get(o(t))||customElements.define(o(t),N);break;case"custom-button":customElements.get(o(t))||u();break;case"file-upload":customElements.get(o(t))||m();break;case"fluent-dialog":customElements.get(o(t))||p();break;case"form-metadata-display":customElements.get(o(t))||h();break;case"image-upload":customElements.get(o(t))||v();break;case"numeric-field":customElements.get(o(t))||b();break;case"selectable-list":customElements.get(o(t))||f();break;case"signature-input":customElements.get(o(t))||g();break;case"stencil-field":customElements.get(o(t))||y();break;case"stencil-form":customElements.get(o(t))||x();break;case"stencil-icon-button":customElements.get(o(t))||k();break;case"tally-display":customElements.get(o(t))||j();break;case"text-area":customElements.get(o(t))||E();break;case"text-field":customElements.get(o(t))||w();break;case"udp-adornment":customElements.get(o(t))||S();break;case"udp-ambient-card":customElements.get(o(t))||F();break;case"udp-ambient-tool-tip":customElements.get(o(t))||T();break;case"udp-badge":customElements.get(o(t))||C();break;case"udp-button":customElements.get(o(t))||q();break;case"udp-container":customElements.get(o(t))||$();break;case"udp-date-selector":customElements.get(o(t))||D();break;case"udp-datetime-selector":customElements.get(o(t))||O();break;case"udp-icon":customElements.get(o(t))||c();break;case"udp-icon-button":customElements.get(o(t))||U();break;case"udp-linear-loader":customElements.get(o(t))||I();break;case"udp-question":customElements.get(o(t))||M();break;case"udp-question-comments":customElements.get(o(t))||A();break;case"udp-save-draft-button":customElements.get(o(t))||L();break;case"udp-selector":customElements.get(o(t))||R();break;case"udp-time-selector":customElements.get(o(t))||V();break;case"unity-typography":customElements.get(o(t))||z()}}))}export{N as U,_ as d}

package/dist/components/udp-function-button.js

@@ -1,9 +1 @@
-import { U as UdpFunctionButton$1, d as defineCustomElement$1 } from './udp-function-button2.js';
-
-const UdpFunctionButton = UdpFunctionButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFunctionButton, defineCustomElement };
-//# sourceMappingURL=udp-function-button.js.map
-
-//# sourceMappingURL=udp-function-button.js.map
+import{U as o,d as t}from"./udp-function-button2.js";const n=o,s=t;export{n as UdpFunctionButton,s as defineCustomElement}

package/dist/components/udp-function-button2.js

@@ -1,96 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import AddIcon16 from '@carbon/icons/es/add/16';
-import ChevronDownIcon24 from '@carbon/icons/es/chevron--down/16';
-import View16 from '@carbon/icons/es/view/16';
-import TrashCan16 from '@carbon/icons/es/trash-can/16';
-import Star16 from '@carbon/icons/es/star/16';
-import StarFilled16 from '@carbon/icons/es/star--filled/16';
-import Edit16 from '@carbon/icons/es/edit/16';
-
-const udpFunctionButtonCss = ".udp-btn{border:0;border-radius:50%;padding:1px 3px;cursor:pointer;background-color:var(--accent-color-three);transition:background-color 0.3s}.udp-btn.no-bg{background-color:transparent;}.udp-btn:hover{background-color:#f0f0f0}.btn-content{color:var(--accent-color-four)}.btn-content svg{fill:currentColor}";
-
-const UdpFunctionButton = /*@__PURE__*/ proxyCustomElement(class UdpFunctionButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.expand = false;
-        this.view = false;
-        this.add = false;
-        this.edit = false;
-        this.delete = false;
-        this.isDefault = false;
-        this.noBackground = false; // New property for controlling background
-    }
-    renderIcon() {
-        let icon;
-        let iconStyles = {};
-        if (this.delete) {
-            icon = TrashCan16;
-            iconStyles = { padding: '5px' };
-        }
-        else if (this.view) {
-            icon = View16;
-            iconStyles = { padding: '5px' };
-        }
-        else if (this.isDefault) {
-            icon = StarFilled16;
-            iconStyles = { padding: '5px' };
-        }
-        else if (this.add) {
-            icon = AddIcon16;
-            iconStyles = { padding: '5px' };
-        }
-        else if (this.edit) {
-            icon = Edit16;
-            iconStyles = { padding: '5px' };
-        }
-        else if (this.expand) {
-            icon = ChevronDownIcon24;
-            iconStyles = { padding: '5px', color: 'black' };
-        }
-        else {
-            icon = Star16;
-            iconStyles = { padding: '5px' };
-        }
-        return (h("svg", Object.assign({}, icon.attrs, { style: iconStyles }), icon.content.map((item, index) => {
-            if (item.elem === 'path') {
-                return h("path", Object.assign({}, item.attrs, { key: index }));
-            }
-            return null;
-        })));
-    }
-    render() {
-        const btnClass = this.noBackground ? 'udp-btn no-bg' : 'udp-btn';
-        return (h("button", { key: '05fcee587d2df5252f64776f29fe2466cd2a9e10', class: btnClass }, h("span", { key: '97c7e8d702d0bdfb3f205d7b5515b1b4fdecdbd4', class: "btn-content" }, this.renderIcon())));
-    }
-    static get style() { return udpFunctionButtonCss; }
-}, [257, "udp-function-button", {
-        "expand": [4],
-        "view": [4],
-        "add": [4],
-        "edit": [4],
-        "delete": [4],
-        "isDefault": [4, "is-default"],
-        "noBackground": [4, "no-background"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-function-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-function-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFunctionButton);
-            }
-            break;
-    } });
-}
-
-export { UdpFunctionButton as U, defineCustomElement as d };
-//# sourceMappingURL=udp-function-button2.js.map
-
-//# sourceMappingURL=udp-function-button2.js.map
+import{p as t,H as n,h as o,t as r}from"./index2.js";import e from"@carbon/icons/es/add/16";import s from"@carbon/icons/es/chevron--down/16";import c from"@carbon/icons/es/view/16";import d from"@carbon/icons/es/trash-can/16";import i from"@carbon/icons/es/star/16";import a from"@carbon/icons/es/star--filled/16";import p from"@carbon/icons/es/edit/16";const u=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expand=!1,this.view=!1,this.add=!1,this.edit=!1,this.delete=!1,this.isDefault=!1,this.noBackground=!1}renderIcon(){let t,n={};return this.delete?(t=d,n={padding:"5px"}):this.view?(t=c,n={padding:"5px"}):this.isDefault?(t=a,n={padding:"5px"}):this.add?(t=e,n={padding:"5px"}):this.edit?(t=p,n={padding:"5px"}):this.expand?(t=s,n={padding:"5px",color:"black"}):(t=i,n={padding:"5px"}),o("svg",Object.assign({},t.attrs,{style:n}),t.content.map(((t,n)=>"path"===t.elem?o("path",Object.assign({},t.attrs,{key:n})):null)))}render(){return o("button",{key:"05fcee587d2df5252f64776f29fe2466cd2a9e10",class:this.noBackground?"udp-btn no-bg":"udp-btn"},o("span",{key:"97c7e8d702d0bdfb3f205d7b5515b1b4fdecdbd4",class:"btn-content"},this.renderIcon()))}static get style(){return".udp-btn{border:0;border-radius:50%;padding:1px 3px;cursor:pointer;background-color:var(--accent-color-three);transition:background-color 0.3s}.udp-btn.no-bg{background-color:transparent;}.udp-btn:hover{background-color:#f0f0f0}.btn-content{color:var(--accent-color-four)}.btn-content svg{fill:currentColor}"}},[1,"udp-function-button",{expand:[4],view:[4],add:[4],edit:[4],delete:[4],isDefault:[4,"is-default"],noBackground:[4,"no-background"]}]);function b(){"undefined"!=typeof customElements&&["udp-function-button"].forEach((t=>{"udp-function-button"===t&&(customElements.get(r(t))||customElements.define(r(t),u))}))}export{u as U,b as d}

package/dist/components/udp-grid-loader.js

@@ -1,9 +1 @@
-import { U as UdpGridLoader$1, d as defineCustomElement$1 } from './udp-grid-loader2.js';
-
-const UdpGridLoader = UdpGridLoader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpGridLoader, defineCustomElement };
-//# sourceMappingURL=udp-grid-loader.js.map
-
-//# sourceMappingURL=udp-grid-loader.js.map
+import{U as o,d as r}from"./udp-grid-loader2.js";const d=o,s=r;export{d as UdpGridLoader,s as defineCustomElement}

package/dist/components/udp-grid-loader2.js

@@ -1,52 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './udp-skeleton-loading2.js';
-
-const udpGridLoaderCss = ":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";
-
-const UdpGridLoader = /*@__PURE__*/ proxyCustomElement(class UdpGridLoader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.numColumns = 8;
-        this.numRows = 5; // Default number of rows
-        this.width = 'calc(100vw - 70px)';
-    }
-    render() {
-        // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '843dcfba1ee5ed449b0fd29f92729998386a9454', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
-        // Row bars (each divided into columns)
-        const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: 'f1d49e1b19c96d1c16b6ee0ebada42333ac93c6f', style: { width: this.width } }, headerBar, rowBars));
-    }
-    static get style() { return udpGridLoaderCss; }
-}, [257, "udp-grid-loader", {
-        "numColumns": [2, "num-columns"],
-        "numRows": [2, "num-rows"],
-        "width": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-grid-loader", "udp-skeleton-loading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-grid-loader":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpGridLoader);
-            }
-            break;
-        case "udp-skeleton-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpGridLoader as U, defineCustomElement as d };
-//# sourceMappingURL=udp-grid-loader2.js.map
-
-//# sourceMappingURL=udp-grid-loader2.js.map
+import{p as e,H as s,h as t,t as d}from"./index2.js";import{d as i}from"./udp-skeleton-loading2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.numColumns=8,this.numRows=5,this.width="calc(100vw - 70px)"}render(){const e=t("div",{key:"64cf4530f23ad06fa4731f87278c49bfef25b8fb",class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"55px"})))),s=Array.from({length:this.numRows}).map((()=>t("div",{class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"30px"}))))));return t("div",{key:"07ab190e4ed741443d650a539455817c5d584f2e",style:{width:this.width}},e,s)}static get style(){return":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}"}},[1,"udp-grid-loader",{numColumns:[2,"num-columns"],numRows:[2,"num-rows"],width:[1]}]);function o(){"undefined"!=typeof customElements&&["udp-grid-loader","udp-skeleton-loading"].forEach((e=>{switch(e){case"udp-grid-loader":customElements.get(d(e))||customElements.define(d(e),n);break;case"udp-skeleton-loading":customElements.get(d(e))||i()}}))}export{n as U,o as d}

package/dist/components/udp-hotlist-form.js

@@ -1,9 +1 @@
-import { U as UdpHotlistForm$1, d as defineCustomElement$1 } from './udp-hotlist-form2.js';
-
-const UdpHotlistForm = UdpHotlistForm$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpHotlistForm, defineCustomElement };
-//# sourceMappingURL=udp-hotlist-form.js.map
-
-//# sourceMappingURL=udp-hotlist-form.js.map
+import{U as o,d as s}from"./udp-hotlist-form2.js";const t=o,r=s;export{t as UdpHotlistForm,r as defineCustomElement}