npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.9 → 25.18.3-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2011) hide show

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

@@ -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 CHANGED Viewed

@@ -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) {
@@ -259,9 +263,9 @@ const UdpGridLoader = class {
         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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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

package/dist/esm/form-metadata-display_8.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-DFnjA9NX.js';
 import { d as dateFormatter, f as fontOverrideMapping, o as overrideFont } from './utils-kwLwITIE.js';
 import { i as isFileReference, p as parseFileReference, d as downloadFileFromUdpDriveFile, a as isUdpDriveFile, c as createFileFromString, b as isFile } from './udp-drive-utils-CIrjVGiJ.js';
 import { createForm } from 'final-form';
@@ -100,7 +100,7 @@ import '@carbon/icons/es/image/16';
 import '@carbon/icons/es/PPT/16';
 import '@carbon/icons/es/XLS/16';
-const formMetadataDisplayCss = ":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}";
+const formMetadataDisplayCss = () => `:host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}`;
 const FormMetadataDisplay = class {
     constructor(hostRef) {
@@ -138,9 +138,9 @@ const FormMetadataDisplay = class {
         h("div", { key: 'eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
     }
 };
-FormMetadataDisplay.style = formMetadataDisplayCss;
+FormMetadataDisplay.style = formMetadataDisplayCss();
-const imageUploadCss = ":host{display:block}";
+const imageUploadCss = () => `:host{display:block}`;
 const ImageUpload = class {
     constructor(hostRef) {
@@ -190,9 +190,9 @@ const ImageUpload = class {
         return (h(Host, { key: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
 };
-ImageUpload.style = imageUploadCss;
+ImageUpload.style = imageUploadCss();
-const signatureInputCss = ":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(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}";
+const signatureInputCss = () => `: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(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}`;
 const SignatureInput = class {
     constructor(hostRef) {
@@ -503,14 +503,24 @@ const SignatureInput = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "error": ["onErrorChange"],
-        "value": ["handleValueUpdate"],
-        "initialValue": ["handleInitialValueUpdate"],
-        "disabled": ["handleStateChange"],
-        "readonly": ["handleStateChange"]
+        "error": [{
+                "onErrorChange": 0
+            }],
+        "value": [{
+                "handleValueUpdate": 0
+            }],
+        "initialValue": [{
+                "handleInitialValueUpdate": 0
+            }],
+        "disabled": [{
+                "handleStateChange": 0
+            }],
+        "readonly": [{
+                "handleStateChange": 0
+            }]
     }; }
 };
-SignatureInput.style = signatureInputCss;
+SignatureInput.style = signatureInputCss();
 const StencilForm = class {
     constructor(hostRef) {
@@ -747,7 +757,7 @@ const StencilForm = class {
     get el() { return getElement(this); }
 };
-const tallyCss = ":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";
+const tallyCss = () => `:host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}`;
 const TallyDisplay = class {
     constructor(hostRef) {
@@ -803,7 +813,7 @@ const TallyDisplay = class {
             } }, h("div", { key: '09016ed6e21cb455ffc99e7595fd815d2388dc20', class: "tally-container" }, this.label && (h("unity-typography", { key: '94421b97279dabf2419964ffcfcb46f070644e0a', variant: "caption-text" }, h("label", { key: '23492badf01e8a3b7cd19d7eeb39356188fdf09e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '6efe4476e11856c3f0c6f3db52b05988a9c76d99', class: "tally-content", id: this.id }, h("div", { key: 'b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5', class: "tally-stats" }, h("div", { key: '140c03ec091df58d0d592843968784c87dfe455b', class: "tally-item tally-yes" }, h("unity-typography", { key: '03993713b6dbb200b66e2872cdb3f387d7ad6399', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'f259283a9c6904f3e84ee273acccb019762bb278', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '41bdd7f359f5805ec89f22082f89296642e5b0c3', class: "tally-item tally-no" }, h("unity-typography", { key: 'a580d8afd15ca787d5558907de6ce5b6a26721bb', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '05a9b6ce25b76d2224bdcb745c828fddbd11967a', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '5ac39a2987d52fb7d0df0e56827241f3e1079378', class: "tally-item tally-na" }, h("unity-typography", { key: 'c73d716f25601637fbe3aa20a680ed768d367f09', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '75ad0e4b7681431e52f755ed73e770473c6f0545', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '3b894ff08c4b636a2a13746e530ce03841d6b28d', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'f9bbb5a94beec0c536ac384b8fe3b112f750cfa1', class: "tally-summary" }, h("unity-typography", { key: 'be96bfd28f3dd6077ac54aece439116d93d5b1d2', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '984d524255fe657fbeacba147b4823ca54e00ffb', class: "error-message" }, h("unity-typography", { key: '148a1b807fe5386097380df6b99e717c130c188a', variant: "caption-text", color: "error" }, this.error))))));
     }
 };
-TallyDisplay.style = tallyCss;
+TallyDisplay.style = tallyCss();
 /**
  * Finds the parent stencil-form and returns its Final Form API.
@@ -848,7 +858,7 @@ async function useFormApi(element) {
     return formApi;
 }
-const udpQuestionCss = ".hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}";
+const udpQuestionCss = () => `.hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}`;
 const UdpQuestion = class {
     constructor(hostRef) {
@@ -1083,17 +1093,29 @@ const UdpQuestion = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "question": ["propChanged"],
-        "questionNumber": ["propChanged"],
-        "value": ["propChanged"],
-        "disabled": ["propChanged"],
-        "readonly": ["propChanged"],
-        "styleOverrides": ["propChanged"]
+        "question": [{
+                "propChanged": 0
+            }],
+        "questionNumber": [{
+                "propChanged": 0
+            }],
+        "value": [{
+                "propChanged": 0
+            }],
+        "disabled": [{
+                "propChanged": 0
+            }],
+        "readonly": [{
+                "propChanged": 0
+            }],
+        "styleOverrides": [{
+                "propChanged": 0
+            }]
     }; }
 };
-UdpQuestion.style = udpQuestionCss;
+UdpQuestion.style = udpQuestionCss();
-const udpQuestionCommentsCss = ".question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}";
+const udpQuestionCommentsCss = () => `.question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}`;
 const UdpQuestionComments = class {
     constructor(hostRef) {
@@ -1171,9 +1193,9 @@ const UdpQuestionComments = class {
         }), activeDraft && activeDraft.isTempComment && !savedComments.includes(c => c.commentId == activeDraft.commentId) && (h("div", { class: "question-comment-draft-container", key: activeDraft.commentId || `draft-0` }, h("stencil-field", { name: `${this.question.questionIdentifierKey}.draftComments[0].value`, required: true, ignoreDirty: true }, h("text-area", Object.assign({}, this.commentFieldProps, { label: "Comment:", placeholder: "Add a comment" }))), h("div", { class: "question-comment-action-container" }, h("udp-button", { variant: "text", onClick: () => this.handleCommentEditClose(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "trashCan", color: "inherit" }) }, "Cancel"), h("udp-button", { variant: "text", onClick: () => this.handleCommentSave(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "save", color: "inherit" }) }, "Save")))), !activeDraft && !isAnyQuestionContainsActiveDraft && (h("div", { class: "question-comment-add-comment-button" }, h("udp-button", { variant: "text", onClick: () => this.handleCommentAdd(), startIcon: h("udp-icon", { iconName: "add", color: "inherit" }) }, "Add a Comment")))));
     }
 };
-UdpQuestionComments.style = udpQuestionCommentsCss;
+UdpQuestionComments.style = udpQuestionCommentsCss();
-const udpSaveDraftButtonCss = ".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";
+const udpSaveDraftButtonCss = () => `.floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}`;
 const UdpSaveDraftButton = class {
     constructor(hostRef) {
@@ -1258,7 +1280,6 @@ const UdpSaveDraftButton = class {
     }
     get el() { return getElement(this); }
 };
-UdpSaveDraftButton.style = udpSaveDraftButtonCss;
+UdpSaveDraftButton.style = udpSaveDraftButtonCss();
 export { FormMetadataDisplay as form_metadata_display, ImageUpload as image_upload, SignatureInput as signature_input, StencilForm as stencil_form, TallyDisplay as tally_display, UdpQuestion as udp_question, UdpQuestionComments as udp_question_comments, UdpSaveDraftButton as udp_save_draft_button };
-//# sourceMappingURL=form-metadata-display.image-upload.signature-input.stencil-form.tally-display.udp-question.udp-question-comments.udp-save-draft-button.entry.js.map

package/dist/esm/getCurrentApiCatalogId-DeurXd9l.js CHANGED Viewed

@@ -3,6 +3,3 @@ function getCurrentApiCatalogId() {
 }
 export { getCurrentApiCatalogId as g };
-//# sourceMappingURL=getCurrentApiCatalogId-DeurXd9l.js.map
-//# sourceMappingURL=getCurrentApiCatalogId-DeurXd9l.js.map

package/dist/esm/iconMapping-CPerGeNF.js CHANGED Viewed

@@ -187,6 +187,3 @@ const iconMapping = {
 };
 export { iconMapping as i };
-//# sourceMappingURL=iconMapping-CPerGeNF.js.map
-//# sourceMappingURL=iconMapping-CPerGeNF.js.map

package/dist/esm/iconUtils-DcPvHO4A.js CHANGED Viewed

@@ -11,6 +11,3 @@ const getIconFromName = (iconName, iconType = 'carbon') => {
 };
 export { getIconFromName as g };
-//# sourceMappingURL=iconUtils-DcPvHO4A.js.map
-//# sourceMappingURL=iconUtils-DcPvHO4A.js.map