udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/components/{p-bLKTEsIH.js → p-CsMmUkoQ.js}

@@ -2,20 +2,20 @@ import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h } fro
 import { u as useTreeDatasource } from './p-k4AD5Dhf.js';
 import { s as state } from './p-BADChq0b.js';
 import { d as defineCustomElement$g } from './p-CPoC5Sp5.js';
-import { d as defineCustomElement$f } from './p-GQEOUb0c.js';
+import { d as defineCustomElement$f } from './p-4hWvEEZf.js';
 import { d as defineCustomElement$e } from './p-Cqop-pkv.js';
-import { d as defineCustomElement$d } from './p-hRee3qYx.js';
-import { d as defineCustomElement$c } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$d } from './p-D6Wo7quX.js';
+import { d as defineCustomElement$c } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$b } from './p-DaLqozen.js';
 import { d as defineCustomElement$a } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$9 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$8 } from './p-CC2PFIrk.js';
 import { d as defineCustomElement$7 } from './p-DeK9qLsG.js';
-import { d as defineCustomElement$6 } from './p-D32jPxWa.js';
+import { d as defineCustomElement$6 } from './p-ycrk0Lr4.js';
 import { d as defineCustomElement$5 } from './p-o-bA5e79.js';
 import { d as defineCustomElement$4 } from './p-C7DS5naX.js';
-import { d as defineCustomElement$3 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$2 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$3 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$2 } from './p-BANMRVyZ.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const advancedSearchCss = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
@@ -265,6 +265,6 @@ function defineCustomElement() {
 }
 
 export { AdvancedSearch as A, defineCustomElement as d };
-//# sourceMappingURL=p-bLKTEsIH.js.map
+//# sourceMappingURL=p-CsMmUkoQ.js.map
 
-//# sourceMappingURL=p-bLKTEsIH.js.map
+//# sourceMappingURL=p-CsMmUkoQ.js.map

package/dist/components/{p-bLKTEsIH.js.map → p-CsMmUkoQ.js.map}

@@ -1 +1 @@
-{"file":"p-bLKTEsIH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.container {\n  display: flex;\n  /* height: 100%; */\n  height: 100vh; \n}\n\n.left-column {\n  flex: 1;\n  background-color: white;\n  height: 90vh;\n  overflow: scroll;\n  padding: 8px;\n}\n\n.right-column {\n  flex: 2;\n  margin-left: 16px;\n  padding: 16px;\n  /* padding-top: 0px; */\n}\n\n.filter-group[data-level=\"0\"] {\n  padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n  padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n  padding-left: 40px;\n}\n\n.filter-group {\n  margin-top: 24px; \n  border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n  height:  100%;\n  max-height: 70vh;\n  overflow: auto;\n}\n\n.recent-searches {\n  min-width: 300px;\n  margin-bottom: 10px;\n}","import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n@Component({\n  tag: 'advanced-search',\n  styleUrl: 'advanced-search.css',\n  shadow: true,\n})\nexport class AdvancedSearch {\n  @Prop() filterList: any[] = [];\n  @Prop() filterRenderList: any[] = [];\n  @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n  @Prop() handleItemClick: (item: { searchField: string, searchOperator: string, searchValue: string }) => void;\n  @State() nestedData: Map<string, any[]> = new Map();\n  @Prop() handleDelete: (arg0: object) => void;\n  @Event() advancedSearchItemChange: EventEmitter;\n  @Prop() handleValueChanged: (event: CustomEvent) => void;\n  @State() searchObject: Array<any> = [];\n  @State() tempNestedData: Map<string, any[]> = new Map(); \n  //@Prop() parentFilter?: string; \n  @State() testData: any[] = [];\n  @State() showChildren: boolean = false;\n\n\n\ncomponentWillLoad() {\n  console.log('this.testData', this.testData)\n}\n \n\n@Watch('filterList')\nfilterListWatcher(newValue: any[], oldValue: any[]) {\n  if (newValue !== oldValue) {\n    this.testData = newValue;\n    console.log('filterList has changed, updated testData', this.testData);\n  }\n}\n\n\n\nhandleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n  console.log('Clicked reference:', referenceValue, 'Name:', name, 'Parent Reference:', parentReference, 'parentFilter', parentFilter, 'parent reference click test', parent, parentPath);\n\n  if (state.isLoadingCatalogData || state.catalogData === null) {\n      console.log('Catalog data is not ready yet.');\n      return;\n  }\n\n  try {\n    console.log('state.catalogData', state.catalogData)\n    const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n      console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n      if (Array.isArray(extendedSearchFilterList)) {\n        this.updateNestedData(extendedSearchFilterList);\n      } else {\n        console.error('Extended search filter list is not an array');\n      }\n      console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n  } catch (error) {\n      console.error('Error fetching filters:', error);\n  }\n};\n\n\nupdateNestedData = (children) => {\n  if (!Array.isArray(children) || children.length === 0) {\n    console.error('Invalid or empty children data provided for updateNestedData');\n    return;\n  }\n\n\n  console.log('children in updatedNest', children);\n  const fromFilter = children[0].extendedProperties.fromFilter;\n  const parentName = children[0].extendedProperties.parent;\n\n  const checkForName = fromFilter;\n  \n  const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n  console.log('testParentArray', testParentArray);\n\n  if (testParentArray) {\n    testParentArray.forEach(parentItem => {\n      if (parentItem.name === parentName) {\n        parentItem.referenceNode = children;\n        console.log('add referenceNode array', children, testParentArray);\n      } else if (parentItem.reference && parentItem.referenceNode) {\n        this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n      }\n    });\n  }\n\n  // Helper function to check if an item is already present in the array\n  const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n  // Recursive function to update the nested data\n  const updateNestedDataHelper = (array, children, parentName) => {\n    return array.map(item => {\n      if (item.name === parentName) {\n        // Filter out children that are already present before appending\n        const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));\n        return { ...item, referenceNode: [...(item.referenceNode || []), ...newChildren] };\n      } else if (item.referenceNode) {\n        return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n      } else {\n        return item;\n      }\n    });\n  };\n\n  // Start the recursive update and assign it to testData\n  this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n  console.log('Updated testData', this.testData);\n  forceUpdate(this); // Not generally recommended, use as a last resort\n};\n\n\n\nupdateNestedDataRecursively = (nestedArray, children, parentName) => {\n  nestedArray.forEach(item => {\n    if (item.name === parentName) {\n      item.referenceNode = children;\n    } else if (item.referenceNode) {\n      this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n    }\n  });\n};\n\n\nprivate onTreeListItemClick = (event: CustomEvent<{ searchField: string, searchOperator: string, searchValue: string, parentName?: string, parent?: string, parentPath?: string }>) => {\n  const detail = event.detail;\n  \n  // Function to convert string to PascalCase\n  const toPascalCase = (str) => {\n    return str.split('.').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('.');\n  };\n\n  // Check if both parentName and parentPath are present\n  if (detail.parentName && detail.parentPath) {\n    detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n  } else if (detail.parentName) {\n    // If only parentName is present, exclude parentPath\n    detail.searchField = `${detail.parentName}.${detail.searchField}`;\n  } else {\n    // No parentName or parentPath, use searchField as is\n    detail.searchField = `${detail.searchField}`;\n  }\n\n  // Convert searchField to PascalCase\n  detail.searchField = toPascalCase(detail.searchField);\n\n  this.handleItemClick(detail); // Perform the search with the modified search object\n};\n\nrender() {\n  const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n  const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n  return (\n    <div class=\"container\">\n      <div class=\"left-column\">\n        {!safeTestData.length && <div style={{ marginRight: '8px' }}><udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader></div>}\n        <div>\n          {safeTestData.map((filter, index) => (\n            <tree-list-item\n              key={`${filter.name}-${index}`}\n              level={0}\n              label={filter.name}\n              reference={filter.reference}\n              parentName=\"\"\n              parentFilter={filter.extendedProperties.parentFilter}\n              parentPath={'filter.extendedProperties.parentPath'}\n              parent={filter.extendedProperties?.parent}\n              nestedItems={filter.referenceNode}\n              onReference-clicked={(event: CustomEvent<{ reference: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string }>) =>\n                this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath)}\n              onItemClick={this.onTreeListItemClick}\n            >\n            </tree-list-item>\n          ))}\n        </div>\n      </div>\n      <div class=\"right-column\">\n        <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n        <filter-conditions></filter-conditions>\n        {safeFilterRenderList.map((filter) =>\n          filter.filterElements.map((item, index) => (\n            <search-list-item\n              key={`${item.searchField}-${index}`}\n              label={item.searchField}\n              handleDelete={() => this.handleDelete({\"searchField\": item.searchField, \"searchValue\": item.searchValue })}\n              name={item.searchValue}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n}\n\n"],"version":3}
+{"file":"p-CsMmUkoQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.container {\n  display: flex;\n  /* height: 100%; */\n  height: 100vh; \n}\n\n.left-column {\n  flex: 1;\n  background-color: white;\n  height: 90vh;\n  overflow: scroll;\n  padding: 8px;\n}\n\n.right-column {\n  flex: 2;\n  margin-left: 16px;\n  padding: 16px;\n  /* padding-top: 0px; */\n}\n\n.filter-group[data-level=\"0\"] {\n  padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n  padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n  padding-left: 40px;\n}\n\n.filter-group {\n  margin-top: 24px; \n  border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n  height:  100%;\n  max-height: 70vh;\n  overflow: auto;\n}\n\n.recent-searches {\n  min-width: 300px;\n  margin-bottom: 10px;\n}","import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n@Component({\n  tag: 'advanced-search',\n  styleUrl: 'advanced-search.css',\n  shadow: true,\n})\nexport class AdvancedSearch {\n  @Prop() filterList: any[] = [];\n  @Prop() filterRenderList: any[] = [];\n  @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n  @Prop() handleItemClick: (item: { searchField: string, searchOperator: string, searchValue: string }) => void;\n  @State() nestedData: Map<string, any[]> = new Map();\n  @Prop() handleDelete: (arg0: object) => void;\n  @Event() advancedSearchItemChange: EventEmitter;\n  @Prop() handleValueChanged: (event: CustomEvent) => void;\n  @State() searchObject: Array<any> = [];\n  @State() tempNestedData: Map<string, any[]> = new Map(); \n  //@Prop() parentFilter?: string; \n  @State() testData: any[] = [];\n  @State() showChildren: boolean = false;\n\n\n\ncomponentWillLoad() {\n  console.log('this.testData', this.testData)\n}\n \n\n@Watch('filterList')\nfilterListWatcher(newValue: any[], oldValue: any[]) {\n  if (newValue !== oldValue) {\n    this.testData = newValue;\n    console.log('filterList has changed, updated testData', this.testData);\n  }\n}\n\n\n\nhandleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n  console.log('Clicked reference:', referenceValue, 'Name:', name, 'Parent Reference:', parentReference, 'parentFilter', parentFilter, 'parent reference click test', parent, parentPath);\n\n  if (state.isLoadingCatalogData || state.catalogData === null) {\n      console.log('Catalog data is not ready yet.');\n      return;\n  }\n\n  try {\n    console.log('state.catalogData', state.catalogData)\n    const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n      console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n      if (Array.isArray(extendedSearchFilterList)) {\n        this.updateNestedData(extendedSearchFilterList);\n      } else {\n        console.error('Extended search filter list is not an array');\n      }\n      console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n  } catch (error) {\n      console.error('Error fetching filters:', error);\n  }\n};\n\n\nupdateNestedData = (children) => {\n  if (!Array.isArray(children) || children.length === 0) {\n    console.error('Invalid or empty children data provided for updateNestedData');\n    return;\n  }\n\n\n  console.log('children in updatedNest', children);\n  const fromFilter = children[0].extendedProperties.fromFilter;\n  const parentName = children[0].extendedProperties.parent;\n\n  const checkForName = fromFilter;\n  \n  const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n  console.log('testParentArray', testParentArray);\n\n  if (testParentArray) {\n    testParentArray.forEach(parentItem => {\n      if (parentItem.name === parentName) {\n        parentItem.referenceNode = children;\n        console.log('add referenceNode array', children, testParentArray);\n      } else if (parentItem.reference && parentItem.referenceNode) {\n        this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n      }\n    });\n  }\n\n  // Helper function to check if an item is already present in the array\n  const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n  // Recursive function to update the nested data\n  const updateNestedDataHelper = (array, children, parentName) => {\n    return array.map(item => {\n      if (item.name === parentName) {\n        // Filter out children that are already present before appending\n        const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));\n        return { ...item, referenceNode: [...(item.referenceNode || []), ...newChildren] };\n      } else if (item.referenceNode) {\n        return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n      } else {\n        return item;\n      }\n    });\n  };\n\n  // Start the recursive update and assign it to testData\n  this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n  console.log('Updated testData', this.testData);\n  forceUpdate(this); // Not generally recommended, use as a last resort\n};\n\n\n\nupdateNestedDataRecursively = (nestedArray, children, parentName) => {\n  nestedArray.forEach(item => {\n    if (item.name === parentName) {\n      item.referenceNode = children;\n    } else if (item.referenceNode) {\n      this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n    }\n  });\n};\n\n\nprivate onTreeListItemClick = (event: CustomEvent<{ searchField: string, searchOperator: string, searchValue: string, parentName?: string, parent?: string, parentPath?: string }>) => {\n  const detail = event.detail;\n  \n  // Function to convert string to PascalCase\n  const toPascalCase = (str) => {\n    return str.split('.').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('.');\n  };\n\n  // Check if both parentName and parentPath are present\n  if (detail.parentName && detail.parentPath) {\n    detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n  } else if (detail.parentName) {\n    // If only parentName is present, exclude parentPath\n    detail.searchField = `${detail.parentName}.${detail.searchField}`;\n  } else {\n    // No parentName or parentPath, use searchField as is\n    detail.searchField = `${detail.searchField}`;\n  }\n\n  // Convert searchField to PascalCase\n  detail.searchField = toPascalCase(detail.searchField);\n\n  this.handleItemClick(detail); // Perform the search with the modified search object\n};\n\nrender() {\n  const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n  const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n  return (\n    <div class=\"container\">\n      <div class=\"left-column\">\n        {!safeTestData.length && <div style={{ marginRight: '8px' }}><udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader></div>}\n        <div>\n          {safeTestData.map((filter, index) => (\n            <tree-list-item\n              key={`${filter.name}-${index}`}\n              level={0}\n              label={filter.name}\n              reference={filter.reference}\n              parentName=\"\"\n              parentFilter={filter.extendedProperties.parentFilter}\n              parentPath={'filter.extendedProperties.parentPath'}\n              parent={filter.extendedProperties?.parent}\n              nestedItems={filter.referenceNode}\n              onReference-clicked={(event: CustomEvent<{ reference: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string }>) =>\n                this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath)}\n              onItemClick={this.onTreeListItemClick}\n            >\n            </tree-list-item>\n          ))}\n        </div>\n      </div>\n      <div class=\"right-column\">\n        <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n        <filter-conditions></filter-conditions>\n        {safeFilterRenderList.map((filter) =>\n          filter.filterElements.map((item, index) => (\n            <search-list-item\n              key={`${item.searchField}-${index}`}\n              label={item.searchField}\n              handleDelete={() => this.handleDelete({\"searchField\": item.searchField, \"searchValue\": item.searchValue })}\n              name={item.searchValue}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n}\n\n"],"version":3}

package/dist/components/{p-Cf-3pInV.js → p-Ct7EvUCI.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.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 udpAvatarCss = ".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}";
@@ -84,6 +84,6 @@ function defineCustomElement() {
 }
 
 export { UdpAvatar as U, defineCustomElement as d };
-//# sourceMappingURL=p-Cf-3pInV.js.map
+//# sourceMappingURL=p-Ct7EvUCI.js.map
 
-//# sourceMappingURL=p-Cf-3pInV.js.map
+//# sourceMappingURL=p-Ct7EvUCI.js.map

package/dist/components/{p-Cf-3pInV.js.map → p-Ct7EvUCI.js.map}

@@ -1 +1 @@
-{"file":"p-Cf-3pInV.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,0oBAA0oB;;MCOlpB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;;AAQU,QAAA,IAAO,CAAA,OAAA,GAAsC,UAAU;QAGvD,IAAA,CAAA,MAAM,GAAG;YACf,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;AAgCF;IA9BC,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG;;IAGrD,mBAAmB,GAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAChE,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;QAC5F,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAEvD,MAAM,KAAK,GAAG,EAAE;QAChB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;QAExC,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;;AAC9B,aAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACrB,YAAA,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,KAAK;;aACjC;YACL,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE;;AAGxD,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EACxC,EAAA,IAAI,CAAC,QAAQ,GAAG,gBAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAa,GAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAC,kBAAkB,EAAA,OAAG,IAAI,CAAC,UAAU,EAAE,CAAoB,CACnK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/data-display/udp-avatar/udp-avatar.css?tag=udp-avatar&encapsulation=shadow","src/components/my-component/UI/data-display/udp-avatar/udp-avatar.tsx"],"sourcesContent":[".avatar {\n    width: 35px;\n    height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n  }\n\n  .avatar.circular {\n    border-radius: 50%;\n  }\n  \n  .avatar.rounded {\n    border-radius: 4px;\n  }\n  \n  .avatar.square {\n    border-radius: 0;\n  }\n  \n  .avatar.color-primary {\n    background-color: var(--primary-color);\n  }\n  \n  .avatar.color-secondary {\n    background-color: var(--secondary-color);\n  }\n  \n  .avatar.color-success {\n    background-color: var(--success-color-main);\n  }\n  \n  .avatar.color-warning {\n    background-color: var(--warning-color-main);\n  }\n  \n  .avatar.color-error {\n    background-color: var(--error-color-main);\n  }\n  \n  .avatar.color-info {\n    background-color: var(--info-color-main);\n  }\n  \n  .avatar.color-note {\n    background-color: var(--note-color-main);\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-avatar',\n  styleUrl: 'udp-avatar.css',\n  shadow: true,\n})\nexport class UdpAvatar {\n  @Prop() username: string;\n  @Prop() iconName: string;\n  @Prop() variant: 'circular' | 'rounded' | 'square' = 'circular';\n  @Prop() color: string;\n\n  private colors = [\n    '#F44336',\n    '#E91E63',\n    '#9C27B0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#03A9F4',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#8BC34A',\n    '#CDDC39',\n    '#FFC107',\n    '#FF9800',\n    '#FF5722',\n    '#795548',\n  ];\n\n  getInitial() {\n    return this.username ? this.username[0].toUpperCase() : '?';\n  }\n\n  private getColorForUsername() {\n    const charCode = this.username ? this.username.charCodeAt(0) : 0;\n    return this.colors[charCode % this.colors.length];\n  }\n\n  render() {\n    const systemColors = ['primary', 'secondary', 'info', 'error', 'success', 'warning', 'note'];\n    const isSystemColor = systemColors.includes(this.color);\n\n    const style = {};\n    const classes = ['avatar', this.variant];\n\n    if (isSystemColor) {\n      classes.push(`color-${this.color}`);\n    } else if (this.color) {\n      style['background-color'] = this.color;\n    } else {\n      style['background-color'] = this.getColorForUsername();\n    }\n\n    return (\n      <div class={classes.join(' ')} style={style}>\n        {this.iconName ? <udp-icon iconName={this.iconName} darkIcon={false}></udp-icon> : <unity-typography variant=\"data-display-two\"> {this.getInitial()}</unity-typography>}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Ct7EvUCI.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,0oBAA0oB;;MCOlpB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;;AAQU,QAAA,IAAO,CAAA,OAAA,GAAsC,UAAU;QAGvD,IAAA,CAAA,MAAM,GAAG;YACf,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;AAgCF;IA9BC,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG;;IAGrD,mBAAmB,GAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAChE,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;QAC5F,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAEvD,MAAM,KAAK,GAAG,EAAE;QAChB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;QAExC,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;;AAC9B,aAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACrB,YAAA,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,KAAK;;aACjC;YACL,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE;;AAGxD,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EACxC,EAAA,IAAI,CAAC,QAAQ,GAAG,gBAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAa,GAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAC,kBAAkB,EAAA,OAAG,IAAI,CAAC,UAAU,EAAE,CAAoB,CACnK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/data-display/udp-avatar/udp-avatar.css?tag=udp-avatar&encapsulation=shadow","src/components/my-component/UI/data-display/udp-avatar/udp-avatar.tsx"],"sourcesContent":[".avatar {\n    width: 35px;\n    height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n  }\n\n  .avatar.circular {\n    border-radius: 50%;\n  }\n  \n  .avatar.rounded {\n    border-radius: 4px;\n  }\n  \n  .avatar.square {\n    border-radius: 0;\n  }\n  \n  .avatar.color-primary {\n    background-color: var(--primary-color);\n  }\n  \n  .avatar.color-secondary {\n    background-color: var(--secondary-color);\n  }\n  \n  .avatar.color-success {\n    background-color: var(--success-color-main);\n  }\n  \n  .avatar.color-warning {\n    background-color: var(--warning-color-main);\n  }\n  \n  .avatar.color-error {\n    background-color: var(--error-color-main);\n  }\n  \n  .avatar.color-info {\n    background-color: var(--info-color-main);\n  }\n  \n  .avatar.color-note {\n    background-color: var(--note-color-main);\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-avatar',\n  styleUrl: 'udp-avatar.css',\n  shadow: true,\n})\nexport class UdpAvatar {\n  @Prop() username: string;\n  @Prop() iconName: string;\n  @Prop() variant: 'circular' | 'rounded' | 'square' = 'circular';\n  @Prop() color: string;\n\n  private colors = [\n    '#F44336',\n    '#E91E63',\n    '#9C27B0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#03A9F4',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#8BC34A',\n    '#CDDC39',\n    '#FFC107',\n    '#FF9800',\n    '#FF5722',\n    '#795548',\n  ];\n\n  getInitial() {\n    return this.username ? this.username[0].toUpperCase() : '?';\n  }\n\n  private getColorForUsername() {\n    const charCode = this.username ? this.username.charCodeAt(0) : 0;\n    return this.colors[charCode % this.colors.length];\n  }\n\n  render() {\n    const systemColors = ['primary', 'secondary', 'info', 'error', 'success', 'warning', 'note'];\n    const isSystemColor = systemColors.includes(this.color);\n\n    const style = {};\n    const classes = ['avatar', this.variant];\n\n    if (isSystemColor) {\n      classes.push(`color-${this.color}`);\n    } else if (this.color) {\n      style['background-color'] = this.color;\n    } else {\n      style['background-color'] = this.getColorForUsername();\n    }\n\n    return (\n      <div class={classes.join(' ')} style={style}>\n        {this.iconName ? <udp-icon iconName={this.iconName} darkIcon={false}></udp-icon> : <unity-typography variant=\"data-display-two\"> {this.getInitial()}</unity-typography>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BbHv2Hzb.js → p-CvQ8X76F.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, F as Fragment } from './p-DPon6DDX.js';
 import ChevronRight24 from '@carbon/icons/es/chevron--right/16';
 import Edit16 from '@carbon/icons/es/edit/16';
 import View16 from '@carbon/icons/es/view/16';
-import { d as defineCustomElement$b } from './p-hRee3qYx.js';
+import { d as defineCustomElement$b } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$a } from './p-BGjVmQGN.js';
 import { d as defineCustomElement$9 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$8 } from './p-C-wDzVCk.js';
@@ -31,19 +31,19 @@ const UdpFormsListCard = /*@__PURE__*/ proxyCustomElement(class UdpFormsListCard
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: 'f43e57fd8f935e58ed0d331d7f5375db971e6b90' }, h("unity-typography", { key: 'ab0168c803d35d92612607639470ab0b0448f1b1', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'c9761048e153e9af5055f7c19a6bcbc277c4387d', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: 'ee5a0182ea7e83adfc63113ce041d31d282d3c94', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString())));
-        const actionsJsx = (h(Fragment, { key: '4043c5423a975f20aca9a3743d311048847946a0' }, !this.isSideSheetList && (h("stencil-icon-button", { key: 'ff1e7c810d7a34628162f5f490fa19f016b5d522', icon: Edit16, tooltip: "Edit in Builder", onClick: e => {
+        const contentJsx = (h(Fragment, { key: '40e6bc5bb3e16141b71006982d29925b0915d977' }, h("unity-typography", { key: 'ae35b146f92dc5aa8b03b83635acf6566f1410f3', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '1a3178db9787a435fbead12bd3988c027aa82c95', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '67b21ff969297f42fa2727bf78939c58bcba7a5c', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString())));
+        const actionsJsx = (h(Fragment, { key: 'c34c9cca08606e242fe60cc8911496ee991e4023' }, !this.isSideSheetList && (h("stencil-icon-button", { key: 'a7af5cfc40e4a7d11d682a676be52dcfc8b0e90c', icon: Edit16, tooltip: "Edit in Builder", onClick: e => {
                 e.stopPropagation();
                 this.formBuilderHandler();
-            } })), h("stencil-icon-button", { key: 'a2f73ef0c957183225347199db6ec86e590e19f7', icon: View16, tooltip: "View in Renderer", onClick: e => {
+            } })), h("stencil-icon-button", { key: '0e8b5dd135d5322aa0b19ade7e9d09dda11300fa', icon: View16, tooltip: "View in Renderer", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'f9daf67190c6306cc84e91bb874bb314637df35f', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
+            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: '30e623f191bc0b9d6d6c8ba857ee7702a20a17ca', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (h("udp-card", { key: 'f3e1094b2b0e1741170b71992cca5c916cf8a7c5', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: '581f7ade121c77616b8e495374e6598d58ba50b1', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 }, [1, "udp-forms-list-card", {
         "history": [8],
@@ -123,6 +123,6 @@ function defineCustomElement() {
 }
 
 export { UdpFormsListCard as U, defineCustomElement as d };
-//# sourceMappingURL=p-BbHv2Hzb.js.map
+//# sourceMappingURL=p-CvQ8X76F.js.map
 
-//# sourceMappingURL=p-BbHv2Hzb.js.map
+//# sourceMappingURL=p-CvQ8X76F.js.map

package/dist/components/{p-BbHv2Hzb.js.map → p-CvQ8X76F.js.map}

@@ -1 +1 @@
-{"file":"p-BbHv2Hzb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","Edit","View"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx"],"sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n  tag: 'udp-forms-list-card',\n  shadow: true,\n})\nexport class UdpFormsListCard {\n  @Prop() history: any;\n  @Prop() pageBuilderId: string;\n  @Prop() renderPageId: string;\n  @Prop() data: any;\n  @Prop() openSideSheet: any;\n  @Prop() isSideSheetList: boolean;\n\n  formBuilderHandler = () => {\n    this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  formRendererHandler = () => {\n    this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  private handleTitleClick = (e: CustomEvent) => {\n    e.preventDefault();\n    this.formBuilderHandler();\n  };\n\n  render() {\n    const contentJsx = (\n      <Fragment>\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Version: {this.data.version}\n        </unity-typography>\n        {!this.isSideSheetList && (\n          <unity-typography variant=\"body1\" color=\"textSecondary\">\n            Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n          </unity-typography>\n        )}\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n        </unity-typography>\n      </Fragment>\n    );\n\n    const actionsJsx = (\n      <Fragment>\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={Edit}\n            tooltip=\"Edit in Builder\"\n            onClick={e => {\n              e.stopPropagation();\n              this.formBuilderHandler();\n            }}\n          />\n        )}\n        <stencil-icon-button\n          icon={View}\n          tooltip=\"View in Renderer\"\n          onClick={e => {\n            e.stopPropagation();\n            this.formRendererHandler();\n          }}\n        />\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={ChevronRight24}\n            tooltip=\"See Version History\"\n            onClick={e => {\n              e.stopPropagation();\n              this.openSideSheet?.();\n            }}\n          />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <udp-card\n        cardTitle={this.data.name}\n        subheader={this.data.description}\n        actions={actionsJsx}\n        onTitleClick={this.handleTitleClick}\n        disableContentPadding={true}\n        adornmentStatus={'info'}\n      >\n        {contentJsx}\n      </udp-card>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CvQ8X76F.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","Edit","View"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx"],"sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n  tag: 'udp-forms-list-card',\n  shadow: true,\n})\nexport class UdpFormsListCard {\n  @Prop() history: any;\n  @Prop() pageBuilderId: string;\n  @Prop() renderPageId: string;\n  @Prop() data: any;\n  @Prop() openSideSheet: any;\n  @Prop() isSideSheetList: boolean;\n\n  formBuilderHandler = () => {\n    this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  formRendererHandler = () => {\n    this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  private handleTitleClick = (e: CustomEvent) => {\n    e.preventDefault();\n    this.formBuilderHandler();\n  };\n\n  render() {\n    const contentJsx = (\n      <Fragment>\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Version: {this.data.version}\n        </unity-typography>\n        {!this.isSideSheetList && (\n          <unity-typography variant=\"body1\" color=\"textSecondary\">\n            Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n          </unity-typography>\n        )}\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n        </unity-typography>\n      </Fragment>\n    );\n\n    const actionsJsx = (\n      <Fragment>\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={Edit}\n            tooltip=\"Edit in Builder\"\n            onClick={e => {\n              e.stopPropagation();\n              this.formBuilderHandler();\n            }}\n          />\n        )}\n        <stencil-icon-button\n          icon={View}\n          tooltip=\"View in Renderer\"\n          onClick={e => {\n            e.stopPropagation();\n            this.formRendererHandler();\n          }}\n        />\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={ChevronRight24}\n            tooltip=\"See Version History\"\n            onClick={e => {\n              e.stopPropagation();\n              this.openSideSheet?.();\n            }}\n          />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <udp-card\n        cardTitle={this.data.name}\n        subheader={this.data.description}\n        actions={actionsJsx}\n        onTitleClick={this.handleTitleClick}\n        disableContentPadding={true}\n        adornmentStatus={'info'}\n      >\n        {contentJsx}\n      </udp-card>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BEwTqpWE.js → p-CxOYMG-r.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { d as defineCustomElement$7 } from './p-TrvRIo8e.js';
-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-BGjVmQGN.js';
-import { d as defineCustomElement$4 } from './p-DeS7YSzc.js';
+import { d as defineCustomElement$4 } from './p-CMTLAuz8.js';
 import { d as defineCustomElement$3 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$2 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
@@ -113,6 +113,6 @@ function defineCustomElement() {
 }
 
 export { ChartContainer as C, defineCustomElement as d };
-//# sourceMappingURL=p-BEwTqpWE.js.map
+//# sourceMappingURL=p-CxOYMG-r.js.map
 
-//# sourceMappingURL=p-BEwTqpWE.js.map
+//# sourceMappingURL=p-CxOYMG-r.js.map

package/dist/components/{p-BEwTqpWE.js.map → p-CxOYMG-r.js.map}

@@ -1 +1 @@
-{"file":"p-BEwTqpWE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/chart-container/chart-container.css?tag=chart-container","src/components/my-component/UI/charts/chart-container/chart-container.tsx"],"sourcesContent":[".chart-container-data-container{\n    display: flex;\n}\n\n.chart-container-data-container-top{\n    flex-direction: column;\n}\n\n.chart-container-kpi-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    position: absolute;\n    gap: 30px;\n    padding-top: 20px;\n    padding-left: 10px;\n}\n\n.chart-container-kpi-container-top {\n    flex-direction: row;\n    justify-content: space-evenly;\n    position: relative;\n}\n\n.chart-container-spacer{\n    flex-grow: 1;\n}\n","import { h, Component, Prop, Element } from '@stencil/core';\n\nconst sizes = {\n  small: { height: 250, width: 250, cardWidth: 275 },\n  medium: { height: 350, width: 350, cardWidth: 375 },\n  large: { height: 500, width: 500, cardWidth: 525 },\n};\n@Component({\n  tag: 'chart-container',\n  styleUrl: 'chart-container.css',\n})\nexport class ChartContainer {\n  @Element() el: HTMLElement;\n\n  @Prop() title: string;\n  @Prop() subheader: string;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() customWidth?: number;\n  @Prop() customHeight?: number;\n  @Prop() customCardWidth?: number;\n  @Prop() customCardStyle?: { [key: string]: string } = {};\n  @Prop() chartId: string;\n  @Prop() kpis: { label: string; value: string }[];\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() adjustChartWidthForKpis: boolean;\n  @Prop() hideAdornment: boolean = false;\n\n  componentWillLoad() {\n    if (!this.chartId) {\n      console.error('chartId prop is required on component chart-container');\n    }\n  }\n\n  render() {\n    if (!this.chartId) return null;\n    let cardWidth = this.customCardWidth ?? sizes[this.size].cardWidth;\n    let chartWidth = this.customWidth ?? sizes[this.size].width;\n    let chartHeight = this.customHeight ?? sizes[this.size].height;\n    if (this.adjustChartWidthForKpis && this.kpis?.length && this.kpisPosition === 'left') {\n      chartWidth -= 50;\n      chartHeight -= 30;\n    }\n\n    let dataContainerPosition = \"\";\n    let kpiContainerPosition = \"\";\n    if(this.kpisPosition === 'top'){\n      dataContainerPosition = \"chart-container-data-container-top\";\n      kpiContainerPosition = \"chart-container-kpi-container-top\";\n    }\n\n    return (\n      <udp-ambient-card width={`${cardWidth}px`} style={this.customCardStyle} hideAdornment={this.hideAdornment}>\n        <div class=\"header\">\n          <unity-typography variant=\"h3\">{this.title}</unity-typography>\n          <unity-typography>{this.subheader}</unity-typography>\n        </div>\n        <div class={`chart-container-data-container ${dataContainerPosition}`}>\n          {this.kpis?.length ? (\n            <div class={`chart-container-kpi-container ${kpiContainerPosition}`}>\n              {this.kpis.map(kpi => (\n                <chart-kpi {...kpi} />\n              ))}\n            </div>\n          ) : (\n            ''\n          )}\n          {this.adjustChartWidthForKpis ? <div class=\"chart-container-spacer\"/> : ''} \n            <div id={this.chartId} style={{ height: `${chartHeight}px`, width: this.kpisPosition === 'top' ? '100%' : `${chartWidth}px`, float: 'right' }}></div>\n          </div>\n      </udp-ambient-card>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CxOYMG-r.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/chart-container/chart-container.css?tag=chart-container","src/components/my-component/UI/charts/chart-container/chart-container.tsx"],"sourcesContent":[".chart-container-data-container{\n    display: flex;\n}\n\n.chart-container-data-container-top{\n    flex-direction: column;\n}\n\n.chart-container-kpi-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    position: absolute;\n    gap: 30px;\n    padding-top: 20px;\n    padding-left: 10px;\n}\n\n.chart-container-kpi-container-top {\n    flex-direction: row;\n    justify-content: space-evenly;\n    position: relative;\n}\n\n.chart-container-spacer{\n    flex-grow: 1;\n}\n","import { h, Component, Prop, Element } from '@stencil/core';\n\nconst sizes = {\n  small: { height: 250, width: 250, cardWidth: 275 },\n  medium: { height: 350, width: 350, cardWidth: 375 },\n  large: { height: 500, width: 500, cardWidth: 525 },\n};\n@Component({\n  tag: 'chart-container',\n  styleUrl: 'chart-container.css',\n})\nexport class ChartContainer {\n  @Element() el: HTMLElement;\n\n  @Prop() title: string;\n  @Prop() subheader: string;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() customWidth?: number;\n  @Prop() customHeight?: number;\n  @Prop() customCardWidth?: number;\n  @Prop() customCardStyle?: { [key: string]: string } = {};\n  @Prop() chartId: string;\n  @Prop() kpis: { label: string; value: string }[];\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() adjustChartWidthForKpis: boolean;\n  @Prop() hideAdornment: boolean = false;\n\n  componentWillLoad() {\n    if (!this.chartId) {\n      console.error('chartId prop is required on component chart-container');\n    }\n  }\n\n  render() {\n    if (!this.chartId) return null;\n    let cardWidth = this.customCardWidth ?? sizes[this.size].cardWidth;\n    let chartWidth = this.customWidth ?? sizes[this.size].width;\n    let chartHeight = this.customHeight ?? sizes[this.size].height;\n    if (this.adjustChartWidthForKpis && this.kpis?.length && this.kpisPosition === 'left') {\n      chartWidth -= 50;\n      chartHeight -= 30;\n    }\n\n    let dataContainerPosition = \"\";\n    let kpiContainerPosition = \"\";\n    if(this.kpisPosition === 'top'){\n      dataContainerPosition = \"chart-container-data-container-top\";\n      kpiContainerPosition = \"chart-container-kpi-container-top\";\n    }\n\n    return (\n      <udp-ambient-card width={`${cardWidth}px`} style={this.customCardStyle} hideAdornment={this.hideAdornment}>\n        <div class=\"header\">\n          <unity-typography variant=\"h3\">{this.title}</unity-typography>\n          <unity-typography>{this.subheader}</unity-typography>\n        </div>\n        <div class={`chart-container-data-container ${dataContainerPosition}`}>\n          {this.kpis?.length ? (\n            <div class={`chart-container-kpi-container ${kpiContainerPosition}`}>\n              {this.kpis.map(kpi => (\n                <chart-kpi {...kpi} />\n              ))}\n            </div>\n          ) : (\n            ''\n          )}\n          {this.adjustChartWidthForKpis ? <div class=\"chart-container-spacer\"/> : ''} \n            <div id={this.chartId} style={{ height: `${chartHeight}px`, width: this.kpisPosition === 'top' ? '100%' : `${chartWidth}px`, float: 'right' }}></div>\n          </div>\n      </udp-ambient-card>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DOKGpXin.js → p-Cyigv-iT.js}

@@ -1,9 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { d as deepCloneFormSections } from './p-DhYDXL0I.js';
-import { d as defineCustomElement$2 } from './p-CRiQA7Cy.js';
+import { d as defineCustomElement$3 } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$2 } from './p-DZaCCOXB.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
-const sectionConfigsRendererCss = ".generic-configs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}";
+const sectionConfigsRendererCss = ".generic-configs-container{display:flex;flex-direction:column}";
 
 const SectionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class SectionConfigsRenderer extends H {
     constructor() {
@@ -21,16 +22,29 @@ const SectionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class SectionCon
         sectionsCopy[sIndex] = updatedSection;
         return sectionsCopy;
     }
+    handleSectionRepeatablePropertyChange(sIndex, value) {
+        const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);
+        const oldSection = Object.assign({}, sectionsCopy[sIndex]);
+        const updatedProperties = Object.assign(Object.assign({}, oldSection.sectionProperties), { isRepeatable: value });
+        const updatedSection = Object.assign(Object.assign({}, oldSection), { sectionProperties: updatedProperties });
+        sectionsCopy[sIndex] = updatedSection;
+        return sectionsCopy;
+    }
     render() {
-        return (h("div", { key: 'a7ed6826949c9e988cce758062f38b58851d71da', class: "generic-configs-container" }, h("text-area", { key: 'd7a40529e7839633c377b3e35fbece8835282a01', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        var _a;
+        return (h("div", { key: '1caf2cddda917bc5995b0ec0ec56bf3e5bb88e67', class: "generic-configs-container" }, h("text-area", { key: '5985a043366d88f49c8eb02b30220211c8f8a7e8', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '52c4ac027e360b82d22c207a2b3f890303b49025', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), h("text-area", { key: '68599f20817fd65e76839f6cb7034c4e166699af', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } })));
+            } }), h("stencil-toggle", { key: '3990fe8500311ce8048b20dc3bb1661536d5495e', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
+                const newValue = !this.section.sectionProperties.isRepeatable;
+                const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" })));
     }
     static get style() { return sectionConfigsRendererCss; }
 }, [1, "section-configs-renderer", {
@@ -43,13 +57,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["section-configs-renderer", "text-area", "unity-typography"];
+    const components = ["section-configs-renderer", "stencil-toggle", "text-area", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "section-configs-renderer":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SectionConfigsRenderer);
             }
             break;
+        case "stencil-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "text-area":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
@@ -64,6 +83,6 @@ function defineCustomElement() {
 }
 
 export { SectionConfigsRenderer as S, defineCustomElement as d };
-//# sourceMappingURL=p-DOKGpXin.js.map
+//# sourceMappingURL=p-Cyigv-iT.js.map
 
-//# sourceMappingURL=p-DOKGpXin.js.map
+//# sourceMappingURL=p-Cyigv-iT.js.map

package/dist/components/p-Cyigv-iT.js.map

@@ -0,0 +1 @@
+{"file":"p-Cyigv-iT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/section-configs-renderer.css?tag=section-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/section-configs-renderer.tsx"],"sourcesContent":[".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n} ","import { Component, h, Prop } from '@stencil/core';\nimport { deepCloneFormSections } from '../../forms-builder-utils';\n\n@Component({\n  tag: 'section-configs-renderer',\n  styleUrl: 'section-configs-renderer.css',\n  shadow: true,\n})\nexport class SectionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private get section() {\n    return this.formSectionsDraft?.[this.sIndex];\n  }\n  \n  private handleSectionFieldChange(sIndex: number, field: 'title' | 'sectionText' | 'sectionProperties', value: string) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const updatedSection = { ...sectionsCopy[sIndex], [field]: value };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  private handleSectionRepeatablePropertyChange(sIndex: number, value: boolean) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const oldSection = {...sectionsCopy[sIndex]}\n    const updatedProperties = {... oldSection.sectionProperties, isRepeatable: value}\n    const updatedSection = { ...oldSection, sectionProperties: updatedProperties };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  render() {\n    return (\n      <div class=\"generic-configs-container\">\n\n        <text-area\n          label=\"Title\"\n          value={this.section.title || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section title here\"\n          rows={2}\n          maxRows={5}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <text-area\n          label=\"Section Text\"\n          value={this.section.sectionText || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n        <stencil-toggle\n              label=\"Repeatable\"\n              disabled={this.isViewOnly}\n              checked={this.section.sectionProperties?.isRepeatable === true || false}\n              onToggledChange={() => {\n                const newValue = !this.section.sectionProperties.isRepeatable;\n                const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-hRee3qYx.js → p-D6Wo7quX.js}

@@ -18,6 +18,11 @@ const StencilIconButton = /*@__PURE__*/ proxyCustomElement(class StencilIconButt
         this.disabled = false;
         this.count = null;
     }
+    componentWillLoad() {
+        console.warn('⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +
+            'Please migrate to udp-icon-button for better consistency and theming support. ' +
+            'See component documentation for migration guide.');
+    }
     render() {
         let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class
         let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style
@@ -87,6 +92,6 @@ function defineCustomElement() {
 }
 
 export { StencilIconButton as S, defineCustomElement as d };
-//# sourceMappingURL=p-hRee3qYx.js.map
+//# sourceMappingURL=p-D6Wo7quX.js.map
 
-//# sourceMappingURL=p-hRee3qYx.js.map
+//# sourceMappingURL=p-D6Wo7quX.js.map

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

@@ -0,0 +1 @@
+{"file":"p-D6Wo7quX.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/buttons/icon-button/stencil-icon-button.css?tag=stencil-icon-button&encapsulation=shadow","src/components/my-component/UI/buttons/icon-button/stencil-icon-button.tsx"],"sourcesContent":[".icon-button {\n  background: rgb(255, 255, 255);\n  /* border: 1px solid rgb(171, 177, 174); */\n  border: 0px;\n  border-radius: 25px; /* Changed from 50% to 25px */\n  /* min-width: 110px;   */\n  /* height: 34px; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  gap: 4px;\n  /* padding-right: 16px;\n    padding-left: 16px; */\n  padding: 10px;\n}\n\n.icon-button-secondary {\n  background: transparent;\n  border: 0px;\n  color: var(--primary-color);\n  border-radius: 25px;\n  height: 34px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  gap: 4px;\n  padding-right: 16px;\n  padding-left: 16px;\n}\n\n.icon-button:hover {\n  background: rgba(255, 255, 255, 0.539);\n}\n\n.icon-button.no-background {\n  background: transparent;\n  border: 0px;\n}\n\n.icon-button.no-background:hover {\n  background-color: var(--primary-color-alpha-15);\n}\n\n.icon-button:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.icon-button-secondary:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead, which provides better consistency with udp-button\n * and improved theming support.\n *\n * Migration guide:\n * - Replace `<stencil-icon-button>` with `<udp-icon-button>`\n * - `secondary=true` → `variant='text'` or `variant='outlined'`\n * - `noBackground=true` → `variant='text'`\n * - `darkIcon` → Use `color` prop instead\n * - `showLabel` → Use slot content (if content provided, label shows)\n * - `count` → Use `badgeContent` prop\n */\n@Component({\n  tag: 'stencil-icon-button',\n  styleUrl: 'stencil-icon-button.css',\n  shadow: true,\n})\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead.\n */\nexport class StencilIconButton {\n  @Prop() iconName: string;\n  //@Prop() onClick: () => void;\n  @Prop() onClick: (event: MouseEvent) => void;\n\n  componentWillLoad() {\n    console.warn(\n      '⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +\n      'Please migrate to udp-icon-button for better consistency and theming support. ' +\n      'See component documentation for migration guide.'\n    );\n  }\n\n  @Prop() iconClassName: string;\n  @Prop() tooltip: string;\n  @Prop() icon: any; // Removed the default value\n  @Prop() secondary: boolean = false;\n  @Prop() noBackground: boolean = false;\n  @Prop() noTooltip: boolean = false;\n  @Prop() darkIcon: boolean = true;\n  @Prop() showLabel: boolean = true;\n  @Prop() disabled: boolean = false;\n  @Prop() buttonId: string;\n  @Prop() count : number | null = null\n\n  render() {\n    let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class\n    let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style\n\n    // Use the 'noBackground' prop to add another conditional class\n    if (this.noBackground) {\n      buttonClass += ' no-background';\n    }\n\n    // Your existing code for setting up the icon\n    const iconColor = this.darkIcon ? 'black' : 'white';\n    const iconData = this.icon; // Removed the default value\n\n    const Content = () =>{\n      return (\n        <button disabled={this.disabled} class={buttonClass} onClick={this.onClick} title={this.showLabel ? this.tooltip : null} style={buttonStyle} id={this.buttonId}>\n        {/* Conditionally render the icon if one is provided */}\n        {iconData && (\n          <svg {...iconData.attrs} fill={iconColor}>\n            {iconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              } else if (item.elem === 'circle') {\n                return <circle {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        )}\n        {this.showLabel && <slot></slot>}\n      </button>\n      )\n    }\n    return (\n      <udp-ambient-tool-tip content={this.showLabel ? '' : this.tooltip} noTooltip={this.noTooltip}>\n        { this.count ? (\n           <udp-badge content={this.count}>\n             <Content/>\n           </udp-badge>\n        ) : (\n            <Content/>\n        )\n        }\n      </udp-ambient-tool-tip>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BUw3R0Ql.js → p-D9A5l8BE.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
-import { d as defineCustomElement$7 } from './p-BU706xtx.js';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
-import { d as defineCustomElement$5 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$7 } from './p-hWgAmNsF.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
+import { d as defineCustomElement$5 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$4 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$3 } from './p-C-wDzVCk.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)}";
@@ -21,7 +21,7 @@ const SelectLayerPopUp = /*@__PURE__*/ proxyCustomElement(class SelectLayerPopUp
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f44d282caad5c666e94a296848d476f68f350b06', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '398acb46d56efefaf7e90bf57cf4679e00c24e30', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), h("div", { key: '575148ace44a9aba270a3cd8ae4c442c47446d08', style: { height: '12px' } }), h("div", { key: '14bc3046978e8906bb22db412ef7e5c6fad94ab9' }, h("text-field", { key: '32756ad2ecde9d4c95395417fd87aee1fcc205e7', label: "Search Layers", id: "searchFilter", value: "", onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+        return (h("div", { key: '8d85412f6b99188b7bd3634f51447ca81c96e364', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '49bc9f01de9425b3b94897a6a947ec41eb49454f', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), h("div", { key: '544e49072b516adc6cf357b016f9efa157377164', style: { height: '12px' } }), h("div", { key: '19f29c0ce2a4af9339d5aeb0a7557cb0713ac583' }, h("text-field", { key: '3ba68e86abc0e49289d6039a1d05ed0122606fa3', label: "Search Layers", id: "searchFilter", value: "", onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map((item) => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
     static get style() { return mapPopupCss; }
@@ -85,6 +85,6 @@ function defineCustomElement() {
 }
 
 export { SelectLayerPopUp as S, defineCustomElement as d };
-//# sourceMappingURL=p-BUw3R0Ql.js.map
+//# sourceMappingURL=p-D9A5l8BE.js.map
 
-//# sourceMappingURL=p-BUw3R0Ql.js.map
+//# sourceMappingURL=p-D9A5l8BE.js.map

package/dist/components/{p-BUw3R0Ql.js.map → p-D9A5l8BE.js.map}

@@ -1 +1 @@
-{"file":"p-BUw3R0Ql.js","mappings":";;;;;;;;;AAAA,MAAM,WAAW,GAAG,4rBAA4rB;;MCOnsB,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;AAL7B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAmB,CAAA,mBAAA,GAAa,IAAI;AACpC,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAGxB,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AAsCnC;IAlCC,MAAM,GAAA;;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACtB,IAAI,CAAC,mBAAmB,KACnB,qEACA,EAAE,EAAE,SAAS,EACb,OAAO,EAAG,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAChC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EACrC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAc,OAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAA,EAAC,EAC9D,KAAK,EAAE,KAAK,EAAA,CACV,CACL,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,EAAQ,CAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACK,CACE,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,eAAe,EACtB,EAAE,EAAE,cAAc,EAClB,KAAK,EAAG,EAAE,EACV,OAAO,EAAG,CAAC,CAAM,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAA,CAC9C,CACF,EACL,CAAA,MAAA,IAAI,CAAC,eAAe,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,IAAG,CAAC;aACzB,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,CAAC,IAAI,MACrC,CACE,CAAA,iBAAA,EAAA,EAAA,KAAK,EAAE,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAClB,OAAO,EAAE,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,OAAO,EACtB,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,YAAY,EAAE,IAAI,CAAC,oBAAoB,EAAA,CACvC,CACH,CAAC,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=select-layer-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/select-layer-popup.tsx"],"sourcesContent":["  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }"," import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'select-layer-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SelectLayerPopUp {\n  @Prop() enableTileSelection : boolean = true\n  @Prop() tileOptions : any[] = []\n  @Prop() handleMapTypeInputChange : any\n  @Prop() handleSearchLayers : any\n  @Prop() filteredOptions : any[] = []\n  @Prop() visibleLayers : any[] = []\n  @Prop() updateSelectedLayers : any\n  @Prop() selectedTile : any\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n          {this.enableTileSelection && (\n                <udp-selector\n                id={\"mapType\"}\n                options= {this.tileOptions ?? []}\n                initialValue={this.selectedTile.value}\n                label={\"Map Type\"}\n                onChange={(e: CustomEvent)=>{this.handleMapTypeInputChange(e)}}\n                large={false}\n                />\n            )}\n            <div style={{height: '12px'}}></div>\n           <div>\n                <text-field\n                  label={\"Search Layers\"}\n                  id={\"searchFilter\"}\n                  value= {\"\"}\n                  onInput= {(e: any) => this.handleSearchLayers(e)}\n                  />\n            </div>\n            {this.filteredOptions?.length > 0 &&\n                    this.filteredOptions?.map((item) => (\n              <check-box-group\n                title={item?.title}\n                options={item?.options}\n                values={this.visibleLayers}\n                handleChange={this.updateSelectedLayers}\n              />\n            ))}\n  </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-D9A5l8BE.js","mappings":";;;;;;;;;AAAA,MAAM,WAAW,GAAG,4rBAA4rB;;MCOnsB,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;AAL7B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAmB,CAAA,mBAAA,GAAa,IAAI;AACpC,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAGxB,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AAsCnC;IAlCC,MAAM,GAAA;;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACtB,IAAI,CAAC,mBAAmB,KACnB,qEACA,EAAE,EAAE,SAAS,EACb,OAAO,EAAG,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAChC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EACrC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAc,OAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAA,EAAC,EAC9D,KAAK,EAAE,KAAK,EAAA,CACV,CACL,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,EAAQ,CAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACK,CACE,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,eAAe,EACtB,EAAE,EAAE,cAAc,EAClB,KAAK,EAAG,EAAE,EACV,OAAO,EAAG,CAAC,CAAM,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAA,CAC9C,CACF,EACL,CAAA,MAAA,IAAI,CAAC,eAAe,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,IAAG,CAAC;aACzB,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,CAAC,IAAI,MACrC,CACE,CAAA,iBAAA,EAAA,EAAA,KAAK,EAAE,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAClB,OAAO,EAAE,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,OAAO,EACtB,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,YAAY,EAAE,IAAI,CAAC,oBAAoB,EAAA,CACvC,CACH,CAAC,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=select-layer-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/select-layer-popup.tsx"],"sourcesContent":["  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }"," import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'select-layer-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SelectLayerPopUp {\n  @Prop() enableTileSelection : boolean = true\n  @Prop() tileOptions : any[] = []\n  @Prop() handleMapTypeInputChange : any\n  @Prop() handleSearchLayers : any\n  @Prop() filteredOptions : any[] = []\n  @Prop() visibleLayers : any[] = []\n  @Prop() updateSelectedLayers : any\n  @Prop() selectedTile : any\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n          {this.enableTileSelection && (\n                <udp-selector\n                id={\"mapType\"}\n                options= {this.tileOptions ?? []}\n                initialValue={this.selectedTile.value}\n                label={\"Map Type\"}\n                onChange={(e: CustomEvent)=>{this.handleMapTypeInputChange(e)}}\n                large={false}\n                />\n            )}\n            <div style={{height: '12px'}}></div>\n           <div>\n                <text-field\n                  label={\"Search Layers\"}\n                  id={\"searchFilter\"}\n                  value= {\"\"}\n                  onInput= {(e: any) => this.handleSearchLayers(e)}\n                  />\n            </div>\n            {this.filteredOptions?.length > 0 &&\n                    this.filteredOptions?.map((item) => (\n              <check-box-group\n                title={item?.title}\n                options={item?.options}\n                values={this.visibleLayers}\n                handleChange={this.updateSelectedLayers}\n              />\n            ))}\n  </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CDnOrzs3.js → p-DBtdo56U.js}

@@ -21,12 +21,12 @@ const UdpContainer = /*@__PURE__*/ proxyCustomElement(class UdpContainer extends
         this.padding = true;
     }
     render() {
-        return (h("div", { key: '66333c5149153a9d4510ba416e4bb3a505d51782', class: {
+        return (h("div", { key: '585b9bb995cb7e179c328d07748c66459269c1a0', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: 'c2d2402708cd7f46c81640cb86d227189c3312b6' })));
+            } }, h("slot", { key: '5851c51e280c4322cc404bbea3bb3979ac14681e' })));
     }
     static get style() { return udpContainerCss; }
 }, [1, "udp-container", {
@@ -49,6 +49,6 @@ function defineCustomElement() {
 }
 
 export { UdpContainer as U, defineCustomElement as d };
-//# sourceMappingURL=p-CDnOrzs3.js.map
+//# sourceMappingURL=p-DBtdo56U.js.map
 
-//# sourceMappingURL=p-CDnOrzs3.js.map
+//# sourceMappingURL=p-DBtdo56U.js.map

package/dist/components/{p-CDnOrzs3.js.map → p-DBtdo56U.js.map}

@@ -1 +1 @@
-{"file":"p-CDnOrzs3.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/my-component/UI/layout/udp-container/udp-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.udp-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n.udp-container--padded {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n  max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n  max-width: 640px;\n}\n\n.udp-container--md {\n  max-width: 768px;\n}\n\n.udp-container--lg {\n  max-width: 1024px;\n}\n\n.udp-container--xl {\n  max-width: 1280px;\n}\n\n.udp-container--2xl {\n  max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container',\n  styleUrl: 'udp-container.css',\n  shadow: true,\n})\nexport class UdpContainer {\n  /**\n   * If true, the container will be fluid (100% width at all breakpoints)\n   */\n  @Prop() fluid: boolean = false;\n\n  /**\n   * Maximum width for the container at different breakpoints\n   */\n  @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n  /**\n   * Add padding to the container\n   */\n  @Prop() padding: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          'udp-container': true,\n          'udp-container--fluid': this.fluid,\n          'udp-container--padded': this.padding,\n          [`udp-container--${this.maxWidth}`]: true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DBtdo56U.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/my-component/UI/layout/udp-container/udp-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.udp-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n.udp-container--padded {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n  max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n  max-width: 640px;\n}\n\n.udp-container--md {\n  max-width: 768px;\n}\n\n.udp-container--lg {\n  max-width: 1024px;\n}\n\n.udp-container--xl {\n  max-width: 1280px;\n}\n\n.udp-container--2xl {\n  max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container',\n  styleUrl: 'udp-container.css',\n  shadow: true,\n})\nexport class UdpContainer {\n  /**\n   * If true, the container will be fluid (100% width at all breakpoints)\n   */\n  @Prop() fluid: boolean = false;\n\n  /**\n   * Maximum width for the container at different breakpoints\n   */\n  @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n  /**\n   * Add padding to the container\n   */\n  @Prop() padding: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          'udp-container': true,\n          'udp-container--fluid': this.fluid,\n          'udp-container--padded': this.padding,\n          [`udp-container--${this.maxWidth}`]: true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BIc3R4fE.js → p-DFKz-3Nr.js}

@@ -7,10 +7,10 @@ import CheckMark16 from '@carbon/icons/es/checkmark/16';
 import FitToHeight16 from '@carbon/icons/es/fit-to-height/16';
 import Locked16 from '@carbon/icons/es/locked/16';
 import { d as defineCustomElement$6 } from './p-Cqop-pkv.js';
-import { d as defineCustomElement$5 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$5 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$4 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$3 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$2 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$2 } from './p-BANMRVyZ.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const resourceTimelinePrimaryBarCss = ".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;flex-direction:column}.title{font-weight:900}.subtitle{display:flex;flex-direction:row}.lock-icon{margin-top:-6px;margin-left:-4px}.status-icon{height:16px;margin-left:var(--spacing-03)}.button-section{display:flex;gap:var(--spacing-03);align-items:center;padding-right:var(--spacing-05);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}";
@@ -23,7 +23,7 @@ const ResourceTimelinePrimaryBar = /*@__PURE__*/ proxyCustomElement(class Resour
         this.subtitleStatusMappingClasses = {};
     }
     render() {
-        return (h("div", { key: '7109742ead147643d5ea68ef8cd7a926d4ad0fb7', class: "header-bar" }, h("div", { key: '8eb9da6fbe1ee4edef4a9aa19e72ad7fceeb0371', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { class: "title", variant: "button" }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '3a31f1457f38f9b4158ac2a831647d7681b71cf2', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "caption-text" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), this.subtitleStatus && h("status-chip", { key: '0d156ed08da0ef50768cd3550f99d6fcfa822081', class: "status-icon", statusValue: this.subtitleStatus, statusClasses: this.subtitleStatusMappingClasses }, this.subtitleStatus), this.showLockedIcon && h("stencil-icon-button", { key: 'b0080ed1b97371c209a8d9264a335297c21206fa', class: "lock-icon", noBackground: true, darkIcon: true, icon: Locked16, noTooltip: true, showLabel: false }))), h("div", { key: '9be5e9815c420feae05468c2f3f0399fd1613446', class: "button-section" }, h("stencil-icon-button", { key: 'c55b6f036f36ec0487d4e555fffc60c93affed5a', darkIcon: true, icon: Fit16, showLabel: false, noTooltip: true, onClick: this.customFitColumnClick }), h("stencil-icon-button", { key: '8334f59a443909517de98b84a8d56486cf9215d5', darkIcon: true, icon: FitToHeight16, showLabel: false, noTooltip: true, onClick: this.toggleGroupExpandAll }), this.clickBackward && (h("stencil-icon-button", { key: '92db2c6020d5952079e08d40a9c74b978b6cf6ee', darkIcon: true, icon: ChevronLeft16, showLabel: false, noTooltip: true, onClick: this.clickBackward })), this.clickToday && (h("stencil-icon-button", { key: '61f2c344389fa6f93a726e52de12359293359c82', tooltip: "Current Date", noTooltip: true, onClick: this.clickToday }, "Today")), this.clickForward && (h("stencil-icon-button", { key: '07e73fb967eaa5b4c32dc84bfeb37f86d5ca729c', darkIcon: true, icon: ChevronRight24, noTooltip: true, showLabel: false, onClick: this.clickForward })), this.secondaryActionClick && (h("stencil-icon-button", { key: 'b00e74549a15b99561261accc1c990581f318768', icon: CheckMark16, disabled: this.disableSecondaryAction, noTooltip: true, onClick: this.secondaryActionClick }, this.secondaryActionTitle)), this.primaryActionClick && (h("stencil-icon-button", { key: 'e4bdbde92e53b7a3fe6c2d1f8219b3ea57cc02f2', disabled: this.disablePrimaryAction, darkIcon: true, icon: AddIcon16, noTooltip: true, onClick: this.primaryActionClick }, this.primaryActionTitle)))));
+        return (h("div", { key: 'e4b02bd2b8ef3c4d9fa44b6017cd0f8a5eff7dc6', class: "header-bar" }, h("div", { key: 'abbc6920ba41e8b3d04a0240688d653da29d2613', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { class: "title", variant: "button" }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '17cbe8b25b091780ffabb93d4f6cca1559e91990', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "caption-text" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), this.subtitleStatus && h("status-chip", { key: 'd9bb742ccd6f3d7a998b50b07ee4c6cc16660bcc', class: "status-icon", statusValue: this.subtitleStatus, statusClasses: this.subtitleStatusMappingClasses }, this.subtitleStatus), this.showLockedIcon && h("stencil-icon-button", { key: '025b0509aa82b4508b664d3c019f844485d93046', class: "lock-icon", noBackground: true, darkIcon: true, icon: Locked16, noTooltip: true, showLabel: false }))), h("div", { key: '380e7c5ef0b95d15e3f26be4bf53475bffcb0be8', class: "button-section" }, h("stencil-icon-button", { key: '0bd6f18e7d0bb59ba99a6bff450b2eba3343beaa', darkIcon: true, icon: Fit16, showLabel: false, noTooltip: true, onClick: this.customFitColumnClick }), h("stencil-icon-button", { key: '34bba89ede7b553a4d43e847eeda746337f7a8bb', darkIcon: true, icon: FitToHeight16, showLabel: false, noTooltip: true, onClick: this.toggleGroupExpandAll }), this.clickBackward && (h("stencil-icon-button", { key: '2c14f28291d321fa5299de614382107733a44ed5', darkIcon: true, icon: ChevronLeft16, showLabel: false, noTooltip: true, onClick: this.clickBackward })), this.clickToday && (h("stencil-icon-button", { key: '379933b13162a8be2c0bb963ca56f2c59ee45496', tooltip: "Current Date", noTooltip: true, onClick: this.clickToday }, "Today")), this.clickForward && (h("stencil-icon-button", { key: '554d6b488646122513c6ad649669a7df7689961b', darkIcon: true, icon: ChevronRight24, noTooltip: true, showLabel: false, onClick: this.clickForward })), this.secondaryActionClick && (h("stencil-icon-button", { key: '524dbc82dc876402db5bb022c7a4646bca639a03', icon: CheckMark16, disabled: this.disableSecondaryAction, noTooltip: true, onClick: this.secondaryActionClick }, this.secondaryActionTitle)), this.primaryActionClick && (h("stencil-icon-button", { key: '17adba355edac1f687ce9a95cd382b643fd7e9cc', disabled: this.disablePrimaryAction, darkIcon: true, icon: AddIcon16, noTooltip: true, onClick: this.primaryActionClick }, this.primaryActionTitle)))));
     }
     static get style() { return resourceTimelinePrimaryBarCss; }
 }, [1, "resource-timeline-primary-bar", {
@@ -89,6 +89,6 @@ function defineCustomElement() {
 }
 
 export { ResourceTimelinePrimaryBar as R, defineCustomElement as d };
-//# sourceMappingURL=p-BIc3R4fE.js.map
+//# sourceMappingURL=p-DFKz-3Nr.js.map
 
-//# sourceMappingURL=p-BIc3R4fE.js.map
+//# sourceMappingURL=p-DFKz-3Nr.js.map