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

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

@@ -1,427 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { f as fetchLatestForms, a as fetchFormVersions } from './udp-form-api-utils.js';
-import { d as defineCustomElement$d } from './udp-forms-list-card2.js';
-import { b as UdpFormsPageIdEnum } from './enums.js';
-import { d as defineCustomElement$q } from './primary-action-header2.js';
-import { d as defineCustomElement$p } from './stencil-icon-button2.js';
-import { d as defineCustomElement$o } from './text-field2.js';
-import { d as defineCustomElement$n } from './udp-adornment2.js';
-import { d as defineCustomElement$m } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$l } from './udp-badge2.js';
-import { d as defineCustomElement$k } from './udp-button2.js';
-import { d as defineCustomElement$j } from './udp-card2.js';
-import { d as defineCustomElement$i } from './udp-card-actions2.js';
-import { d as defineCustomElement$h } from './udp-card-content2.js';
-import { d as defineCustomElement$g } from './udp-card-header2.js';
-import { d as defineCustomElement$f } from './udp-card-media2.js';
-import { d as defineCustomElement$e } from './udp-container2.js';
-import { d as defineCustomElement$c } from './udp-icon2.js';
-import { d as defineCustomElement$b } from './udp-linear-loader2.js';
-import { d as defineCustomElement$a } from './udp-link2.js';
-import { d as defineCustomElement$9 } from './udp-list-renderer2.js';
-import { d as defineCustomElement$8 } from './udp-menu-item2.js';
-import { d as defineCustomElement$7 } from './udp-pagination2.js';
-import { d as defineCustomElement$6 } from './udp-pop-over2.js';
-import { d as defineCustomElement$5 } from './udp-selector2.js';
-import { d as defineCustomElement$4 } from './udp-side-sheet2.js';
-import { d as defineCustomElement$3 } from './udp-tabs2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-const udpFormsListCss = ":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}";
-
-const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isPublicFormConfigOn = false;
-        this.isCreateNewFormHeaderActionConfigOn = false;
-        this.isFollowUpFormConfigOn = false;
-        this.isRendererRedirectConfigOn = false;
-        this.isSideSheetOpen = false;
-        this.mainFormsList = [];
-        this.sideSheetFormsList = [];
-        this.mainListPageNumber = 1;
-        this.sideSheetListPageNumber = 1;
-        this.mainTotalItems = 0;
-        this.sideSheetTotalItems = 0;
-        this.isLoading = true;
-        this.errorMessage = '';
-        this.sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };
-        this.searchFilters = [];
-        this.nameFilter = '';
-        this.formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;
-        this.SIDE_SHEET_PAGE_SIZE = 5;
-        this.MAIN_PAGE_SIZE = 5;
-        this.componentMap = {
-            history: 'history',
-            isSideSheetList: 'isSideSheetList',
-            openSideSheet: 'openSideSheet',
-            data: 'data',
-            titleClick: 'titleClick',
-            formsBuilderUrlPath: 'formsBuilderUrlPath',
-            formsRendererUrlPath: 'formsRendererUrlPath',
-            isFollowUpFormConfigOn: 'isFollowUpFormConfigOn'
-        };
-        this.SORT_DIRECTIONS = [
-            { label: 'Asc', value: 'ASC' },
-            { label: 'Desc', value: 'DESC' },
-        ];
-        this.SORT_COLUMNS = [
-            { label: 'Created On', value: 'initialCreatedOn' },
-            { label: 'Last Modified', value: 'lastModifiedOn' },
-            { label: 'Name', value: 'name' },
-        ];
-        this.FORM_TYPES = [
-            { label: 'Any', value: '0' },
-            { label: 'Standard', value: '1' },
-            { label: 'FollowUp', value: '2' },
-        ];
-        this.debouncedFormNameSearch = (() => {
-            let timeout;
-            return () => {
-                clearTimeout(timeout);
-                timeout = window.setTimeout(() => this.loadMainForms(), 300);
-            };
-        })();
-        this.handleHeaderPrimaryActionClick = () => {
-            if (this.formsBuilderUrlPath) {
-                this.history.push(this.formsBuilderUrlPath);
-                return;
-            }
-            this.history.push(`/page/${this.formsBuilderPageId}`);
-        };
-        this.handleSideSheetPrimaryAction = () => {
-            // redirect to form builder with latest version
-            const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;
-            const latestFormId = latestFormData.id;
-            const formLatestVersion = latestFormData.version;
-            if (this.formsBuilderUrlPath) {
-                this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);
-                this.isSideSheetOpen = false;
-                return;
-            }
-            this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);
-            this.isSideSheetOpen = false;
-        };
-        this.handleSideSheetClose = () => {
-            // reset side sheet data
-            this.sideSheetFormsList = [];
-            this.sideSheetListPageNumber = 1;
-            this.sideSheetTotalItems = 0;
-            this.isSideSheetOpen = false;
-        };
-    }
-    componentDidLoad() {
-        return this.loadMainForms();
-    }
-    // ###################### API Helpers ######################
-    async loadMainForms() {
-        var _a;
-        this.isLoading = true;
-        this.errorMessage = '';
-        try {
-            const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);
-            const data = response.data;
-            if (!data || !Array.isArray(data.pageList)) {
-                throw new Error('Malformed data received from server.');
-            }
-            this.mainFormsList = this.formatList(data.pageList, false);
-            this.mainTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
-        }
-        catch (err) {
-            console.error('Error loading forms data:', err);
-            this.errorMessage = 'Failed to load forms. Please try again.';
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async loadFormVersions() {
-        var _a;
-        this.isLoading = true;
-        this.errorMessage = '';
-        try {
-            const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);
-            const data = response.data;
-            if (!data || !Array.isArray(data.pageList)) {
-                throw new Error('Malformed form versions data.');
-            }
-            this.sideSheetFormsList = this.formatList(data.pageList, true);
-            this.sideSheetTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
-        }
-        catch (err) {
-            console.error('Error loading form versions:', err);
-            this.errorMessage = 'Failed to load form versions.';
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    formatList(data, isSideSheetList) {
-        return data.map(item => ({
-            data: item,
-            history: this.history,
-            isSideSheetList,
-            openSideSheet: () => this.handleOpenSideSheet(item.id),
-            formsBuilderUrlPath: this.formsBuilderUrlPath,
-            formsRendererUrlPath: this.formsRendererUrlPath,
-            isFollowUpFormConfigOn: this.isFollowUpFormConfigOn,
-            isRendererRedirectConfigOn: this.isRendererRedirectConfigOn
-        }));
-    }
-    // ###################### Main list Handlers/helpers ######################
-    async handleMainPageChange(page) {
-        this.mainListPageNumber = page;
-        await this.loadMainForms();
-    }
-    handleOrderFilterChange({ fieldName, value }) {
-        this.sortState = Object.assign(Object.assign({}, this.sortState), { [fieldName]: value });
-    }
-    handleFormNameSearchFilterChange(e) {
-        const inputEl = e.target;
-        this.nameFilter = inputEl.value;
-        const searchFieldName = 'name';
-        const searchOperator = 'LIKE';
-        const searchObject = {
-            searchField: searchFieldName,
-            searchOperator,
-            searchValue: inputEl.value,
-        };
-        let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);
-        if (inputEl.value.trim() !== '') {
-            filtersStateCopy.push(searchObject);
-        }
-        this.searchFilters = filtersStateCopy;
-        this.mainListPageNumber = 1;
-    }
-    async handleFormTypeFilterChange(e) {
-        const inputEl = e.target;
-        const filterValue = inputEl.value;
-        const searchFieldName = 'type';
-        let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);
-        // all forms, remove any filters for type
-        if (filterValue !== '0') {
-            const searchObject = {
-                searchField: searchFieldName,
-                searchOperator: '=',
-                searchValue: filterValue,
-            };
-            filtersStateCopy.push(searchObject);
-        }
-        this.searchFilters = filtersStateCopy;
-        this.mainListPageNumber = 1;
-        await this.loadMainForms();
-    }
-    async refetchMainListData(newVal, oldVal) {
-        if (JSON.stringify(newVal) === JSON.stringify(oldVal))
-            return;
-        this.mainListPageNumber = 1;
-        await this.loadMainForms();
-    }
-    // ######################  Side Sheet list Handler/helpers ######################
-    async handleOpenSideSheet(formId) {
-        this.currentFormId = formId;
-        this.sideSheetListPageNumber = 1;
-        this.isSideSheetOpen = true;
-        await this.loadFormVersions();
-    }
-    async handleSideSheetPageChange(page) {
-        this.sideSheetListPageNumber = page;
-        await this.loadFormVersions();
-    }
-    // ###################### RENDERER HELPERS ######################
-    renderFilters() {
-        return (h("div", { class: "udp-form-filter-container" }, h("div", { class: "search-group" }, h("text-field", { label: "Search Name", value: this.nameFilter, placeholder: "Search Form Name", onInput: async (e) => {
-                this.handleFormNameSearchFilterChange(e);
-                this.debouncedFormNameSearch();
-            }, margin: "none" })), h("div", { class: "selector-group" }, this.isPublicFormConfigOn && (h("udp-selector", { label: "Form Type", name: "sortColumn", options: this.FORM_TYPES, onChange: async (e) => await this.handleFormTypeFilterChange(e), initialValue: '0' })), h("udp-selector", { label: "Sort By", name: "sortColumn", options: this.SORT_COLUMNS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail }), initialValue: this.sortState.sortColumn }), h("udp-selector", { label: "Sort Direction", name: "sortDirection", options: this.SORT_DIRECTIONS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail }), initialValue: this.sortState.sortDirection }))));
-    }
-    renderSideSheet() {
-        return (h("udp-side-sheet", { primaryButtonLabel: "Create New Form Version", title: "Form Version History", open: this.isSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md", onUdpPrimaryButtonClick: () => this.handleSideSheetPrimaryAction() }, this.isLoading && this.isSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-list-card", data: this.sideSheetFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.SIDE_SHEET_PAGE_SIZE, currentPage: this.sideSheetListPageNumber, totalItems: this.sideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md',
-            // @ts-ignore -- custom event to close sidesheet after clicking edit action in card
-            onCloseSidesheet: () => this.handleSideSheetClose() })));
-    }
-    renderErrorMessage() {
-        return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
-    }
-    render() {
-        return (h("div", { key: '521f65ec8356fbd1cc33ca101ae454acd65047ec', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '6a080e748bd474223c77805ee51a94baaba7698f' }), this.renderSideSheet(), h("udp-container", { key: '682a613ced5e4d9c8b0aec6ce4b4450efd4b3967', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '8e49e0bdef5d4ee15ec56c2358e68b38c4b69080', 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" })), h("udp-forms-list-card", { key: '5386a41357733fc99e6b8540596bd64a758af33a', style: { display: 'none' } }), h("div", { key: '675cf300948e4f506f7470366f643451d9be5096', style: { height: '60px' } })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "sortState": ["refetchMainListData"]
-    }; }
-    static get style() { return udpFormsListCss; }
-}, [257, "udp-forms-list", {
-        "clientUrlBase": [1, "client-url-base"],
-        "history": [8],
-        "isPublicFormConfigOn": [4, "is-public-form-config-on"],
-        "isCreateNewFormHeaderActionConfigOn": [4, "is-create-new-form-header-action-config-on"],
-        "isFollowUpFormConfigOn": [4, "is-follow-up-form-config-on"],
-        "isRendererRedirectConfigOn": [4, "is-renderer-redirect-config-on"],
-        "formsBuilderUrlPath": [1, "forms-builder-url-path"],
-        "formsRendererUrlPath": [1, "forms-renderer-url-path"],
-        "isSideSheetOpen": [32],
-        "mainFormsList": [32],
-        "sideSheetFormsList": [32],
-        "mainListPageNumber": [32],
-        "sideSheetListPageNumber": [32],
-        "mainTotalItems": [32],
-        "sideSheetTotalItems": [32],
-        "isLoading": [32],
-        "errorMessage": [32],
-        "sortState": [32],
-        "searchFilters": [32],
-        "nameFilter": [32]
-    }, undefined, {
-        "sortState": ["refetchMainListData"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-list", "primary-action-header", "stencil-icon-button", "text-field", "udp-adornment", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-card", "udp-card-actions", "udp-card-content", "udp-card-header", "udp-card-media", "udp-container", "udp-forms-list-card", "udp-icon", "udp-linear-loader", "udp-link", "udp-list-renderer", "udp-menu-item", "udp-pagination", "udp-pop-over", "udp-selector", "udp-side-sheet", "udp-tabs", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsList$1);
-            }
-            break;
-        case "primary-action-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "udp-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "udp-card-actions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "udp-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "udp-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "udp-card-media":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "udp-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "udp-forms-list-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-linear-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-list-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-pagination":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-side-sheet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-tabs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpFormsList = UdpFormsList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFormsList, defineCustomElement };
-//# sourceMappingURL=udp-forms-list.js.map
-
-//# sourceMappingURL=udp-forms-list.js.map
+import{p as e,H as t,h as s,t as i}from"./index2.js";import{f as r,a}from"./udp-form-api-utils.js";import{d as o}from"./udp-forms-list-card2.js";import{b as n}from"./enums.js";import{d}from"./primary-action-header2.js";import{d as l}from"./stencil-icon-button2.js";import{d as m}from"./text-field2.js";import{d as h}from"./udp-adornment2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-badge2.js";import{d as u}from"./udp-button2.js";import{d as f}from"./udp-card2.js";import{d as b}from"./udp-card-actions2.js";import{d as g}from"./udp-card-content2.js";import{d as y}from"./udp-card-header2.js";import{d as S}from"./udp-card-media2.js";import{d as k}from"./udp-container2.js";import{d as v}from"./udp-icon2.js";import{d as C}from"./udp-linear-loader2.js";import{d as E}from"./udp-link2.js";import{d as F}from"./udp-list-renderer2.js";import{d as j}from"./udp-menu-item2.js";import{d as w}from"./udp-pagination2.js";import{d as P}from"./udp-pop-over2.js";import{d as x}from"./udp-selector2.js";import{d as O}from"./udp-side-sheet2.js";import{d as L}from"./udp-tabs2.js";import{d as U}from"./unity-typography2.js";const D=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isPublicFormConfigOn=!1,this.isCreateNewFormHeaderActionConfigOn=!1,this.isFollowUpFormConfigOn=!1,this.isRendererRedirectConfigOn=!1,this.isSideSheetOpen=!1,this.mainFormsList=[],this.sideSheetFormsList=[],this.mainListPageNumber=1,this.sideSheetListPageNumber=1,this.mainTotalItems=0,this.sideSheetTotalItems=0,this.isLoading=!0,this.errorMessage="",this.sortState={sortDirection:"DESC",sortColumn:"initialCreatedOn"},this.searchFilters=[],this.nameFilter="",this.formsBuilderPageId=n.FormBuilderPageId,this.SIDE_SHEET_PAGE_SIZE=5,this.MAIN_PAGE_SIZE=5,this.componentMap={history:"history",isSideSheetList:"isSideSheetList",openSideSheet:"openSideSheet",data:"data",titleClick:"titleClick",formsBuilderUrlPath:"formsBuilderUrlPath",formsRendererUrlPath:"formsRendererUrlPath",isFollowUpFormConfigOn:"isFollowUpFormConfigOn"},this.SORT_DIRECTIONS=[{label:"Asc",value:"ASC"},{label:"Desc",value:"DESC"}],this.SORT_COLUMNS=[{label:"Created On",value:"initialCreatedOn"},{label:"Last Modified",value:"lastModifiedOn"},{label:"Name",value:"name"}],this.FORM_TYPES=[{label:"Any",value:"0"},{label:"Standard",value:"1"},{label:"FollowUp",value:"2"}],this.debouncedFormNameSearch=(()=>{let e;return()=>{clearTimeout(e),e=window.setTimeout((()=>this.loadMainForms()),300)}})(),this.handleHeaderPrimaryActionClick=()=>{this.history.push(this.formsBuilderUrlPath?this.formsBuilderUrlPath:"/page/"+this.formsBuilderPageId)},this.handleSideSheetPrimaryAction=()=>{const e=this.mainFormsList.find((e=>e.data.id===this.sideSheetFormsList[0].data.id)).data,t=e.id,s=e.version;if(this.formsBuilderUrlPath)return this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${t}&udpf_version=${s}`),void(this.isSideSheetOpen=!1);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${t}&udpf_version=${s}`),this.isSideSheetOpen=!1},this.handleSideSheetClose=()=>{this.sideSheetFormsList=[],this.sideSheetListPageNumber=1,this.sideSheetTotalItems=0,this.isSideSheetOpen=!1}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await r(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed data received from server.");this.mainFormsList=this.formatList(t.pageList,!1),this.mainTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading forms data:",e),this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=!1}}async loadFormVersions(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed form versions data.");this.sideSheetFormsList=this.formatList(t.pageList,!0),this.sideSheetTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading form versions:",e),this.errorMessage="Failed to load form versions."}finally{this.isLoading=!1}}formatList(e,t){return e.map((e=>({data:e,history:this.history,isSideSheetList:t,openSideSheet:()=>this.handleOpenSideSheet(e.id),formsBuilderUrlPath:this.formsBuilderUrlPath,formsRendererUrlPath:this.formsRendererUrlPath,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isRendererRedirectConfigOn:this.isRendererRedirectConfigOn})))}async handleMainPageChange(e){this.mainListPageNumber=e,await this.loadMainForms()}handleOrderFilterChange({fieldName:e,value:t}){this.sortState=Object.assign(Object.assign({},this.sortState),{[e]:t})}handleFormNameSearchFilterChange(e){const t=e.target;this.nameFilter=t.value;const s="name",i={searchField:s,searchOperator:"LIKE",searchValue:t.value};let r=this.searchFilters.filter((e=>e.searchField!==s));""!==t.value.trim()&&r.push(i),this.searchFilters=r,this.mainListPageNumber=1}async handleFormTypeFilterChange(e){const t=e.target.value,s="type";let i=this.searchFilters.filter((e=>e.searchField!==s));"0"!==t&&i.push({searchField:s,searchOperator:"=",searchValue:t}),this.searchFilters=i,this.mainListPageNumber=1,await this.loadMainForms()}async refetchMainListData(e,t){JSON.stringify(e)!==JSON.stringify(t)&&(this.mainListPageNumber=1,await this.loadMainForms())}async handleOpenSideSheet(e){this.currentFormId=e,this.sideSheetListPageNumber=1,this.isSideSheetOpen=!0,await this.loadFormVersions()}async handleSideSheetPageChange(e){this.sideSheetListPageNumber=e,await this.loadFormVersions()}renderFilters(){return s("div",{class:"udp-form-filter-container"},s("div",{class:"search-group"},s("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async e=>{this.handleFormNameSearchFilterChange(e),this.debouncedFormNameSearch()},margin:"none"})),s("div",{class:"selector-group"},this.isPublicFormConfigOn&&s("udp-selector",{label:"Form Type",name:"sortColumn",options:this.FORM_TYPES,onChange:async e=>await this.handleFormTypeFilterChange(e),initialValue:"0"}),s("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortColumn",value:e.detail}),initialValue:this.sortState.sortColumn}),s("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortDirection",value:e.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return s("udp-side-sheet",{primaryButtonLabel:"Create New Form Version",title:"Form Version History",open:this.isSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md",onUdpPrimaryButtonClick:()=>this.handleSideSheetPrimaryAction()},this.isLoading&&this.isSideSheetOpen&&s("udp-linear-loader",null),s("udp-list-renderer",{itemComponent:"udp-forms-list-card",data:this.sideSheetFormsList,pagination:!0,isServerSide:!0,isLoading:this.isLoading,itemsPerPage:this.SIDE_SHEET_PAGE_SIZE,currentPage:this.sideSheetListPageNumber,totalItems:this.sideSheetTotalItems,onPageChange:e=>this.handleSideSheetPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md",onCloseSidesheet:()=>this.handleSideSheetClose()}))}renderErrorMessage(){return this.errorMessage?s("div",{class:"error-banner"},s("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return s("div",{key:"521f65ec8356fbd1cc33ca101ae454acd65047ec",class:"udp-forms-list-container"},s("primary-action-header",this.isCreateNewFormHeaderActionConfigOn?{title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:!1}:{title:"UDP Forms",tabs:!1}),this.isLoading&&s("udp-linear-loader",{key:"6a080e748bd474223c77805ee51a94baaba7698f"}),this.renderSideSheet(),s("udp-container",{key:"682a613ced5e4d9c8b0aec6ce4b4450efd4b3967",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),s("udp-list-renderer",{key:"8e49e0bdef5d4ee15ec56c2358e68b38c4b69080",itemComponent:"udp-forms-list-card",data:this.mainFormsList,pagination:!0,isServerSide:!0,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"})),s("udp-forms-list-card",{key:"5386a41357733fc99e6b8540596bd64a758af33a",style:{display:"none"}}),s("div",{key:"675cf300948e4f506f7470366f643451d9be5096",style:{height:"60px"}}))}get el(){return this}static get watchers(){return{sortState:[{refetchMainListData:0}]}}static get style(){return":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}"}},[1,"udp-forms-list",{clientUrlBase:[1,"client-url-base"],history:[8],isPublicFormConfigOn:[4,"is-public-form-config-on"],isCreateNewFormHeaderActionConfigOn:[4,"is-create-new-form-header-action-config-on"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isRendererRedirectConfigOn:[4,"is-renderer-redirect-config-on"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formsRendererUrlPath:[1,"forms-renderer-url-path"],isSideSheetOpen:[32],mainFormsList:[32],sideSheetFormsList:[32],mainListPageNumber:[32],sideSheetListPageNumber:[32],mainTotalItems:[32],sideSheetTotalItems:[32],isLoading:[32],errorMessage:[32],sortState:[32],searchFilters:[32],nameFilter:[32]},void 0,{sortState:[{refetchMainListData:0}]}]),N=D,M=function(){"undefined"!=typeof customElements&&["udp-forms-list","primary-action-header","stencil-icon-button","text-field","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-button","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-container","udp-forms-list-card","udp-icon","udp-linear-loader","udp-link","udp-list-renderer","udp-menu-item","udp-pagination","udp-pop-over","udp-selector","udp-side-sheet","udp-tabs","unity-typography"].forEach((e=>{switch(e){case"udp-forms-list":customElements.get(i(e))||customElements.define(i(e),D);break;case"primary-action-header":customElements.get(i(e))||d();break;case"stencil-icon-button":customElements.get(i(e))||l();break;case"text-field":customElements.get(i(e))||m();break;case"udp-adornment":customElements.get(i(e))||h();break;case"udp-ambient-tool-tip":customElements.get(i(e))||c();break;case"udp-badge":customElements.get(i(e))||p();break;case"udp-button":customElements.get(i(e))||u();break;case"udp-card":customElements.get(i(e))||f();break;case"udp-card-actions":customElements.get(i(e))||b();break;case"udp-card-content":customElements.get(i(e))||g();break;case"udp-card-header":customElements.get(i(e))||y();break;case"udp-card-media":customElements.get(i(e))||S();break;case"udp-container":customElements.get(i(e))||k();break;case"udp-forms-list-card":customElements.get(i(e))||o();break;case"udp-icon":customElements.get(i(e))||v();break;case"udp-linear-loader":customElements.get(i(e))||C();break;case"udp-link":customElements.get(i(e))||E();break;case"udp-list-renderer":customElements.get(i(e))||F();break;case"udp-menu-item":customElements.get(i(e))||j();break;case"udp-pagination":customElements.get(i(e))||w();break;case"udp-pop-over":customElements.get(i(e))||P();break;case"udp-selector":customElements.get(i(e))||x();break;case"udp-side-sheet":customElements.get(i(e))||O();break;case"udp-tabs":customElements.get(i(e))||L();break;case"unity-typography":customElements.get(i(e))||U()}}))};export{N as UdpFormsList,M as defineCustomElement}