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

package/dist/esm/entity-maintenance-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h } from './index-DFnjA9NX.js';
 import { w as getPromotedMethodEntities } from './apiUtils-cUHs50y0.js';
 import 'deep-equal';
 import './makeApiCall-B-daVutk.js';
@@ -38,9 +38,8 @@ const EntityMaintenanceGrid = class {
         this.getPromotedMethods();
     }
     render() {
-        return (h("api-method-grid", { key: 'b7d45a2578a739fdc2cff4ce7edc9caab3c42ad4', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (h("api-method-grid", { key: 'fc83d69ce7476b4494ca6afcce903d4ff236f502', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
 };
 
 export { EntityMaintenanceGrid as entity_maintenance_grid };
-//# sourceMappingURL=entity-maintenance-grid.entry.js.map

package/dist/esm/{enums-BnKmfKJT.js → enums-D5dod6Ie.js}

@@ -18,6 +18,7 @@ var UdpFormsFieldTypeEnum;
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Number"] = 16] = "Number";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Paragraph"] = 17] = "Paragraph";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["ImageUpload"] = 18] = "ImageUpload";
+    UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["FormMetadataDisplay"] = 19] = "FormMetadataDisplay";
 })(UdpFormsFieldTypeEnum || (UdpFormsFieldTypeEnum = {}));
 var UdpFormsTypeEnum;
 (function (UdpFormsTypeEnum) {
@@ -27,10 +28,13 @@ var UdpFormsTypeEnum;
 var UdpFormsPageIdEnum;
 (function (UdpFormsPageIdEnum) {
     UdpFormsPageIdEnum["FormBuilderPageId"] = "c77aa2c8-f8b8-41af-aa77-c8612fc918c1";
-    UdpFormsPageIdEnum["FormRendererPageId"] = "c696afbd-8d83-4f80-aaa1-9a3530a05a21";
+    UdpFormsPageIdEnum["FormRendererPageId"] = "2f451c02-a8ca-40a9-b96f-251c92f9b4e1";
 })(UdpFormsPageIdEnum || (UdpFormsPageIdEnum = {}));
+var UdpFormsSubmissionStatusEnum;
+(function (UdpFormsSubmissionStatusEnum) {
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["InProgress"] = 1] = "InProgress";
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["Submitted"] = 2] = "Submitted";
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["Created"] = 3] = "Created";
+})(UdpFormsSubmissionStatusEnum || (UdpFormsSubmissionStatusEnum = {}));
 
-export { UdpFormsPageIdEnum as U, UdpFormsTypeEnum as a, UdpFormsFieldTypeEnum as b };
-//# sourceMappingURL=enums-BnKmfKJT.js.map
-
-//# sourceMappingURL=enums-BnKmfKJT.js.map
+export { UdpFormsPageIdEnum as U, UdpFormsTypeEnum as a, UdpFormsSubmissionStatusEnum as b, UdpFormsFieldTypeEnum as c };

package/dist/esm/feature-details-card_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import Close24 from '@carbon/icons/es/close/24';
 import OverflowMenuVertical24 from '@carbon/icons/es/overflow-menu--vertical/16';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
@@ -97,7 +97,7 @@ import '@carbon/icons/es/XLS/16';
 import 'ol/proj';
 import 'ol/format/GeoJSON';
 
-const featureDetailsCardCss = ".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";
+const featureDetailsCardCss = () => `.card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}`;
 
 const FeatureDetailsCard = class {
     constructor(hostRef) {
@@ -194,19 +194,19 @@ const FeatureDetailsCard = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: 'a279719f3393377db2f480e566feefdad2320fa5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '394624accabf7d196085237dccf19aa2a2feedcd', class: "adornment" }, h("udp-adornment", { key: 'dbbda88f7e909e08dd68b956e8db553a6a106bcf', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '207ccde55a79f61a20fe876d52520218419bebd0', class: "content-wrapper" }, h("div", { key: 'e559651ff638cccdf6ce89d5eca6bcfb56d04834', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '32c1054968e769c977b515b85d24a9d3798da6c9', class: "title-wrapper" }, h("stencil-icon-button", { key: 'beb2b4719688ef7e3fc02fa8fffc3365c41a838d', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '156750e9dbd586597128383c2ad9bac2eeb32d2f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ce8a2349828257358eab14705edd54a65e7869a2' }, h("div", { key: 'ba673f36ae93a338085bd71ea65a485783d2087e', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9dc305dda49437cfa0b816eefcde1338e20d8143', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '2ad28916734d0f44976ee64645f457e9e67ab164', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'cee49518e26621c37ef2c41a7913ef8c8e6acea9', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: 'a52abc58b76f689d11ff262e52639585a5cebd13', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: 'af8ba7bceed90f48b16f6017705804735dc7746b', class: "adornment" }, h("udp-adornment", { key: 'e74c1c616cdbaddf83e3c774bb1d4c18c34d6abe', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '02a1dc580dc4aa1c2994250eae97d96a5b1f3b63', class: "content-wrapper" }, h("div", { key: '6481b5cdc429fdf478f9b301ed25801335b526dc', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '5c3633a98640688aa4660ddf874917ede9fcf4c7', class: "title-wrapper" }, h("stencil-icon-button", { key: '908fcd2b5fc0c6d575c94a8611397060c9c32112', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '060af9c6e9c481a16cd2e0f0b0b9e2b0fa35a756', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '3a50706aba2899956a8a8a6258b8e88813e9bfde' }, h("div", { key: 'e77330f0c74b4bbc563a8ffd448aa73fbbc246d1', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '420c2e5d599157fb1afb9ceb5a338e253e699025', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '066a2f2208e045ccf912886a0ca8268c6117fa9b', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '26356987b4fd219ae344c7ce04ec6a5f1c89971a', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: '55dbfbf985e623b96c497dd0f281549e7a2623d9', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '400a6bc6178037d19184dc6fe1cc1acbb54af424', class: "icon-message" }, h("udp-icon", { key: '53f0fc5176ffcee7f42a9b403870eb6bf7f5d59c', iconName: currentMessageIcon }))), h("div", { key: 'f73366bc9e1ca2598117f276d7fa0d23630b16b8', class: "message" }, h("unity-typography", { key: '48e9a6c899eca3526427990284288b916bfd91b0' }, this.message)))), h("div", { key: '793b3c333e0f7bb6da5bab0f5c14c472f18e2501', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'e92ceda5c88453be65399247a96d6f7e77fc62ef', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'ae612aa8753050d31d586ef57247addd120ee239', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'ad3318b411960e16939a61e5ca6529ccad750894', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: 'e762d272d4d1bee1f2f648122acf2ffebe627da0', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'a6b72af8689f83ee834851e9830d86632df78d7e', class: "icon-message" }, h("udp-icon", { key: '0d36f76f7b977a60fe4a336844eb1cc78f388688', iconName: currentMessageIcon }))), h("div", { key: '612361cc887193d2338612d7fd0ca95e42dd327e', class: "message" }, h("unity-typography", { key: '7b1b35944167c28fa39fc4ed4bf2baa4f2a211d0' }, this.message)))), h("div", { key: 'c5a2db8bf9b125e7037bb3ae93137053d1e78e8a', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '29f7d0f07d42c558e211745591510ab9850d012b', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'a882406b9fc1f4e63f7ef455380413d8a08af8db', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '42db91a6f471c233ae15e9f937df5d58a3829de3', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '07acf06d15ece0f0fb0ad40c9de5e1d176976d7c' }, h("div", { key: '18493d1b64842be4575915c27921a0ffb7d4c982', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'a27824054d60c8493deb6b0d545be7aa9650cc98' }, h("div", { key: '749004bb62036627beea12f66ac2771734a09ffc', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'e1fbaa6f33a82c654cb561805aa034e5a8ff62f6', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '0f0d761c97ba9ea5177a49998f65059ecc2b5b7c', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '8a2314995820d95f3a266f67d80fcfd49c522ed5', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '5ac0af611c5d47782f1b4398817bab6462f708d4', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '8655f303bfdd798c7a261ff4d535bf0502956f5b', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '0491fefcebb62b8b5c1ca0b4f767bcecd14f9ca9', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
@@ -215,12 +215,14 @@ const FeatureDetailsCard = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "primaryActions": ["updatePrimaryActions"]
+        "primaryActions": [{
+                "updatePrimaryActions": 0
+            }]
     }; }
 };
-FeatureDetailsCard.style = featureDetailsCardCss;
+FeatureDetailsCard.style = featureDetailsCardCss();
 
-const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+const mapPopupCss = () => `.popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}`;
 
 const FeatureDetailsPopUp = class {
     constructor(hostRef) {
@@ -263,15 +265,22 @@ const FeatureDetailsPopUp = class {
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: 'e5edaa5cfaf4f57fd28f81b89478a184d621159e' }, this.showPopOver && (h("feature-details-card", { key: '2cedf4ee23de2c9cad04680a370c553bdba046f4', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: 'de1628f2231ed242921bfc08ba878d3dc21262c0' }, this.showPopOver && (h("feature-details-card", { key: '88d11c7ace1ab2817b2c88722baac4b928f2419c', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get watchers() { return {
-        "cardConfig": ["updateListData", "updateTitle"],
-        "data": ["updateListData"],
-        "coordinates": ["updateTitle"]
+        "cardConfig": [{
+                "updateListData": 0
+            }, {
+                "updateTitle": 0
+            }],
+        "data": [{
+                "updateListData": 0
+            }],
+        "coordinates": [{
+                "updateTitle": 0
+            }]
     }; }
 };
-FeatureDetailsPopUp.style = mapPopupCss;
+FeatureDetailsPopUp.style = mapPopupCss();
 
 export { FeatureDetailsCard as feature_details_card, FeatureDetailsPopUp as feature_details_popup };
-//# sourceMappingURL=feature-details-card.feature-details-popup.entry.js.map

package/dist/esm/file-upload_3.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DFnjA9NX.js';
 import Close24 from '@carbon/icons/es/close/24';
 import axios from 'axios';
 import { i as isFileReference, e as parseFileReferences, g as getMimeTypeFromExtension } from './udp-drive-utils-CIrjVGiJ.js';
 import { C as ConfigService } from './configService-BqLfkVKh.js';
 
-const fileUploadCss = "#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";
+const fileUploadCss = () => `#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}`;
 
 const FileUpload = class {
     constructor(hostRef) {
@@ -901,13 +901,17 @@ const FileUpload = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "initialValueChanged": 0
+            }]
     }; }
 };
-FileUpload.style = fileUploadCss;
+FileUpload.style = fileUploadCss();
 
-const selectableListCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}";
+const selectableListCss = () => `:host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}`;
 
 const SelectableList = class {
     constructor(hostRef) {
@@ -1129,13 +1133,21 @@ const SelectableList = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"],
-        "items": ["itemsChanged"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "initialValueChanged": 0
+            }],
+        "value": [{
+                "valueChanged": 0
+            }],
+        "items": [{
+                "itemsChanged": 0
+            }]
     }; }
 };
-SelectableList.style = selectableListCss;
+SelectableList.style = selectableListCss();
 
 const StencilField = class {
     constructor(hostRef) {
@@ -1383,4 +1395,3 @@ const StencilField = class {
 };
 
 export { FileUpload as file_upload, SelectableList as selectable_list, StencilField as stencil_field };
-//# sourceMappingURL=file-upload.selectable-list.stencil-field.entry.js.map

package/dist/esm/filter-conditions_7.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, c as createEvent, a as getElement, f as forceUpdate } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, c as createEvent, a as getElement, f as forceUpdate } from './index-DFnjA9NX.js';
 import Close24 from '@carbon/icons/es/close/24';
 
-const filterConditionsCss = "";
+const filterConditionsCss = () => ``;
 
 const AdvancedSearch = class {
     constructor(hostRef) {
@@ -11,9 +11,9 @@ const AdvancedSearch = class {
         return (h("div", { key: 'fc96c3dda934acf926b9ef94947a4cee85821b5a', class: "container" }, h("udp-column-header", { key: 'de4437bac3a50b160a8ca44666bcb4c0befba4fa' })));
     }
 };
-AdvancedSearch.style = filterConditionsCss;
+AdvancedSearch.style = filterConditionsCss();
 
-const searchListItemCss = ".list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:\"200px\"}";
+const searchListItemCss = () => `.list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:"200px"}`;
 
 const SearchListItem = class {
     constructor(hostRef) {
@@ -112,12 +112,14 @@ const SearchListItem = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "operator": ["operatorChanged"]
+        "operator": [{
+                "operatorChanged": 0
+            }]
     }; }
 };
-SearchListItem.style = searchListItemCss;
+SearchListItem.style = searchListItemCss();
 
-const treeListItemCss = ".tree-item{display:flex;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.label{flex:1;padding-left:8px}.arrow-icon{cursor:pointer;font-size:20px;}.tree-item-label{display:flex;justify-content:space-between;width:100%;gap:16px}.tree-label-select{flex:1;display:flex;padding-right:8px;align-items:center}.tree-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.tree-item-label{display:flex;width:100%;cursor:pointer}.nested-list{margin-left:20px}.label-icon-container{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);padding:4px}[level=\"1\"] .nested-list{margin-left:10px}[level=\"2\"] .nested-list{margin-left:20px}[level=\"3\"] .nested-list{margin-left:30px}[level=\"4\"] .nested-list{margin-left:40px}[level=\"5\"] .nested-list{margin-left:50px}[level=\"6\"] .nested-list{margin-left:60px}";
+const treeListItemCss = () => `.tree-item{display:flex;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.label{flex:1;padding-left:8px}.arrow-icon{cursor:pointer;font-size:20px;}.tree-item-label{display:flex;justify-content:space-between;width:100%;gap:16px}.tree-label-select{flex:1;display:flex;padding-right:8px;align-items:center}.tree-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.tree-item-label{display:flex;width:100%;cursor:pointer}.nested-list{margin-left:20px}.label-icon-container{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);padding:4px}[level="1"] .nested-list{margin-left:10px}[level="2"] .nested-list{margin-left:20px}[level="3"] .nested-list{margin-left:30px}[level="4"] .nested-list{margin-left:40px}[level="5"] .nested-list{margin-left:50px}[level="6"] .nested-list{margin-left:60px}`;
 
 const TreeListItem = class {
     constructor(hostRef) {
@@ -225,12 +227,14 @@ const TreeListItem = class {
         return (h("div", { class: "tree-list-item", style: indentationStyle }, h("div", { class: "label-icon-container", onClick: this.onSelfClick }, h("div", { class: "tree-label-select" }, h("unity-typography", { variant: "data-display-three" }, this.label)), this.gridViewVisibilityTypeId && (h("status-chip", { statusClasses: { Private: 'error', Public: 'success' }, statusValue: this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public' }, this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public')), this.showEditOption && (h("udp-function-button", { edit: true, onClick: this.handleEditClick }, "Edit")), this.showDeleteOption && (h("udp-function-button", { delete: true, onClick: this.handleDeleteClick }, "Delete")), this.showUpdateDefaultOption && (h("udp-function-button", { isDefault: this.isDefault, onClick: this.handleUpdateDefaultClick }, "Make Default")), this.showViewOption && (h("udp-function-button", { view: true, onClick: this.handleViewClick }, "Other Action")), this.reference ? (h("udp-function-button", { expand: true, noBackground: true, onClick: this.handleButtonClick }, "Details")) : (this.showAdd && h("udp-function-button", { add: true }))), this.showNested && this.nestedItems && h("div", { class: "nested-list" }, renderNestedItems(this.nestedItems, this.level))));
     }
     static get watchers() { return {
-        "nestedItems": ["nestedItemsChanged"]
+        "nestedItems": [{
+                "nestedItemsChanged": 0
+            }]
     }; }
 };
-TreeListItem.style = treeListItemCss;
+TreeListItem.style = treeListItemCss();
 
-const udpColumnHeaderCss = ".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";
+const udpColumnHeaderCss = () => `.header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}`;
 
 const UdpColumnHeader$1 = class UdpColumnHeader {
     constructor(hostRef) {
@@ -240,9 +244,9 @@ const UdpColumnHeader$1 = class UdpColumnHeader {
         return (h("div", { key: 'dbd65cb1ce21388550aa9dacb4ae2ab00782a8ed', class: "header-container" }, h("div", { key: 'cf68ba87f8cc702b13691830c665248637d80fb0', class: "column" }, " ", h("unity-typography", { key: '4d08ba75b6a2ed36e3530d0d5eed1dc2a0766685', variant: "button" }, "Column  "), "   "), h("div", { key: '068cb81ed052e9c8d90dcc4377188c6407518808', class: "operator" }, h("unity-typography", { key: 'bb134f0a7d8de2c04ec6c60c89dff83fabd2e59e', variant: "button" }, "Operator "), " "), h("div", { key: '241b4513e0db6b1dbcd0abbbdff9db3bb96df3bb', class: "criteria" }, h("unity-typography", { key: '89ec473a35de831b952db8554031e15d43a927e3', variant: "button" }, "Criteria  "), "  ")));
     }
 };
-UdpColumnHeader$1.style = udpColumnHeaderCss;
+UdpColumnHeader$1.style = udpColumnHeaderCss();
 
-const udpGridLoaderCss = ":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";
+const udpGridLoaderCss = () => `:host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}`;
 
 const UdpGridLoader = class {
     constructor(hostRef) {
@@ -253,15 +257,15 @@ const UdpGridLoader = class {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '04c7a49ece2272b739c460c7f41687debced9189', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '64cf4530f23ad06fa4731f87278c49bfef25b8fb', 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: '2f9fa2edad14c35951f169f0887e951206be2bb8', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '07ab190e4ed741443d650a539455817c5d584f2e', style: { width: this.width } }, headerBar, rowBars));
     }
 };
-UdpGridLoader.style = udpGridLoaderCss;
+UdpGridLoader.style = udpGridLoaderCss();
 
-const udpPageHeaderCss = ".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}";
+const udpPageHeaderCss = () => `.header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}`;
 
 const UdpColumnHeader = class {
     constructor(hostRef) {
@@ -277,9 +281,9 @@ const UdpColumnHeader = class {
         return (h("div", { key: 'a94574714062d5aaf4d9f3cf3edb2615f8cdd5f4', class: "header-container" }, h("div", { key: 'f50b6404f12bdcac7b7f399483dd8c003f2c3a61', class: "title" }, h("unity-typography", { key: '63b7160322e79def027e0e30772a42d026042620', variant: "button" }, "Filter Conditions ")), h("div", { key: 'dd04853c6212ff9a7f42a3be9a3546d48b39b41c', class: "radio-group" }, h("div", { key: 'a89c7b2e7df75742cb5e41143c434424a81dd3d0', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: 'ae119b5a4a2b5286dcb4192eec1c5710ad221299', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '94d0109a601c9238cb9f0366d6d611b32c03f42c', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '89ed0d29e6674cf63dc0efb3764662f9de116534', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
     }
 };
-UdpColumnHeader.style = udpPageHeaderCss;
+UdpColumnHeader.style = udpPageHeaderCss();
 
-const udpRadioButtonCss = ".udp-radio-button{display:inline-flex;align-items:center}input[type=\"radio\"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type=\"radio\"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:'Roboto', sans-serif}input[type=\"radio\"]+label:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type=\"radio\"]:checked+label:after{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type=\"radio\"]:disabled+label{opacity:0.5;cursor:not-allowed}";
+const udpRadioButtonCss = () => `.udp-radio-button{display:inline-flex;align-items:center}input[type="radio"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type="radio"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:'Roboto', sans-serif}input[type="radio"]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type="radio"]:checked+label:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type="radio"]:disabled+label{opacity:0.5;cursor:not-allowed}`;
 
 const UdpRadioButton = class {
     constructor(hostRef) {
@@ -291,7 +295,6 @@ const UdpRadioButton = class {
         return (h("div", { key: 'fcaa7d7958120a3459f03961a1f3caaf0e5598dd', class: "udp-radio-button" }, h("slot", { key: '23e34fd4cfd7d2346a43b1fba2661bbc922cccf8' }, h("input", { key: '12ea840bc8ddb50d91b0dcf9c71835ef540cd0d9', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '058aa3f42eadb4dfb2baf1b4ad7136d98efaf4cf', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: '06d10d01a7022953fa829d294cdccc83e3b089cd', variant: 'caption-text' }, " ", this.label, "  "), " "))));
     }
 };
-UdpRadioButton.style = udpRadioButtonCss;
+UdpRadioButton.style = udpRadioButtonCss();
 
 export { AdvancedSearch as filter_conditions, SearchListItem as search_list_item, TreeListItem as tree_list_item, UdpColumnHeader$1 as udp_column_header, UdpGridLoader as udp_grid_loader, UdpColumnHeader as udp_page_header, UdpRadioButton as udp_radio_button };
-//# sourceMappingURL=filter-conditions.search-list-item.tree-list-item.udp-column-header.udp-grid-loader.udp-page-header.udp-radio-button.entry.js.map

package/dist/esm/filter-group_2.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, c as createEvent } from './index-CaZq3YdB.js';
+import { h, r as registerInstance, c as createEvent } from './index-DFnjA9NX.js';
 import { g as getAllowedSearchOperators } from './udpOperatorHelper-BsvDrT81.js';
 import { f as findFieldByPath } from './udpFieldHelper-qPBcfmrH.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
@@ -137,7 +137,7 @@ const renderSearchValueInput = (filter, handleValueChange, handleBetweenValueCha
     }
 };
 
-const filterGroupCss = ":host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}";
+const filterGroupCss = () => `:host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}`;
 
 const FilterGroup = class {
     constructor(hostRef) {
@@ -310,9 +310,9 @@ const FilterGroup = class {
             } }))))));
     }
 };
-FilterGroup.style = filterGroupCss;
+FilterGroup.style = filterGroupCss();
 
-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 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 = class {
     constructor(hostRef) {
@@ -330,7 +330,6 @@ const ValidationChip = class {
         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)));
     }
 };
-ValidationChip.style = validationChipCss;
+ValidationChip.style = validationChipCss();
 
 export { FilterGroup as filter_group, ValidationChip as validation_chip };
-//# sourceMappingURL=filter-group.validation-chip.entry.js.map

package/dist/esm/fluent-dialog.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const fluentDialogCss = ":host([open]){display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.5);}.dialog-container{display:none;}.dialog-container.open{display:block;}.dialog-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90%;min-width:500px;overflow:hidden;z-index:10000;}.dialog-title{padding:16px;font-size:20px}.dialog-content{padding-left:16px;padding-right:16px}.dialog-actions{display:flex;justify-content:flex-end}button{margin-left:8px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:9998}.overlay-open{display:block}.dialog-open{display:block}";
+const fluentDialogCss = () => `:host([open]){display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.5);}.dialog-container{display:none;}.dialog-container.open{display:block;}.dialog-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90%;min-width:500px;overflow:hidden;z-index:10000;}.dialog-title{padding:16px;font-size:20px}.dialog-content{padding-left:16px;padding-right:16px}.dialog-actions{display:flex;justify-content:flex-end}button{margin-left:8px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:9998}.overlay-open{display:block}.dialog-open{display:block}`;
 
 const FluentDialog = class {
     constructor(hostRef) {
@@ -15,7 +15,6 @@ const FluentDialog = class {
             onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: '92b80ad5f30ca0d1b2ad26b4edec51564565f0b4', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '71185ce7e88c824a2c3f94e1b05090b184f01458', class: "linear-progress" }))));
     }
 };
-FluentDialog.style = fluentDialogCss;
+FluentDialog.style = fluentDialogCss();
 
 export { FluentDialog as fluent_dialog };
-//# sourceMappingURL=fluent-dialog.entry.js.map