udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/components/{p-DntePo7I.js.map → p-B2mj8zmp.js.map}

@@ -1 +1 @@
-{"file":"p-DntePo7I.js","mappings":";;;;;;;;;AAAA,MAAM,YAAY,GAAG,omDAAomD;;MCO5mD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AAJtB,IAAA,WAAA,GAAA;;;AASU,QAAA,IAAQ,CAAA,QAAA,GAAqB,MAAM;AAGnC,QAAA,IAAW,CAAA,WAAA,GAA8B,MAAM;AAC/C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AACvB,QAAA,IAAe,CAAA,eAAA,GAAW,gBAAgB;AA+BnD;IA7BC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,WAAW;QAC3F,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAErG,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAQ,CAAA,EAEvF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,EAAE,EAChH,KAAK,EAAE,cAAc,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,CAAwB,CAClF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAoB,CACzE,EACN,IAAI,CAAC,oBAAoB,IAAI,CAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAA,EAC9K,IAAI,CAAC,oBAAoB,CACZ,CACV,EAEN,CAAA,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAsB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACQ,CACnB,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/side-sheet/side-sheet.css?tag=side-sheet","src/components/deprecated/side-sheet/side-sheet.tsx"],"sourcesContent":[".side-sheet {\n    width: 0;\n    height: 100%;\n    position: fixed;\n    z-index: 9999; /* High z-index to overlay page content */\n    top: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: hidden; /* change to auto to enable vertical scrolling */\n    transition: width 0.5s ease;\n    background-color: #ffffff; /* Add background color */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  \n  \n  .side-sheet.left {\n    left: 0;\n  }\n  \n  .side-sheet.right {\n    right: 0;\n  }\n  \n  .side-sheet.open {\n    width: 1300px\n  }\n\n  .side-sheet.short.open {\n    width: 480px;\n  }\n  \n  \n  .backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    z-index: 9; /* Lower than the side-sheet but higher than page content */\n    opacity: 0;\n    pointer-events: none; /* By default, do not block interactions */\n    transition: opacity 0.5s ease;\n  }\n  \n  .backdrop.open {\n    opacity: 1;\n    pointer-events: auto; /* Allow interactions when visible */\n  }\n\n  .title {\n   display: flex;\n   flex: 1;\n   align-items: center;\n  }\n  \n  .close-button {\n    display: flex;\n    align-items: center;\n  }\n\n  .ag-root.ag-layout-normal {\n    font-family: sans-serif !important;\n    font-size: 13px;\n  }\n\n  .side-sheet.custom-width.open {\n    transition: width 0.5s ease; /* Same transition */\n  }","import { Component, Prop, h } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'side-sheet',\n  styleUrl: 'side-sheet.css',\n})\nexport class SideSheet {\n  @Prop() open: boolean;\n  @Prop() title: string;\n  @Prop() buttonLabel: string;\n  @Prop() toggleDrawer: () => void;\n  @Prop() position: 'left' | 'right' = 'left';\n  @Prop() handleSideSheetButton: () => void;\n  @Prop() sideSheetButtonLabel: string;\n  @Prop() widthOption: 'short' | 'long' | number = 'long';\n  @Prop() disabled: boolean = false;\n  @Prop() padding: boolean = true;\n  @Prop() buttonTransform: string = \"translate(0,0)\";\n  \n  render() {\n    const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;\n    const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};\n\n    return (\n      <div>\n        <div class={{ 'backdrop': true, 'open': this.open }} onClick={this.toggleDrawer}></div>\n        \n        <div class={{ 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }}\n             style={sideSheetStyle}>\n          <div class=\"title\">\n            <div class='close-button'>\n              <stencil-icon-button icon={Close24} onClick={this.toggleDrawer}></stencil-icon-button>\n            </div>\n            <div class='title'>\n              <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n            </div>\n          { this.sideSheetButtonLabel && <custom-button style={{ transform: this.buttonTransform, }} size='tall' disabled={this.disabled} onCustomClick={() => this.handleSideSheetButton()}>\n            {this.sideSheetButtonLabel}\n          </custom-button>}\n          </div>\n          \n          <side-sheet-container padding={this.padding} >\n            <slot></slot>\n          </side-sheet-container>\n        </div>\n      </div>\n    );\n  }\n}\n\n"],"version":3}
+{"file":"p-B2mj8zmp.js","mappings":";;;;;;;;;AAAA,MAAM,YAAY,GAAG,omDAAomD;;MCO5mD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AAJtB,IAAA,WAAA,GAAA;;;AASU,QAAA,IAAQ,CAAA,QAAA,GAAqB,MAAM;AAGnC,QAAA,IAAW,CAAA,WAAA,GAA8B,MAAM;AAC/C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AACvB,QAAA,IAAe,CAAA,eAAA,GAAW,gBAAgB;AA+BnD;IA7BC,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,WAAW;QAC3F,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAErG,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAQ,CAAA,EAEvF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,EAAE,EAChH,KAAK,EAAE,cAAc,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,CAAwB,CAClF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAoB,CACzE,EACN,IAAI,CAAC,oBAAoB,IAAI,CAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAA,EAC9K,IAAI,CAAC,oBAAoB,CACZ,CACV,EAEN,CAAA,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAsB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACQ,CACnB,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/side-sheet/side-sheet.css?tag=side-sheet","src/components/deprecated/side-sheet/side-sheet.tsx"],"sourcesContent":[".side-sheet {\n    width: 0;\n    height: 100%;\n    position: fixed;\n    z-index: 9999; /* High z-index to overlay page content */\n    top: 0;\n    bottom: 0;\n    overflow-x: hidden;\n    overflow-y: hidden; /* change to auto to enable vertical scrolling */\n    transition: width 0.5s ease;\n    background-color: #ffffff; /* Add background color */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  \n  \n  .side-sheet.left {\n    left: 0;\n  }\n  \n  .side-sheet.right {\n    right: 0;\n  }\n  \n  .side-sheet.open {\n    width: 1300px\n  }\n\n  .side-sheet.short.open {\n    width: 480px;\n  }\n  \n  \n  .backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    z-index: 9; /* Lower than the side-sheet but higher than page content */\n    opacity: 0;\n    pointer-events: none; /* By default, do not block interactions */\n    transition: opacity 0.5s ease;\n  }\n  \n  .backdrop.open {\n    opacity: 1;\n    pointer-events: auto; /* Allow interactions when visible */\n  }\n\n  .title {\n   display: flex;\n   flex: 1;\n   align-items: center;\n  }\n  \n  .close-button {\n    display: flex;\n    align-items: center;\n  }\n\n  .ag-root.ag-layout-normal {\n    font-family: sans-serif !important;\n    font-size: 13px;\n  }\n\n  .side-sheet.custom-width.open {\n    transition: width 0.5s ease; /* Same transition */\n  }","import { Component, Prop, h } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'side-sheet',\n  styleUrl: 'side-sheet.css',\n})\nexport class SideSheet {\n  @Prop() open: boolean;\n  @Prop() title: string;\n  @Prop() buttonLabel: string;\n  @Prop() toggleDrawer: () => void;\n  @Prop() position: 'left' | 'right' = 'left';\n  @Prop() handleSideSheetButton: () => void;\n  @Prop() sideSheetButtonLabel: string;\n  @Prop() widthOption: 'short' | 'long' | number = 'long';\n  @Prop() disabled: boolean = false;\n  @Prop() padding: boolean = true;\n  @Prop() buttonTransform: string = \"translate(0,0)\";\n  \n  render() {\n    const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;\n    const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};\n\n    return (\n      <div>\n        <div class={{ 'backdrop': true, 'open': this.open }} onClick={this.toggleDrawer}></div>\n        \n        <div class={{ 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }}\n             style={sideSheetStyle}>\n          <div class=\"title\">\n            <div class='close-button'>\n              <stencil-icon-button icon={Close24} onClick={this.toggleDrawer}></stencil-icon-button>\n            </div>\n            <div class='title'>\n              <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n            </div>\n          { this.sideSheetButtonLabel && <custom-button style={{ transform: this.buttonTransform, }} size='tall' disabled={this.disabled} onCustomClick={() => this.handleSideSheetButton()}>\n            {this.sideSheetButtonLabel}\n          </custom-button>}\n          </div>\n          \n          <side-sheet-container padding={this.padding} >\n            <slot></slot>\n          </side-sheet-container>\n        </div>\n      </div>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/{p-Bv1MGbhE.js → p-B3gbGwCE.js}

@@ -1,66 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DPon6DDX.js';
-import { C as ConfigService } from './p-Cn7PuhQz.js';
-import axios from 'axios';
+import { i as isFileReference, a as parseFileReference, d as downloadFileFromUdpDriveFile, b as isUdpDriveFile, c as createFileFromString, e as isFile } from './p-C5aOw4Ij.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
-function isUdpDriveFile(file) {
-    return file && typeof file === 'object' && 'driveFileId' in file;
-}
-function getMimeTypeFromExtension(extension) {
-    // Use a static map for common types, fallback to browser's lookup if available
-    const mimeTypes = {
-        pdf: 'application/pdf',
-        doc: 'application/msword',
-        docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-        xls: 'application/vnd.ms-excel',
-        xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-        ppt: 'application/vnd.ms-powerpoint',
-        pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-        txt: 'text/plain',
-        csv: 'text/csv',
-        json: 'application/json',
-        xml: 'application/xml',
-        html: 'text/html',
-        css: 'text/css',
-        js: 'application/javascript',
-        png: 'image/png',
-        jpg: 'image/jpeg',
-        jpeg: 'image/jpeg',
-        gif: 'image/gif',
-        svg: 'image/svg+xml',
-        zip: 'application/zip',
-        rar: 'application/x-rar-compressed',
-        '7z': 'application/x-7z-compressed'
-    };
-    const ext = extension.trim().toLowerCase();
-    if (mimeTypes[ext])
-        return mimeTypes[ext];
-    return 'application/octet-stream';
-}
-async function downloadFileFromUdpDriveFile(udpFile) {
-    try {
-        const downloadUrl = `${ConfigService.tenantV1ApiUrl}/UdpDrive/${udpFile.driveFileId}/stream`;
-        const response = await axios({
-            method: 'GET',
-            url: downloadUrl,
-            responseType: 'blob',
-            timeout: 300000,
-            headers: {}
-        });
-        const blob = response.data;
-        const fileName = udpFile.name || `file.${udpFile.extension}`;
-        return new File([blob], fileName, {
-            type: blob.type || getMimeTypeFromExtension(udpFile.extension),
-            lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()
-        });
-    }
-    catch (error) {
-        console.error('Error creating file from UdpDriveFile:', error);
-        const fileName = udpFile.name || `file.${udpFile.extension}`;
-        return new File([''], fileName, { type: 'application/octet-stream' });
-    }
-}
-
 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 = /*@__PURE__*/ proxyCustomElement(class SignatureInput extends H {
@@ -141,30 +82,56 @@ const SignatureInput = /*@__PURE__*/ proxyCustomElement(class SignatureInput ext
         }
     }
     async onInitialValueChange(newValue) {
-        let file = newValue;
-        if (file) {
-            if (Array.isArray(file)) {
-                file = file[0]; // Handle case where initialValue is an array
-            }
-            if (isUdpDriveFile(file)) {
-                try {
-                    const loadedFile = await downloadFileFromUdpDriveFile(file);
-                    this.value = loadedFile;
-                    this.readonly = false;
-                }
-                catch (err) {
-                    console.error('Failed to fetch UdpDriveFile for signature:', err);
-                    return;
+        if (!newValue) {
+            return;
+        }
+        try {
+            const value = Array.isArray(newValue) ? newValue[0] : newValue;
+            if (!value)
+                return;
+            let loadedFile = null;
+            // Case 1: The value is a special reference string (e.g., "name|udp:id" or "name|b64:data")
+            if (typeof value === 'string' && isFileReference(value)) {
+                const parsedFile = await parseFileReference(value);
+                if (parsedFile) {
+                    // If it was a UDP reference, the parsed file is a placeholder. We need to download the content.
+                    if (parsedFile.driveFileId) {
+                        const udpInfo = {
+                            name: parsedFile.name,
+                            driveFileId: parsedFile.driveFileId,
+                            extension: parsedFile.name.split('.').pop() || ''};
+                        loadedFile = await downloadFileFromUdpDriveFile(udpInfo);
+                    }
+                    else {
+                        // If it was a base64 reference, the file content is already loaded.
+                        loadedFile = parsedFile;
+                    }
                 }
             }
-            else if (typeof newValue === 'string') {
-                this.value = await this.urlToFile(newValue, 'initial_signature.png');
+            // Case 2: The value is a UdpDriveFile object
+            else if (isUdpDriveFile(value)) {
+                loadedFile = await downloadFileFromUdpDriveFile(value);
+            }
+            // Case 3: The value is a standard URL or data-uri string
+            else if (typeof value === 'string') {
+                loadedFile = await createFileFromString(value, 'initial_signature.png');
+            }
+            // Case 4: The value is already a File object
+            else if (isFile(value)) {
+                loadedFile = value;
+            }
+            // If a file was successfully prepared, update the component
+            if (loadedFile) {
+                this.value = loadedFile;
+                this.resizeCanvasForDPR();
+                this.initializeSignaturePad();
             }
             else {
-                this.value = newValue;
+                console.warn('Initial value could not be processed into a valid file:', value);
             }
-            this.resizeCanvasForDPR();
-            this.initializeSignaturePad();
+        }
+        catch (err) {
+            console.error('Failed to process initial value for signature pad:', err);
         }
     }
     async componentWillLoad() {
@@ -285,7 +252,7 @@ const SignatureInput = /*@__PURE__*/ proxyCustomElement(class SignatureInput ext
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: 'b56e3aa753999f61e26d33980c728ede6080b413', class: {
+        return (h(Host, { key: 'fbdb1a7c619c9d857b246cd0c22d76a2cdecbe5c', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -293,7 +260,7 @@ const SignatureInput = /*@__PURE__*/ proxyCustomElement(class SignatureInput ext
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '8166da65f5dc1002d6e5de643331c2c8728bb2ca', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'e5811a0937a2b5f59fa8eba6a2abf44931d53c4e', variant: "caption-text" }, h("label", { key: 'bf44b8563f260bff1db5ff1f1e136c14d8a2f32b', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '4ebc3753801e79d62da3b61aee8ed09203e22a42', class: containerClasses }, h("canvas", { key: '43860cbf141d3bb2f45ef62a88f0894697202161', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '45d1ed0764057bfe908ee89ea1a22376ecaaf84c', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '687f1694c19304cebdca3b03a32765ec177e72e6', class: "error-message" }, h("unity-typography", { key: 'ba66b72167f4b8165a72cd6f60dfc6a44707360a', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: 'cc61b8c78a837a27815cefe6f05a44aa0cf79fd3', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '68d20d02f044f0ca1c0a8318b6ac01cbf5878258', variant: "caption-text" }, h("label", { key: '33196dec5e0fda28b9e139837b8e0cad604731af', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '59421fd7fc93eabec847a43d035bdf23a8d837ed', class: containerClasses }, h("canvas", { key: '66510e6aed0c582a24ada1dea11ebf0052288b0f', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '42389616c9eff97410fe944d7b561dc3c34482ce', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '560500b756625db1788770e2a5fb9c4c35f661ae', class: "error-message" }, h("unity-typography", { key: '6a9ced9c1052e3a537759ad308f10a008312802c', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -344,6 +311,6 @@ function defineCustomElement() {
 }
 
 export { SignatureInput as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bv1MGbhE.js.map
+//# sourceMappingURL=p-B3gbGwCE.js.map
 
-//# sourceMappingURL=p-Bv1MGbhE.js.map
+//# sourceMappingURL=p-B3gbGwCE.js.map

package/dist/components/p-B3gbGwCE.js.map

@@ -0,0 +1 @@
+{"file":"p-B3gbGwCE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/signature-input/signature-input.css?tag=signature-input&encapsulation=shadow","src/components/my-component/UI/inputs/signature-input/signature-input.tsx"],"sourcesContent":["@import '../inputs.css';\n\n/* Size variants for canvas sizing */\n:host(.udp-input--size-small) .signature-canvas {\n  height: 150px;\n}\n\n:host(.udp-input--size-normal) .signature-canvas {\n  height: 200px;\n}\n\n:host(.udp-input--size-large) .signature-canvas {\n  height: 250px;\n}\n\n/* Size variants for clear button */\n:host(.udp-input--size-small) .clear-button {\n  padding: var(--spacing-01) var(--spacing-02);\n  font-size: var(--caption-font-size, 0.875rem);\n  top: var(--spacing-02);\n  right: var(--spacing-02);\n}\n\n:host(.udp-input--size-normal) .clear-button {\n  padding: var(--spacing-02) var(--spacing-03);\n  font-size: var(--body-font-size);\n  top: var(--spacing-02);\n  right: var(--spacing-02);\n}\n\n:host(.udp-input--size-large) .clear-button {\n  padding: var(--spacing-03) var(--spacing-04);\n  font-size: var(--body-font-size);\n  top: var(--spacing-03);\n  right: var(--spacing-03);\n}\n\n.signature-pad-container {\n  position: relative;\n  border: 1px solid var(--udp-mid-gray-color);\n  border-radius: 4px;\n  background-color: var(--udp-light-gray-color);\n}\n\n.signature-canvas {\n  display: block;\n  width: 100%;\n  height: 200px; /* Default height, overridden by density variants */\n}\n\n.signature-pad-container.readonly {\n  background-color: var(--udp-disabled-gray-color);\n}\n\n.signature-canvas.readonly {\n  cursor: not-allowed;\n}\n\n.clear-button {\n  position: absolute;\n  top: var(--spacing-02); /* Default, overridden by density variants */\n  right: var(--spacing-02); /* Default, overridden by density variants */\n  background-color: var(--udp-light-gray-color);\n  border: 1px solid var(--udp-mid-gray-color);\n  color: var(--udp-primary-color);\n  cursor: pointer;\n  border-radius: 4px;\n  padding: var(--spacing-02) var(--spacing-03); /* Default, overridden by density variants */\n}\n\n.clear-button:hover {\n  background-color: var(--udp-mid-gray-color);\n}\n\n.clear-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n","import { Component, Prop, h, State, Watch, Event, EventEmitter, Element, Host } from '@stencil/core';\nimport type SignaturePad from 'signature_pad';\nimport { UdpDriveFile } from '../../../../../global/types';\nimport { InputSize, InputMargin } from '../input-types';\nimport {\n  isUdpDriveFile,\n  isFileReference,\n  parseFileReference,\n  downloadFileFromUdpDriveFile,\n  createFileFromString,\n  isFile,\n} from '../file-upload/udp-drive-utils';\n\n@Component({\n  tag: 'signature-input',\n  styleUrl: 'signature-input.css',\n  shadow: true,\n})\nexport class SignatureInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label for the input field.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the input.\n   */\n  @Prop() id: string;\n\n  /**\n   * Whether the field is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Whether the field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the field is read-only.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() error: string;\n\n  /**\n   * Size variant for the signature input.\n   * - 'small': Compact signature area\n   * - 'normal': Standard signature area (default)\n   * - 'large': Generous signature area\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * The current value of the signature, can be a File or UdpDriveFile.\n   */\n  @Prop({ mutable: true }) value: File | UdpDriveFile;\n\n  /**\n   * The initial value, used if `value` is not provided.\n   */\n  @Prop() initialValue: File | UdpDriveFile | string;\n\n  /**\n   * Emitted when the signature changes.\n   */\n  @Event() change: EventEmitter<File | null>;\n\n  @State() private internalError: string;\n  @State() private signaturePad: SignaturePad;\n\n  private canvasEl: HTMLCanvasElement;\n  private SignaturePadLib: typeof SignaturePad;\n\n  private lastCanvasRect: DOMRect;\n  private resizeTimeout: any;\n\n  @Watch('error')\n  onErrorChange(newValue: string) {\n    this.internalError = newValue;\n  }\n\n  @Watch('value')\n  async onValueChange(newValue: File | UdpDriveFile) {\n    await this.loadSignaturePad();\n    if (this.signaturePad) {\n      this.signaturePad.clear();\n      if (newValue) {\n        this.loadSignature(newValue);\n      }\n    }\n  }\n\n  @Watch('initialValue')\n  async onInitialValueChange(newValue: any) {\n    if (!newValue) {\n      return;\n    }\n\n    try {\n      const value = Array.isArray(newValue) ? newValue[0] : newValue;\n      if (!value) return;\n\n      let loadedFile: File | null = null;\n\n      // Case 1: The value is a special reference string (e.g., \"name|udp:id\" or \"name|b64:data\")\n      if (typeof value === 'string' && isFileReference(value)) {\n        const parsedFile = await parseFileReference(value);\n\n        if (parsedFile) {\n          // If it was a UDP reference, the parsed file is a placeholder. We need to download the content.\n          if ((parsedFile as any).driveFileId) {\n            const udpInfo: Partial<UdpDriveFile> = {\n              name: parsedFile.name,\n              driveFileId: (parsedFile as any).driveFileId,\n              extension: parsedFile.name.split('.').pop() || '',\n              tenantId: null, // Dummy value, assuming not needed for download\n              productId: 0,   // Dummy value\n              path: '',       // Dummy value\n            };\n            loadedFile = await downloadFileFromUdpDriveFile(udpInfo);\n          } else {\n            // If it was a base64 reference, the file content is already loaded.\n            loadedFile = parsedFile;\n          }\n        }\n      }\n      // Case 2: The value is a UdpDriveFile object\n      else if (isUdpDriveFile(value)) {\n        loadedFile = await downloadFileFromUdpDriveFile(value);\n      }\n      // Case 3: The value is a standard URL or data-uri string\n      else if (typeof value === 'string') {\n        loadedFile = await createFileFromString(value, 'initial_signature.png');\n      }\n      // Case 4: The value is already a File object\n      else if (isFile(value)) {\n        loadedFile = value;\n      }\n\n      // If a file was successfully prepared, update the component\n      if (loadedFile) {\n        this.value = loadedFile;\n        this.resizeCanvasForDPR();\n        this.initializeSignaturePad();\n      } else {\n        console.warn('Initial value could not be processed into a valid file:', value);\n      }\n    } catch (err) {\n      console.error('Failed to process initial value for signature pad:', err);\n    }\n  }\n\n  async componentWillLoad() {\n    this.internalError = this.error;\n    await this.loadSignaturePad();\n  }\n\n  async componentDidLoad() {\n    let file = this.initialValue;\n    if (file) {\n      if(Array.isArray(file)) {\n        file = file[0]; // Handle case where initialValue is an array\n      }\n      if (isUdpDriveFile(this.initialValue)) {\n        // Try to fetch the file from UdpDriveFile\n        console.log('Loading signature from UdpDriveFile:', this.initialValue);\n        try {\n          const file = await downloadFileFromUdpDriveFile(this.initialValue as UdpDriveFile);\n          this.value = file;\n          this.readonly = false; // Try editable first\n        } catch (err) {\n          console.error('Failed to fetch UdpDriveFile for signature:', err);\n          this.value = this.initialValue;\n          this.readonly = true; // Fallback to readonly if not editable\n        }\n      } else {\n        this.value = await this.urlToFile(this.initialValue as string, 'initial_signature.png');\n      }\n    }\n    this.resizeCanvasForDPR();\n    this.initializeSignaturePad();\n    this.lastCanvasRect = this.canvasEl.getBoundingClientRect();\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize);\n    if (this.resizeTimeout) clearTimeout(this.resizeTimeout);\n  }\n\n  private handleResize = () => {\n    if (this.resizeTimeout) clearTimeout(this.resizeTimeout);\n    this.resizeTimeout = setTimeout(() => {\n      const rect = this.canvasEl.getBoundingClientRect();\n      if (!this.lastCanvasRect || rect.width !== this.lastCanvasRect.width || rect.height !== this.lastCanvasRect.height) {\n        // Save current signature as dataURL\n        let dataURL = this.signaturePad && !this.signaturePad.isEmpty() ? this.signaturePad.toDataURL() : null;\n        this.resizeCanvasForDPR();\n        this.initializeSignaturePad();\n        this.lastCanvasRect = rect;\n        // Restore signature if it existed\n        if (dataURL && this.signaturePad) {\n          this.signaturePad.fromDataURL(dataURL);\n        }\n      }\n    }, 200);\n  }\n\n  private resizeCanvasForDPR() {\n    if (!this.canvasEl) return;\n    const ratio = window.devicePixelRatio || 1;\n    // Get the CSS size\n    const rect = this.canvasEl.getBoundingClientRect();\n    this.canvasEl.width = rect.width * ratio;\n    this.canvasEl.height = rect.height * ratio;\n    this.canvasEl.getContext('2d').scale(ratio, ratio);\n  }\n\n  private async loadSignaturePad() {\n    if (!this.SignaturePadLib) {\n      try {\n        const module = await import('signature_pad');\n        this.SignaturePadLib = module.default;\n      } catch (e) {\n        console.error('Failed to load signature_pad library', e);\n      }\n    }\n  }\n\n  private initializeSignaturePad() {\n    this.resizeCanvasForDPR();\n    if (this.SignaturePadLib && this.canvasEl) {\n      this.signaturePad = new this.SignaturePadLib(this.canvasEl);\n      this.signaturePad.addEventListener(\"endStroke\", this.handleSignatureEnd);\n      this.handleStateChange();\n      if (this.value) {\n        this.loadSignature(this.value);\n      }\n    }\n  }\n\n  @Watch('disabled')\n  @Watch('readonly')\n  handleStateChange() {\n    if (this.signaturePad) {\n      if (this.disabled || this.readonly) {\n        this.signaturePad.off();\n      } else {\n        this.signaturePad.on();\n      }\n    }\n  }\n\n  private handleSignatureEnd = async () => {\n    if (this.signaturePad.isEmpty()) {\n      this.value = null;\n      this.change.emit(null);\n    } else {\n      const dataURL = this.signaturePad.toDataURL();\n      const signatureFile = await this.urlToFile(dataURL, 'signature.png');\n      this.value = signatureFile;\n      this.change.emit(signatureFile);\n    }\n  };\n\n  private async loadSignature(signatureValue: File | UdpDriveFile | string) {\n    let imageUrl: string;\n    if (typeof signatureValue === 'string') {\n      imageUrl = signatureValue;\n    } else if (isUdpDriveFile(signatureValue)) {\n      try {\n        const file = await downloadFileFromUdpDriveFile(signatureValue as UdpDriveFile);\n        imageUrl = URL.createObjectURL(file);\n      } catch (error) {\n        console.error('Error loading signature image from UdpDriveFile:', error);\n        return;\n      }\n    } else if (signatureValue instanceof File) {\n      imageUrl = URL.createObjectURL(signatureValue);\n    }\n\n    if (imageUrl && this.signaturePad) {\n      this.signaturePad.fromDataURL(imageUrl, {\n        ratio: window.devicePixelRatio,\n        width: this.canvasEl.width,\n        height: this.canvasEl.height,\n      });\n    }\n  }\n\n  private async urlToFile(url: string, filename: string): Promise<File> {\n    const res = await fetch(url);\n    const blob = await res.blob();\n    return new File([blob], filename, { type: blob.type });\n  }\n\n  private clearSignature = () => {\n    if (this.signaturePad) {\n      this.signaturePad.clear();\n      this.handleSignatureEnd(); // to emit the change\n    }\n  };\n\n  render() {\n    const isError = !!this.internalError;\n    const containerClasses = {\n      'signature-pad-container': true,\n      'readonly': this.readonly,\n      'disabled': this.disabled,\n    };\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--required': this.required,\n          'udp-input--readonly': this.readonly,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n      >\n        <div class=\"bx--form-item\">\n          {this.label && (\n            <unity-typography variant=\"caption-text\">\n              <label htmlFor={this.id} class=\"bx--label\">\n                {this.label}\n                {this.required && '*'}\n              </label>\n            </unity-typography>\n          )}\n          <div class={containerClasses}>\n            <canvas\n              ref={el => (this.canvasEl = el as HTMLCanvasElement)}\n              class={{ 'signature-canvas': true, 'readonly': this.readonly || this.disabled }}\n              id={this.id}\n            ></canvas>\n            {!this.readonly && !this.disabled && (\n              <button\n                type=\"button\"\n                class=\"clear-button\"\n                onClick={this.clearSignature}\n                disabled={this.disabled}\n              >\n                Clear\n              </button>\n            )}\n          </div>\n          {isError && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{this.internalError}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ves_LtSN.js → p-B6A-djr0.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
-import { d as defineCustomElement$4 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$4 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$3 } from './p-Ci_CQV-N.js';
-import { d as defineCustomElement$2 } from './p-BTIWOttf.js';
+import { d as defineCustomElement$2 } from './p-W_kxEzVl.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const typographyVariantsList = [
@@ -111,6 +111,6 @@ function defineCustomElement() {
 }
 
 export { UdpFormsBuilderStyleOverride as U, defineCustomElement as d };
-//# sourceMappingURL=p-ves_LtSN.js.map
+//# sourceMappingURL=p-B6A-djr0.js.map
 
-//# sourceMappingURL=p-ves_LtSN.js.map
+//# sourceMappingURL=p-B6A-djr0.js.map

package/dist/components/{p-ves_LtSN.js.map → p-B6A-djr0.js.map}

@@ -1 +1 @@
-{"file":"p-ves_LtSN.js","mappings":";;;;;;AAGO,MAAM,sBAAsB,GAAwB;IACzD,MAAM;IACN,OAAO;IACP,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,QAAQ;CACT;;ACnBD,MAAM,+BAA+B,GAAG,sEAAsE;;MCQjG,4BAA4B,iBAAAA,kBAAA,CAAA,MAAA,4BAAA,SAAAC,CAAA,CAAA;;;;;;AAK/B,IAAA,oBAAoB,CAAC,KAAa,EAAE,QAAuB,EAAE,KAAa,EAAA;AAChF,QAAA,MAAM,OAAO,GAAQ,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,YAAY,CAAE;AAExC,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;AAC3B,YAAA,OAAO,CAAC,cAAc,GAAG,EAAE;;QAG7B,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAClC,gBAAA,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE;;YAGnC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAS,CAAC,QAAQ,CAAC,GAAG,KAAK;;aACnD;AACJ,YAAA,OAAO,CAAC,cAAsB,CAAC,KAAK,CAAC,GAAG,KAAK;;AAGhD,QAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;;AAG5B,IAAA,oBAAoB,CAAC,KAAa,EAAE,KAAa,EAAE,KAAa,EAAE,QAAiB,EAAA;AACzF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAE7C,CAAA,CAAA,YAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,CAAC,CAAQ,KAAI;gBACpB,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AAC1F,aAAC,EAAA,CACW,CACV;;AAIF,IAAA,wBAAwB,CAAC,KAAa,EAAE,KAAa,EAAE,KAAa,EAAE,QAAiB,EAAA;AAC7F,QAAA,MAAM,iBAAiB,GAAG;AACxB,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YAC5B,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,KAAK;AACxC,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,OAAO;AACf,aAAA,CAAC,CAAC;SACJ;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAA,CAAA,cAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAG,EAAA,KAAK,CAAI,CAAA,EAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,MAAA,GAAA,QAAQ,GAAI,EAAE,CAAA,CAAE,EACjC,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAc,KAAI;AAC3B,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;gBACd,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC;AACtD,aAAC,EAAA,CACa,CACZ;;IAIV,MAAM,GAAA;;;QAGJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAA0C,EAAA,wBAAA,CAAA,EACvE,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,0CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,YAAY,EAAE,iBAAiB,CAAC,EACpI,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,0CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,YAAY,EAAE,iBAAiB,CAAC,EACpI,IAAI,CAAC,oBAAoB,CAAC,yBAAyB,EAAE,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,0CAAE,qBAAqB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,uBAAuB,CAAC,EAC9H,CAAe,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACf,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAyB,EAAA,OAAA,CAAA,EACtD,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,0CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,YAAY,CAAC,EAC3F,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,0CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,cAAc,EAAE,YAAY,CAAC,EACvI,IAAI,CAAC,wBAAwB,CAAC,0BAA0B,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,cAAc,EAAE,SAAS,CAAC,EACpI,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,0CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC,EAC9H,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,WAAW,EAAE,SAAS,CAAC,EAC3H,IAAI,CAAC,oBAAoB,CAAC,4BAA4B,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,0CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,eAAe,EAAE,YAAY,CAAC,EAC1I,IAAI,CAAC,wBAAwB,CAAC,2BAA2B,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,0CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,EACvI,IAAI,CAAC,oBAAoB,CAAC,yBAAyB,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,0CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAE,YAAY,EAAE,YAAY,CAAC,EACjI,IAAI,CAAC,wBAAwB,CAAC,wBAAwB,EAAE,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC,CAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/typographyVariantsList.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.css?tag=udp-forms-builder-style-override&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.tsx"],"sourcesContent":["import {TypographyVariant} from '../../../unity-typography/types';\n\n\nexport const typographyVariantsList: TypographyVariant[] = [\n  'body',\n  'body1',\n  'body2',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'caption-text',\n  'data-display-one',\n  'data-display-two',\n  'data-display-three',\n  'data-display-four',\n  'button',\n];\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 16px);\n}","import { Component, h, Prop, Host } from '@stencil/core';\nimport { typographyVariantsList } from './typographyVariantsList';\n\n@Component({\n  tag: 'udp-forms-builder-style-override',\n  styleUrl: 'udp-forms-builder-style-override.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderStyleOverride {\n  @Prop() formMetadata: any;\n  @Prop() isVisible: boolean;\n  @Prop() onFormMetadataChange: (updatedMetadata: {}) => void;\n\n  private styleOverrideHandler(field: string, subfield: string | null, value: string) {\n    const updated = { ...this.formMetadata };\n\n    if (!updated.styleOverrides) {\n      updated.styleOverrides = {};\n    }\n\n    if (subfield) {\n      if (!updated.styleOverrides[field]) {\n        updated.styleOverrides[field] = {};\n      }\n\n      (updated.styleOverrides[field] as any)[subfield] = value;\n    } else {\n      (updated.styleOverrides as any)[field] = value;\n    }\n\n    this.onFormMetadataChange(updated);\n  }\n\n  private renderStyleTextField(label: string, value: string, field: string, subfield?: string) {\n    return (\n      <div class=\"form-style-override-item-container\">\n        {/* <unity-typography variant={'h5'}>{label}</unity-typography> */}\n        <text-field\n          label={label}\n          value={value || ''}\n          placeholder={label}\n          onInput={(e: Event) => {\n            e.preventDefault();\n            this.styleOverrideHandler(field, subfield ?? null, (e.target as HTMLInputElement).value);\n          }}\n        ></text-field>\n      </div>\n    );\n  }\n\n  private renderStyleDropdownField(label: string, value: string, field: string, subfield?: string) {\n    const typographyOptions = [\n      { value: '', label: 'None' },\n      ...typographyVariantsList.map(variant => ({\n        value: variant,\n        label: variant,\n      })),\n    ];\n\n    return (\n      <div class=\"form-style-override-item-container\">\n        <udp-selector\n          label={label}\n          key={`${field}-${subfield ?? ''}`}\n          initialValue={value}\n          options={typographyOptions}\n          disabled={false}\n          onChange={(e: CustomEvent) => {\n            console.log(e);\n            this.styleOverrideHandler(field, subfield, e.detail);\n          }}\n        ></udp-selector>\n      </div>\n    );\n  }\n\n  render() {\n    // if (!this.isVisible) return null;\n\n    return (\n      <Host>\n        <unity-typography variant=\"h6\">Backgrounds and Colors</unity-typography>\n        {this.renderStyleTextField('Background Image', this.formMetadata?.background?.backgroundImage ?? '', 'background', 'backgroundImage')}\n        {this.renderStyleTextField('Background Color', this.formMetadata?.background?.backgroundColor ?? '', 'background', 'backgroundColor')}\n        {this.renderStyleTextField('Header Background Color', this.formMetadata?.headerBackgroundColor ?? '', 'headerBackgroundColor')}\n        <udp-divider />\n        <unity-typography variant=\"h6\">Fonts</unity-typography>\n        {this.renderStyleTextField('Font Family', this.formMetadata?.fontFamily ?? '', 'fontFamily')}\n        {this.renderStyleTextField('Question Text Font Family', this.formMetadata?.questionText?.fontFamily ?? '', 'questionText', 'fontFamily')}\n        {this.renderStyleDropdownField('Question Text Typography', this.formMetadata?.questionText?.variant ?? '', 'questionText', 'variant')}\n        {this.renderStyleTextField('Title Text Font Family', this.formMetadata?.titleText?.fontFamily ?? '', 'titleText', 'fontFamily')}\n        {this.renderStyleDropdownField('Title Text Typography', this.formMetadata?.titleText?.variant ?? '', 'titleText', 'variant')}\n        {this.renderStyleTextField('Paragraph Text Font Family', this.formMetadata?.paragraphText?.fontFamily ?? '', 'paragraphText', 'fontFamily')}\n        {this.renderStyleDropdownField('Paragraph Text Typography', this.formMetadata?.paragraphText?.variant ?? '', 'paragraphText', 'variant')}\n        {this.renderStyleTextField('Helper Text Font Family', this.formMetadata?.helperText?.fontFamily ?? '', 'helperText', 'fontFamily')}\n        {this.renderStyleDropdownField('Helper Text Typography', this.formMetadata?.helperText?.variant ?? '', 'helperText', 'variant')}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-B6A-djr0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/typographyVariantsList.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.css?tag=udp-forms-builder-style-override&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.tsx"],"sourcesContent":["import {TypographyVariant} from '../../../unity-typography/types';\n\n\nexport const typographyVariantsList: TypographyVariant[] = [\n  'body',\n  'body1',\n  'body2',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'caption-text',\n  'data-display-one',\n  'data-display-two',\n  'data-display-three',\n  'data-display-four',\n  'button',\n];\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 16px);\n}","import { Component, h, Prop, Host } from '@stencil/core';\nimport { typographyVariantsList } from './typographyVariantsList';\n\n@Component({\n  tag: 'udp-forms-builder-style-override',\n  styleUrl: 'udp-forms-builder-style-override.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderStyleOverride {\n  @Prop() formMetadata: any;\n  @Prop() isVisible: boolean;\n  @Prop() onFormMetadataChange: (updatedMetadata: {}) => void;\n\n  private styleOverrideHandler(field: string, subfield: string | null, value: string) {\n    const updated = { ...this.formMetadata };\n\n    if (!updated.styleOverrides) {\n      updated.styleOverrides = {};\n    }\n\n    if (subfield) {\n      if (!updated.styleOverrides[field]) {\n        updated.styleOverrides[field] = {};\n      }\n\n      (updated.styleOverrides[field] as any)[subfield] = value;\n    } else {\n      (updated.styleOverrides as any)[field] = value;\n    }\n\n    this.onFormMetadataChange(updated);\n  }\n\n  private renderStyleTextField(label: string, value: string, field: string, subfield?: string) {\n    return (\n      <div class=\"form-style-override-item-container\">\n        {/* <unity-typography variant={'h5'}>{label}</unity-typography> */}\n        <text-field\n          label={label}\n          value={value || ''}\n          placeholder={label}\n          onInput={(e: Event) => {\n            e.preventDefault();\n            this.styleOverrideHandler(field, subfield ?? null, (e.target as HTMLInputElement).value);\n          }}\n        ></text-field>\n      </div>\n    );\n  }\n\n  private renderStyleDropdownField(label: string, value: string, field: string, subfield?: string) {\n    const typographyOptions = [\n      { value: '', label: 'None' },\n      ...typographyVariantsList.map(variant => ({\n        value: variant,\n        label: variant,\n      })),\n    ];\n\n    return (\n      <div class=\"form-style-override-item-container\">\n        <udp-selector\n          label={label}\n          key={`${field}-${subfield ?? ''}`}\n          initialValue={value}\n          options={typographyOptions}\n          disabled={false}\n          onChange={(e: CustomEvent) => {\n            console.log(e);\n            this.styleOverrideHandler(field, subfield, e.detail);\n          }}\n        ></udp-selector>\n      </div>\n    );\n  }\n\n  render() {\n    // if (!this.isVisible) return null;\n\n    return (\n      <Host>\n        <unity-typography variant=\"h6\">Backgrounds and Colors</unity-typography>\n        {this.renderStyleTextField('Background Image', this.formMetadata?.background?.backgroundImage ?? '', 'background', 'backgroundImage')}\n        {this.renderStyleTextField('Background Color', this.formMetadata?.background?.backgroundColor ?? '', 'background', 'backgroundColor')}\n        {this.renderStyleTextField('Header Background Color', this.formMetadata?.headerBackgroundColor ?? '', 'headerBackgroundColor')}\n        <udp-divider />\n        <unity-typography variant=\"h6\">Fonts</unity-typography>\n        {this.renderStyleTextField('Font Family', this.formMetadata?.fontFamily ?? '', 'fontFamily')}\n        {this.renderStyleTextField('Question Text Font Family', this.formMetadata?.questionText?.fontFamily ?? '', 'questionText', 'fontFamily')}\n        {this.renderStyleDropdownField('Question Text Typography', this.formMetadata?.questionText?.variant ?? '', 'questionText', 'variant')}\n        {this.renderStyleTextField('Title Text Font Family', this.formMetadata?.titleText?.fontFamily ?? '', 'titleText', 'fontFamily')}\n        {this.renderStyleDropdownField('Title Text Typography', this.formMetadata?.titleText?.variant ?? '', 'titleText', 'variant')}\n        {this.renderStyleTextField('Paragraph Text Font Family', this.formMetadata?.paragraphText?.fontFamily ?? '', 'paragraphText', 'fontFamily')}\n        {this.renderStyleDropdownField('Paragraph Text Typography', this.formMetadata?.paragraphText?.variant ?? '', 'paragraphText', 'variant')}\n        {this.renderStyleTextField('Helper Text Font Family', this.formMetadata?.helperText?.fontFamily ?? '', 'helperText', 'fontFamily')}\n        {this.renderStyleDropdownField('Helper Text Typography', this.formMetadata?.helperText?.variant ?? '', 'helperText', 'variant')}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D0T6NTw2.js → p-BANMRVyZ.js}

@@ -13,7 +13,7 @@ const UdpSkeletonLoading = /*@__PURE__*/ proxyCustomElement(class UdpSkeletonLoa
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '8527fcf0f7de753f16ded8d183e4bc8e7b74d81b', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '4b9d1b3e81b933e8cde43a9f40e23c205f124e84', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get style() { return udpSkeletonLoadingCss; }
 }, [1, "udp-skeleton-loading", {
@@ -36,6 +36,6 @@ function defineCustomElement() {
 }
 
 export { UdpSkeletonLoading as U, defineCustomElement as d };
-//# sourceMappingURL=p-D0T6NTw2.js.map
+//# sourceMappingURL=p-BANMRVyZ.js.map
 
-//# sourceMappingURL=p-D0T6NTw2.js.map
+//# sourceMappingURL=p-BANMRVyZ.js.map

package/dist/components/{p-D0T6NTw2.js.map → p-BANMRVyZ.js.map}

@@ -1 +1 @@
-{"file":"p-D0T6NTw2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AACvB,QAAA,IAAY,CAAA,YAAA,GAAW,KAAK;AASrC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,CAEzG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-skeleton-loading.css?tag=udp-skeleton-loading&encapsulation=shadow","src/components/my-component/UI/loaders/udp-skeleton-loading.tsx"],"sourcesContent":["/* udp-skeleton-loading.css */\n.skeleton-loader {\n    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n    background-size: 1000px 100%;\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  /* Animation */\n  .skeleton-loader::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n    animation: load 1.5s infinite;\n  }\n  \n  @keyframes load {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n  ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-skeleton-loading',\n  styleUrl: 'udp-skeleton-loading.css',\n  shadow: true\n})\nexport class UdpSkeletonLoading {\n  // You can use properties to define the size, shape, etc.\n  @Prop() width: string = '100%';\n  @Prop() height: string = '20px';\n  @Prop() borderRadius: string = '4px';\n\n  render() {\n    return (\n      <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n        {/* Additional markup if needed */}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BANMRVyZ.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AACvB,QAAA,IAAY,CAAA,YAAA,GAAW,KAAK;AASrC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,CAEzG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-skeleton-loading.css?tag=udp-skeleton-loading&encapsulation=shadow","src/components/my-component/UI/loaders/udp-skeleton-loading.tsx"],"sourcesContent":["/* udp-skeleton-loading.css */\n.skeleton-loader {\n    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n    background-size: 1000px 100%;\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  /* Animation */\n  .skeleton-loader::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n    animation: load 1.5s infinite;\n  }\n  \n  @keyframes load {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n  ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-skeleton-loading',\n  styleUrl: 'udp-skeleton-loading.css',\n  shadow: true\n})\nexport class UdpSkeletonLoading {\n  // You can use properties to define the size, shape, etc.\n  @Prop() width: string = '100%';\n  @Prop() height: string = '20px';\n  @Prop() borderRadius: string = '4px';\n\n  render() {\n    return (\n      <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n        {/* Additional markup if needed */}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D-JeGky8.js → p-BB2sALAW.js}

@@ -124,7 +124,7 @@ const DynamicContainerWithMenu = /*@__PURE__*/ proxyCustomElement(class DynamicC
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: '716b186bf773d0f1d53330d6b8db1cf896ef5857', class: "container" }, h("div", { key: '73300ab56f622d8368fc2485d3faf5c0ca1b083f', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '75272f2c03e85073266504e1910fc303eb3cb9f8', class: "overflow" }, h("udp-pop-over", { key: '4a14ca56c6e2c6e78ff1b545d8fb24c1ca5af5c9', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'a1f6c93c9e025f09e6bfc9df0eebfc6e5e366759', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: '71558adeae7a5346bb4e7a790ac33b9457ec146b', class: "container" }, h("div", { key: '91800e874a4fafacfbb0d1d5ba1a4449dff1b060', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '5a2c2038fefae74528e5e5fbe8f3fcdabfd61943', class: "overflow" }, h("udp-pop-over", { key: '3b3a65b65eeec241117bfc65fedd5d7a425c8338', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '1bb563def60809fbccd41e12d57376e6544883c2', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -174,6 +174,6 @@ function defineCustomElement() {
 }
 
 export { DynamicContainerWithMenu as D, defineCustomElement as d };
-//# sourceMappingURL=p-D-JeGky8.js.map
+//# sourceMappingURL=p-BB2sALAW.js.map
 
-//# sourceMappingURL=p-D-JeGky8.js.map
+//# sourceMappingURL=p-BB2sALAW.js.map

package/dist/components/{p-D-JeGky8.js.map → p-BB2sALAW.js.map}

@@ -1 +1 @@
-{"file":"p-D-JeGky8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.css?tag=udp-dynamic-container-with-menu&encapsulation=shadow","src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.tsx"],"sourcesContent":[".container {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-wrap: nowrap;\n    flex: 1;\n    min-width: 600px;\n    /* background-color: azure; */\n  }\n  \n.menu {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.chips {\n  display: flex; \n  gap: 8px; \n  flex-grow: 1;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n\n.overflow {\n  display: flex;\n}","import { Component, State, h, Prop, Element, Watch, Method, Event, EventEmitter } from '@stencil/core';\n//import Menu16 from '@carbon/icons/es/menu/16';\n\nfunction debounce(func: (...args: any[]) => void, wait: number): (...args: any[]) => void {\n  let timeout: NodeJS.Timeout | null = null;\n  return (...args: any[]) => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  };\n}\n\n@Component({\n  tag: 'udp-dynamic-container-with-menu',\n  styleUrl: 'udp-dynamic-container-with-menu.css',\n  shadow: true,\n})\nexport class DynamicContainerWithMenu {\n  @Element() el: HTMLElement;\n  @State() visibleChildren: any[] | null = null;\n\n  @State() menuChildren = [];\n  @State() anchorEl: HTMLElement | null = null;\n  containerWidth: number = 0;\n  @State() rerender: number = 0;\n  @State() renderReady: boolean = false; // a flag to indicate readiness to render\n  @State() popoverOpen: boolean = false;\n  @Prop() externalToggle: string = '';\n\n  @Prop() menuItems: any[] = []; // renamed from children\n\n  @Event() udpChipClicked: EventEmitter<string>;\n\n  open: boolean = false;\n  id: string = '';\n  boundCalculateChildren: any;\n\n  constructor() {\n    this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);\n  }\n  \n// Was causing a loop when connected to the api\n  // connectedCallback() {\n  //   this.calculateChildren();\n  // }\n\n\n  componentWillLoad() {\n    // This lifecycle hook will be called before the first render,\n    // ensuring calculateChildren is called before the component renders\n    // this.calculateChildren();\n  }\n\n  componentWillUpdate() {\n    // This lifecycle hook will be called before every update (re-render),\n    // ensuring calculateChildren is called before the component re-renders\n    // this.calculateChildren();\n  }\n\n  \n  \n\n\n  @Method()\n  async calculateChildren() {\n    if (!this.el.shadowRoot) return;\n  \n    console.log('Calculating children...');\n    console.log('Menu Items:', JSON.stringify(this.menuItems));\n    \n    const container: HTMLElement | null = this.el.shadowRoot.querySelector('.container')  ;\n    console.log('Container:', container);\n\n\n    \n    if (container) {\n      this.containerWidth = container.offsetWidth ;\n      console.log('Container Width:', this.containerWidth);\n    }\n  \n    let currentWidth = 0;\n    const newVisibleChildren = [];\n    const newMenuChildren = [];\n  \n    this.menuItems.forEach((child) => {\n      if (child) {\n        const childWidth = (child as any).props?.width || 100;\n        // console.log(`Child[${index}] Width:`, childWidth);\n        \n        if (currentWidth + childWidth <= this.containerWidth) {\n          currentWidth += childWidth;\n          newVisibleChildren.push(child);\n        } else {\n          newMenuChildren.push(child);\n        }\n      }\n    });\n\n    \n    this.visibleChildren = [...newVisibleChildren];\n    this.menuChildren = [...newMenuChildren];\n    this.rerender += 1;\n  }\n  \n\n  @Watch('menuItems')\n  childrenChanged() {\n    this.calculateChildren();\n  }\n\n  async componentDidLoad() {\n    // Existing logic\n    await this.calculateChildren().then(() => {\n      this.renderReady = true;  // set the flag to true after calculating\n    });\n    window.addEventListener('resize', this.boundCalculateChildren);\n\n    // New logic for listening to stencil-chip click events\n    const chips = Array.from(document.querySelectorAll('stencil-chip'));\n    chips.forEach(chip => {\n      chip.addEventListener('chipClicked', (event: CustomEvent) => {\n        // Forward this data to the upper-level parent\n        const chipText = event.detail;\n        this.handleChipClick(chipText);\n      });\n    });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.boundCalculateChildren);\n  }\n\n  // handlePopoverClick(event?: Event) {\n  //   if (!event) return;\n  //   this.anchorEl = event.target as HTMLElement;\n  //   this.open = Boolean(this.anchorEl);\n  //   this.id = this.open ? 'simple-popover' : undefined;\n  // }\n\n  // handlePopoverClose() {\n  //   this.anchorEl = null;\n  //   this.open = false;\n  // }\n\n  handlePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  }\n\n\n  // handleChipClick = (event: CustomEvent) => {\n  //   const chipLabel = event.detail;\n   \n  // }\n\n  handleChipClick(chipText: string) {\n    this.udpChipClicked.emit(chipText);\n  }\n\n\n  render() {\n  \n    return (\n      <div class=\"container\">\n        {/* <div class=\"chips\">\n          {this.visibleChildren && this.visibleChildren.map((child, index) => (\n            <stencil-chip color=\"secondary\" key={index} text={child.label} show-delete=\"false\" > </stencil-chip>\n          ))}\n        </div> */}\n\n<div class=\"chips\">\n{console.log('Received data for chips via executeQwith', this.visibleChildren)}\n      {this.visibleChildren && this.visibleChildren.map((child, index) => (\n        <stencil-chip\n          color=\"secondary\"\n          key={index}\n          text={child.description\n          }\n          show-delete=\"false\"\n          externalToggleString={this.externalToggle}\n        >\n        </stencil-chip>\n      ))}\n      \n    </div>\n\n\n    <div class=\"overflow\" >\n      {/* @todo: overflow button commented out */}\n        {/* <stencil-icon-button showLabel={false}  icon={Menu16}  onClick={this.handlePopover}></stencil-icon-button> */}\n        <udp-pop-over isOpen={this.popoverOpen} anchorElement={document.getElementById('anchorElement')}>\n            <div class=\"menu\" >\n            {this.menuChildren && this.menuChildren.map((child, index) => (\n                        <stencil-chip key={index} text={child.label}  show-delete=\"false\" > </stencil-chip>\n            ))}\n            </div>\n        </udp-pop-over>\n       \n        </div>      \n      </div>\n    );\n  }\n  \n  \n\n}\n"],"version":3}
+{"file":"p-BB2sALAW.js","mappings":";;;;;AAAA,MAAM,8BAA8B,GAAG,+MAA+M;;ACCtP;AAEA,SAAS,QAAQ,CAAC,IAA8B,EAAE,IAAY,EAAA;IAC5D,IAAI,OAAO,GAA0B,IAAI;AACzC,IAAA,OAAO,CAAC,GAAG,IAAW,KAAI;QACxB,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC;;AAEvB,QAAA,OAAO,GAAG,UAAU,CAAC,MAAK;AACxB,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC;SACd,EAAE,IAAI,CAAC;AACV,KAAC;AACH;MAOa,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;AAoBnC,IAAA,WAAA,GAAA;;;;;AAlBS,QAAA,IAAe,CAAA,eAAA,GAAiB,IAAI;AAEpC,QAAA,IAAY,CAAA,YAAA,GAAG,EAAE;AACjB,QAAA,IAAQ,CAAA,QAAA,GAAuB,IAAI;AAC5C,QAAA,IAAc,CAAA,cAAA,GAAW,CAAC;AACjB,QAAA,IAAQ,CAAA,QAAA,GAAW,CAAC;AACpB,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK,CAAC;AAC7B,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC7B,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAE3B,QAAA,IAAA,CAAA,SAAS,GAAU,EAAE,CAAC;AAI9B,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACrB,QAAA,IAAE,CAAA,EAAA,GAAW,EAAE;;;;;;;;;;;AA8Gf,QAAA,IAAa,CAAA,aAAA,GAAG,MAAK;AACnB,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;AACtC,SAAC;AA5GC,QAAA,IAAI,CAAC,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;AAC/E;;;;;IAQD,iBAAiB,GAAA;;;;;IAMjB,mBAAmB,GAAA;;;;;AAWnB,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU;YAAE;AAEzB,QAAA,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;AACtC,QAAA,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE1D,QAAA,MAAM,SAAS,GAAuB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;AACpF,QAAA,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC;QAIpC,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC,WAAW;YAC3C,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC;;QAGtD,IAAI,YAAY,GAAG,CAAC;QACpB,MAAM,kBAAkB,GAAG,EAAE;QAC7B,MAAM,eAAe,GAAG,EAAE;QAE1B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;;YAC/B,IAAI,KAAK,EAAE;AACT,gBAAA,MAAM,UAAU,GAAG,CAAA,CAAC,EAAA,GAAA,KAAa,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,KAAI,GAAG;;gBAGrD,IAAI,YAAY,GAAG,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE;oBACpD,YAAY,IAAI,UAAU;AAC1B,oBAAA,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;qBACzB;AACL,oBAAA,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAGjC,SAAC,CAAC;AAGF,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,GAAG,kBAAkB,CAAC;AAC9C,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,eAAe,CAAC;AACxC,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC;;IAKpB,eAAe,GAAA;QACb,IAAI,CAAC,iBAAiB,EAAE;;AAG1B,IAAA,MAAM,gBAAgB,GAAA;;QAEpB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,MAAK;AACvC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAC1B,SAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC;;AAG9D,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;AACnE,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;YACnB,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,KAAkB,KAAI;;AAE1D,gBAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM;AAC7B,gBAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AAChC,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC;;;;;AAyBnE,IAAA,eAAe,CAAC,QAAgB,EAAA;AAC9B,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAIpC,MAAM,GAAA;QAEJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EAO5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,OAAO,CAAC,GAAG,CAAC,0CAA0C,EAAE,IAAI,CAAC,eAAe,CAAC,EACvE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC7D,CAAA,CAAA,cAAA,EAAA,EACE,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,KAAK,CAAC,WAAW,EAAA,aAAA,EAEX,OAAO,EACnB,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAE5B,CAAA,CAChB,CAAC,CAEE,EAGN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAGjB,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,EAAA,EAC3F,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAChB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC7C,CAAA,CAAA,cAAA,EAAA,EAAc,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,iBAAe,OAAO,EAAA,EAAA,GAAA,CAAkB,CAC9F,CAAC,CACI,CACK,CAET,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.css?tag=udp-dynamic-container-with-menu&encapsulation=shadow","src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.tsx"],"sourcesContent":[".container {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-wrap: nowrap;\n    flex: 1;\n    min-width: 600px;\n    /* background-color: azure; */\n  }\n  \n.menu {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.chips {\n  display: flex; \n  gap: 8px; \n  flex-grow: 1;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n\n.overflow {\n  display: flex;\n}","import { Component, State, h, Prop, Element, Watch, Method, Event, EventEmitter } from '@stencil/core';\n//import Menu16 from '@carbon/icons/es/menu/16';\n\nfunction debounce(func: (...args: any[]) => void, wait: number): (...args: any[]) => void {\n  let timeout: NodeJS.Timeout | null = null;\n  return (...args: any[]) => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  };\n}\n\n@Component({\n  tag: 'udp-dynamic-container-with-menu',\n  styleUrl: 'udp-dynamic-container-with-menu.css',\n  shadow: true,\n})\nexport class DynamicContainerWithMenu {\n  @Element() el: HTMLElement;\n  @State() visibleChildren: any[] | null = null;\n\n  @State() menuChildren = [];\n  @State() anchorEl: HTMLElement | null = null;\n  containerWidth: number = 0;\n  @State() rerender: number = 0;\n  @State() renderReady: boolean = false; // a flag to indicate readiness to render\n  @State() popoverOpen: boolean = false;\n  @Prop() externalToggle: string = '';\n\n  @Prop() menuItems: any[] = []; // renamed from children\n\n  @Event() udpChipClicked: EventEmitter<string>;\n\n  open: boolean = false;\n  id: string = '';\n  boundCalculateChildren: any;\n\n  constructor() {\n    this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);\n  }\n  \n// Was causing a loop when connected to the api\n  // connectedCallback() {\n  //   this.calculateChildren();\n  // }\n\n\n  componentWillLoad() {\n    // This lifecycle hook will be called before the first render,\n    // ensuring calculateChildren is called before the component renders\n    // this.calculateChildren();\n  }\n\n  componentWillUpdate() {\n    // This lifecycle hook will be called before every update (re-render),\n    // ensuring calculateChildren is called before the component re-renders\n    // this.calculateChildren();\n  }\n\n  \n  \n\n\n  @Method()\n  async calculateChildren() {\n    if (!this.el.shadowRoot) return;\n  \n    console.log('Calculating children...');\n    console.log('Menu Items:', JSON.stringify(this.menuItems));\n    \n    const container: HTMLElement | null = this.el.shadowRoot.querySelector('.container')  ;\n    console.log('Container:', container);\n\n\n    \n    if (container) {\n      this.containerWidth = container.offsetWidth ;\n      console.log('Container Width:', this.containerWidth);\n    }\n  \n    let currentWidth = 0;\n    const newVisibleChildren = [];\n    const newMenuChildren = [];\n  \n    this.menuItems.forEach((child) => {\n      if (child) {\n        const childWidth = (child as any).props?.width || 100;\n        // console.log(`Child[${index}] Width:`, childWidth);\n        \n        if (currentWidth + childWidth <= this.containerWidth) {\n          currentWidth += childWidth;\n          newVisibleChildren.push(child);\n        } else {\n          newMenuChildren.push(child);\n        }\n      }\n    });\n\n    \n    this.visibleChildren = [...newVisibleChildren];\n    this.menuChildren = [...newMenuChildren];\n    this.rerender += 1;\n  }\n  \n\n  @Watch('menuItems')\n  childrenChanged() {\n    this.calculateChildren();\n  }\n\n  async componentDidLoad() {\n    // Existing logic\n    await this.calculateChildren().then(() => {\n      this.renderReady = true;  // set the flag to true after calculating\n    });\n    window.addEventListener('resize', this.boundCalculateChildren);\n\n    // New logic for listening to stencil-chip click events\n    const chips = Array.from(document.querySelectorAll('stencil-chip'));\n    chips.forEach(chip => {\n      chip.addEventListener('chipClicked', (event: CustomEvent) => {\n        // Forward this data to the upper-level parent\n        const chipText = event.detail;\n        this.handleChipClick(chipText);\n      });\n    });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.boundCalculateChildren);\n  }\n\n  // handlePopoverClick(event?: Event) {\n  //   if (!event) return;\n  //   this.anchorEl = event.target as HTMLElement;\n  //   this.open = Boolean(this.anchorEl);\n  //   this.id = this.open ? 'simple-popover' : undefined;\n  // }\n\n  // handlePopoverClose() {\n  //   this.anchorEl = null;\n  //   this.open = false;\n  // }\n\n  handlePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  }\n\n\n  // handleChipClick = (event: CustomEvent) => {\n  //   const chipLabel = event.detail;\n   \n  // }\n\n  handleChipClick(chipText: string) {\n    this.udpChipClicked.emit(chipText);\n  }\n\n\n  render() {\n  \n    return (\n      <div class=\"container\">\n        {/* <div class=\"chips\">\n          {this.visibleChildren && this.visibleChildren.map((child, index) => (\n            <stencil-chip color=\"secondary\" key={index} text={child.label} show-delete=\"false\" > </stencil-chip>\n          ))}\n        </div> */}\n\n<div class=\"chips\">\n{console.log('Received data for chips via executeQwith', this.visibleChildren)}\n      {this.visibleChildren && this.visibleChildren.map((child, index) => (\n        <stencil-chip\n          color=\"secondary\"\n          key={index}\n          text={child.description\n          }\n          show-delete=\"false\"\n          externalToggleString={this.externalToggle}\n        >\n        </stencil-chip>\n      ))}\n      \n    </div>\n\n\n    <div class=\"overflow\" >\n      {/* @todo: overflow button commented out */}\n        {/* <stencil-icon-button showLabel={false}  icon={Menu16}  onClick={this.handlePopover}></stencil-icon-button> */}\n        <udp-pop-over isOpen={this.popoverOpen} anchorElement={document.getElementById('anchorElement')}>\n            <div class=\"menu\" >\n            {this.menuChildren && this.menuChildren.map((child, index) => (\n                        <stencil-chip key={index} text={child.label}  show-delete=\"false\" > </stencil-chip>\n            ))}\n            </div>\n        </udp-pop-over>\n       \n        </div>      \n      </div>\n    );\n  }\n  \n  \n\n}\n"],"version":3}

package/dist/components/{p-DehJN46u.js → p-BLWvjl_b.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import Menu24 from '@carbon/icons/es/menu/24';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$5 } from './p-ZeWoGdjP.js';
-import { d as defineCustomElement$4 } from './p-Cf-3pInV.js';
+import { d as defineCustomElement$4 } from './p-Ct7EvUCI.js';
 import { d as defineCustomElement$3 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$2 } from './p-IlXn87Ki.js';
+import { d as defineCustomElement$2 } from './p-1Cv4cku0.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const appBarCss = ".header{display:flex;align-items:center;height:3rem;background-color:#262626;color:#fff;padding-right:1rem}.skip-to-content{position:absolute;top:-40px}.header__logo{}.header__nav{flex:1;display:flex;justify-content:space-between}.header__global{}";
@@ -16,7 +16,7 @@ const AppBar = /*@__PURE__*/ proxyCustomElement(class AppBar extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'c936d0da1f6e76d6321ba9ba3e61ed25c8de1552', class: "header" }, h("stencil-icon-button", { key: '0eb7eaff8ad5f35457ab049a00ea310dae832880', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'f92d2e34ff44f677752106989f268a468c6709b7', variant: 'data-display-one' }, " ", h("slot", { key: '3a5c557fcaabe1ce628ca19954f4e008bb7c4e02' }), "   "), h("a", { key: 'eb5f1c78b627737771d5f16cfb7e8827a3b504cc', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: 'c55bd7a5c6b6ef1ae90297854e2836ce64f33f22', class: "header__logo" }), h("div", { key: 'd9653d283d61c28aafb9b0c05938ef195d7a5076', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'a7dbe3c6da06f7bb5c33a78c3ea32c87fe8dd4f9', class: "header__global" }, h("udp-avatar", { key: '713e5e3409499ea36a63cbcd46c8216fde02fd73', username: this.username }))));
+        return (h("div", { key: '06b611d0de2e893f8d4b94f5e4d35745f91706ba', class: "header" }, h("stencil-icon-button", { key: '03e88f45a271f9ca4fa15926ad05473709fdd7e0', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '8fae1d322d36bb3f7403417403728c7d1eb4a913', variant: 'data-display-one' }, " ", h("slot", { key: '54b51022a279a246e012a10e5e430470f6e9614c' }), "   "), h("a", { key: '0979dd3f68ce147259f6309de6a3497787901753', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '7819e767b7bdbb8e6bd413181d084c2a14547168', class: "header__logo" }), h("div", { key: '05b32da0b1f8fcbd763e438b7b0170b47d33863b', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'e6da41c78ee183bcfb3fb471d6b13497991b9081', class: "header__global" }, h("udp-avatar", { key: '5eb201c0e152cef03891747f141b28f226cc9a59', username: this.username }))));
     }
     static get style() { return appBarCss; }
 }, [1, "app-bar", {
@@ -67,6 +67,6 @@ function defineCustomElement() {
 }
 
 export { AppBar as A, defineCustomElement as d };
-//# sourceMappingURL=p-DehJN46u.js.map
+//# sourceMappingURL=p-BLWvjl_b.js.map
 
-//# sourceMappingURL=p-DehJN46u.js.map
+//# sourceMappingURL=p-BLWvjl_b.js.map

package/dist/components/{p-DehJN46u.js.map → p-BLWvjl_b.js.map}

@@ -1 +1 @@
-{"file":"p-DehJN46u.js","mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,yPAAyP;;MCQ9P,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IAGf,MAAM,GAAA;AAEN,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,QAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAA0B,CAAA,EACxF,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,kBAAkB,EAAA,OAAE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAAsB,KAAA,CAAA,EAClF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,eAAe,EAAyB,EAAA,sBAAA,CAAA,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAEnB,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,YAAY,EAAY,YAAA,EAAA,sBAAsB,EAEtE,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAEzB,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAG,CAAA,CAClC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/toolbars/app-bar/app-bar.css?tag=app-bar&encapsulation=shadow","src/components/my-component/UI/toolbars/app-bar/app-bar.tsx"],"sourcesContent":[".header {\n    display: flex;\n    align-items: center;\n    height: 3rem;\n    background-color: #262626;\n    color: #fff;\n    padding-right: 1rem;\n  }\n  \n  .skip-to-content {\n    position: absolute;\n    top: -40px;\n  }\n  \n  .header__logo {\n    /* Add your logo styles here */\n  }\n  \n  .header__nav {\n    flex: 1;\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  .header__global {\n    /* Global actions styling here */\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\nimport Menu24 from '@carbon/icons/es/menu/24';\n\n@Component({\n  tag: 'app-bar',\n  styleUrl: 'app-bar.css',\n  shadow: true\n})\nexport class AppBar {\n  @Prop() username: string;\n\n    render() {\n\n    return (\n      <div class=\"header\">\n        <stencil-icon-button noBackground darkIcon={false} icon={Menu24}  ></stencil-icon-button>\n         <unity-typography variant='data-display-one'> <slot></slot>   </unity-typography>  \n        <a class=\"skip-to-content\" href=\"#main-content\">Skip to main content</a>\n        <div class=\"header__logo\">\n          {/* Logo here */}\n        </div>\n        <div class=\"header__nav\" role=\"navigation\" aria-label=\"Carbon Design System\">\n          {/* Navigation here */}\n        </div>\n        <div class=\"header__global\">\n          {/* Global actions here */}\n          <udp-avatar username={this.username}/>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BLWvjl_b.js","mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,yPAAyP;;MCQ9P,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IAGf,MAAM,GAAA;AAEN,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,QAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAA0B,CAAA,EACxF,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,kBAAkB,EAAA,OAAE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAAsB,KAAA,CAAA,EAClF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,eAAe,EAAyB,EAAA,sBAAA,CAAA,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAEnB,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,YAAY,EAAY,YAAA,EAAA,sBAAsB,EAEtE,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAEzB,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAG,CAAA,CAClC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/toolbars/app-bar/app-bar.css?tag=app-bar&encapsulation=shadow","src/components/my-component/UI/toolbars/app-bar/app-bar.tsx"],"sourcesContent":[".header {\n    display: flex;\n    align-items: center;\n    height: 3rem;\n    background-color: #262626;\n    color: #fff;\n    padding-right: 1rem;\n  }\n  \n  .skip-to-content {\n    position: absolute;\n    top: -40px;\n  }\n  \n  .header__logo {\n    /* Add your logo styles here */\n  }\n  \n  .header__nav {\n    flex: 1;\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  .header__global {\n    /* Global actions styling here */\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\nimport Menu24 from '@carbon/icons/es/menu/24';\n\n@Component({\n  tag: 'app-bar',\n  styleUrl: 'app-bar.css',\n  shadow: true\n})\nexport class AppBar {\n  @Prop() username: string;\n\n    render() {\n\n    return (\n      <div class=\"header\">\n        <stencil-icon-button noBackground darkIcon={false} icon={Menu24}  ></stencil-icon-button>\n         <unity-typography variant='data-display-one'> <slot></slot>   </unity-typography>  \n        <a class=\"skip-to-content\" href=\"#main-content\">Skip to main content</a>\n        <div class=\"header__logo\">\n          {/* Logo here */}\n        </div>\n        <div class=\"header__nav\" role=\"navigation\" aria-label=\"Carbon Design System\">\n          {/* Navigation here */}\n        </div>\n        <div class=\"header__global\">\n          {/* Global actions here */}\n          <udp-avatar username={this.username}/>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-y6ddPVSK.js → p-BO3Kzy6x.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { d as defineCustomElement$3 } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$2 } from './p-BTIWOttf.js';
+import { d as defineCustomElement$2 } from './p-W_kxEzVl.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 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)}";
@@ -79,11 +79,11 @@ const AddMapFeaturePopUp = /*@__PURE__*/ proxyCustomElement(class AddMapFeatureP
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f6ff5ce82fce4039fd5630e746ef6db5159c0402', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("div", { key: '962b6e43a72819ee6e2cbeeccf17560293bf265a' }, h("udp-selector", { key: '8e775bc6ab34637d359ea40cb9341ae88157b594', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '6247456eafdc8d2cdd21bf2b34baf79f165fc86f', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("div", { key: '2c9d0d727aa0f2bb102eeea92d893e7abab6c29e' }, h("udp-selector", { key: 'fbae3f45068e8ae3c6165689611d121b9241ed7d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e);
-            }, large: false }), h("div", { key: 'fc4e34a9477481234936f254402d52658bde3cc5', style: { height: '12px' } }))), h("udp-selector", { key: '6909962ce277d4fef31b8fa9b2f1c6020a81ffb5', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false }), h("div", { key: '8b2a1215ab7ec2f9329a8ecc36fb56bf4e1ed690', style: { height: '12px' } }))), h("udp-selector", { key: '1e1cc8fb219f876b9ae82ada5d718d47f29f5b38', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e);
-            }, large: false }), h("div", { key: 'bd09d80bab70b71ca714e797fcabfba42abd4f95', style: { height: '12px' } }), h("div", { key: 'd2c4699510d461ff723d1a8f3ebb4e80997cccad', class: "formButton" }, h("custom-button", { key: '4f03a4aebd4815da636e586d81ecdd8d469b13d1', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) || this.selectedType === null }))));
+            }, large: false }), h("div", { key: '3fd93a87dec6f186d02713aeb7a24a6184628496', style: { height: '12px' } }), h("div", { key: 'bfd2027f37a43ea8463ab384737ed60b42c3e16f', class: "formButton" }, h("custom-button", { key: 'eaef537b4baa885c0bc8ca021eea31587803f7b1', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) || this.selectedType === null }))));
     }
     static get watchers() { return {
         "panelConfig": ["watchPanelConfig"],
@@ -135,6 +135,6 @@ function defineCustomElement() {
 }
 
 export { AddMapFeaturePopUp as A, defineCustomElement as d };
-//# sourceMappingURL=p-y6ddPVSK.js.map
+//# sourceMappingURL=p-BO3Kzy6x.js.map
 
-//# sourceMappingURL=p-y6ddPVSK.js.map
+//# sourceMappingURL=p-BO3Kzy6x.js.map