udp-stencil-component-library 25.18.2-beta.5 → 25.18.2-beta.7

package/dist/stencil-library/map-component_2.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s}from"./index-CaZq3YdB.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import u from"proj4";import{register as c}from"ol/proj/proj4";import{Select as f,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,g as S,a as g,b as O,c as M,d as F,s as P}from"./udp-map-utils-DNAUNI5U.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as B}from"ol/interaction/Draw";import{transformExtent as z}from"ol/proj";import{click as T}from"ol/events/condition";import{first as D,debounce as A}from"lodash";import{S as V,D as Z,P as k}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const u=new f({condition:t=>T(t),multi:false,hitTolerance:30});u.set("id",V);u.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=D(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(b(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(u);l(u)};const N=(t,i,s,e,h,o,n,a,r,d,u,c,f,v,m,y)=>{e(true);h(true);o(null);f([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=B()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);u(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=z(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!c.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(c===null||c===void 0?void 0:c.length)>0?[...c,...n]:n;f(t);if(y){y(c)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,u,c,f)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){b=t.getSource()}}}))}else{b=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===Z)))===null||w===void 0?void 0:w.getSource()}const S=new p({source:b,type:s});o(S);S.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:b};if(n){n(t)}if(!c){f()}}}));u(S)};const U=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const u=new p({source:d,type:"LineString"});e(u);u.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(u);e(u)};const E=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const W=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let u=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});u[u.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});u[u.length]=t}u.push(new l({source:new a({}),properties:{id:Z}}));const c=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:u,view:c,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:k})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=S(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==Z){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){u.defs(t);c(u);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(k);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"6440b60c5df675d7a69aed4e5e5e6b25330496ef"},i("div",{key:"497c3f51fe5ea88db661db6c2769b2645f4bb0b2",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9"})),i("div",{key:"af32abb9573ac1adb672bca7c8ace2897576896b",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"9d294a0a51f7b8b1c61179037809935544c6444e",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};W.style=E;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;U(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"a89aa9acb1c9c01c31f6e730e17dd595bc6da472",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{W as map_component,q as udp_map_toolbar};
+import{r as t,h as i,a as s}from"./index-CaZq3YdB.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as u}from"ol/proj/proj4";import{Select as c,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,g as S,a as g,b as O,c as M,d as F,s as P}from"./udp-map-utils-DNAUNI5U.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as B}from"ol/interaction/Draw";import{transformExtent as z}from"ol/proj";import{click as T}from"ol/events/condition";import{first as D,debounce as A}from"lodash";import{S as V,D as Z,P as k}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new c({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",V);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=D(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(b(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(f);l(f)};const N=(t,i,s,e,h,o,n,a,r,d,f,u,c,v,m,y)=>{e(true);h(true);o(null);c([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=B()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=z(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!u.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(u===null||u===void 0?void 0:u.length)>0?[...u,...n]:n;c(t);if(y){y(u)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,f,u,c)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){b=t.getSource()}}}))}else{b=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===Z)))===null||w===void 0?void 0:w.getSource()}const S=new p({source:b,type:s});o(S);S.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:b};if(n){n(t)}if(!u){c()}}}));f(S)};const U=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const E=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const W=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:Z}}));const u=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:u,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:k})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=S(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==Z){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);u(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(k);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"1ba9e0b45f86eb8d47187f94e407e335df9905a9"},i("div",{key:"9d756fc99c3d7c37316ca5143f3bb576b8274e70",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"4046b6d0e58041db6f91975d708fd53be87d720b"})),i("div",{key:"5e571b4c5454f2e33392fbe3d5eba5f3f08c7392",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"1de46400d02cea8b41307b8102df4c99412294df",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};W.style=E;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;U(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"6e671f25d3e390ef73a799bf7bf8519822e085ec",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{W as map_component,q as udp_map_toolbar};
 //# sourceMappingURL=map-component_2.entry.js.map

package/dist/stencil-library/numeric-field_5.entry.js

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as p,a as n}from"./index-CaZq3YdB.js";const r=':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}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"efe222e4acc6be9cbb2741e757673f6958e895da",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"66feb024a13e9c2fb95a386d0e025b15a9fcebb5",class:"bx--form-item"},e("unity-typography",{key:"65469753637179be15c383bf8f6f819d9b5fdb10",variant:"caption-text"},e("label",{key:"cf0f7ddd918efde5aacba18537536bb2dd101e98",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"679fa05b23a7d3a41fb18f3a77859331f6460011",class:"error-message"},e("unity-typography",{key:"ea5f43b1356863a2dfe7b76918ddad8d646030a3",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"8030ffc085d6b53b0ae1a35f81d4da4c9e155c0e",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"21806e67cd632ef1c0d141d57c356eaaeb68f098",class:"bx--form-item"},e("unity-typography",{key:"4094220f657f8cd5fcee94cf60a7d7cd62108ca9",variant:"caption-text"},e("label",{key:"fcda510639bd39ad292d9fb4721acac7cc35e456",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"d53d49eed9d2e7a7b342a59ee71215eab199206b",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"faf6cd4d6bb621416dc36b660581b9a6dc94c057",class:"error-message"},e("unity-typography",{key:"8433e5d11d1b43358baa1d2a961c4bfa3d7c95a7",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':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(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"6508c42efac96e7db1d320ec4faed15fd849540c",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"ecd12c48810b985d702ce70ab89e0670f387c257",class:"bx--form-item"},e("unity-typography",{key:"51a542e4f6c238965fc82312a10beb21386d4ead",variant:"caption-text"},e("label",{key:"af6d330c10eb905ee01e53e50d43038d10a0714f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"183af2eb4d561a24098dee7c8eebb2b3436606d2",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"3233342e07981927427787adbc0dc0cad28d302c",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"510b2b323027de453c53f54c4f2e07852e704559",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8",class:"bx--form-item"},e("unity-typography",{key:"96d28577fb180ffbd021ff475028c93cd1c10262",variant:"caption-text"},e("label",{key:"3f7eb4054fd21b7b684e6d0012fe249c5b164b3a",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"6a3b75c91e17283f5e36a782735d5b09eb927aee",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':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}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"d2249c774eaa3b6e0e9423581083d59b1bfc4336",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"fe18b74861a9f5d1739317bbd357cce48ac81176",class:"bx--form-item"},e("unity-typography",{key:"5afab9726865da75b9b4f228ecd0ad553825a40a",variant:"caption-text"},e("label",{key:"46ff7f80e88357c25d86ac11a8835733bf19853e",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"e74de46ca5f386f91320f16af6f5b5fa9d61a9cf",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"d1ec82959fd633a6a297a1cd3523432454afec52",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
+import{r as t,c as i,h as e,H as p,a as n}from"./index-CaZq3YdB.js";const r=':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}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db",class:"bx--form-item"},e("unity-typography",{key:"8f4efdc44e69a5abbba47c09f6ed2219e8a1f967",variant:"caption-text"},e("label",{key:"80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"fa3c05e26d05edd9effcc140767d443d781b909a",class:"error-message"},e("unity-typography",{key:"60ee4505e360a162e85097a15859fc2e65969bc0",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"ca17436a4c7b653937f145bb5ad1d6b72d4288f1",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"a60d4d2d0be6e9185b69f1817e8b12b0fe6d00a3",class:"bx--form-item"},e("unity-typography",{key:"3d98ead9011fe5591f2e375896dd49ec702fbafc",variant:"caption-text"},e("label",{key:"6fe1af1670c3c9eca732b6c6a1acf561a18e970e",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"a3993402edfc75d4bb6a7656bac2f4fffef0f154",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"0d3e3a857df2cf8eac691db282cf42a97d25fe61",class:"error-message"},e("unity-typography",{key:"1473a99c0176bc969a782e87f8a19e393b66ddfa",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':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(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"059b2399e917f7ebb88d764e25c79853e4e3f01f",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"d32d5ca325b9eec57923dee615fccac31e2a2d3d",class:"bx--form-item"},e("unity-typography",{key:"bd4d8d5a65f6db822172d726acf4f901aa173d6b",variant:"caption-text"},e("label",{key:"980e5f485074b96e7d5893d99cf96cf58181177f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"099b7ff32e63380fca4d46c9ab2c42727d11c250",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"48bdb76b087160ee1904f708b9908c1b625b7995",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"0eddaf6bead525751f2cbbfbdc6f1e8c9ee2ad60",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"6e19a9481e654fde525031375c99013dc48c9a98",class:"bx--form-item"},e("unity-typography",{key:"f6c2b1855a412810762d485ec33adffa116f5a9a",variant:"caption-text"},e("label",{key:"c2660d82ad87c0cecc1cd46cefcb4f5ad37e28f7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"c6f0a8d49ae387a193bb47d4de1748d8fe1d41a7",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"ebefdc4a695d374c63dd6e62ba1602bf7389e9c2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':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}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"b926488bd2c3d8bc4223cf3583dcb88ecdd39395",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"ba157e23a87f0a3cdf29b4f0e6dc4c3182d9dfee",class:"bx--form-item"},e("unity-typography",{key:"92bbe45ec95441bc92699cdc4b08d7bd3599d645",variant:"caption-text"},e("label",{key:"ff966556d6d5d6cd7bf501d527bc78e4c4e631eb",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"ea13d4b4853f7338ce576aaba30b74d834ab77ca",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"b3124e90f0b568f668c4a49afa4b1d4afe70bccc",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
 //# sourceMappingURL=numeric-field_5.entry.js.map

package/dist/stencil-library/primary-action-header.udp-tabs.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary-action-header.udp-tabs.entry.esm.js","sources":["src/components/data-display/primary-action-header/primary-action-header.css?tag=primary-action-header&encapsulation=shadow","src/components/data-display/primary-action-header/primary-action-header.tsx","src/components/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs&encapsulation=shadow","src/components/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":["/* grid-primary-bar.css */\n:host {\n  display: block;\n  font-family: var(--font-family-base, sans-serif); \n  background-color: var(--primary-action-header-background, #ffffff);\n  color: var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));\n  box-shadow: var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));\n  height: var(--primary-action-header-height, 48px);\n  padding: var(--primary-action-header-padding, 0 var(--spacing-04));\n  box-sizing: border-box;\n}\n\n.header-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.title-section {\n  flex-shrink: 0;\n  margin-right: var(--spacing-md, 16px);\n}\n\n/* Tabs are not fully supported yet - this is leftover from work Greg did with Mindscope */\n.tabs {\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  min-width: 0;\n}\n\n.tabs udp-tabs {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.tabs udp-tabs::part(tab-list) {\n  /* This rule targets the 'tab-list' part within the udp-tabs component's shadow DOM. */\n  /* It's a placeholder for any specific styling needed for the tab list container itself. */\n  /* For example: display: flex; align-items: stretch; height: 100%; */\n}\n\n.tabs udp-tabs button {\n  padding: 0 16px;\n  margin: 0 var(--spacing-xxs, 4px);\n  height: 100%;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-size: var(--font-size-sm, 0.875rem);\n  color: var(--text-color-secondary, rgba(0, 0, 0, 0.6));\n  text-transform: uppercase;\n  font-weight: var(--font-weight-medium, 500);\n  border-bottom: 2px solid transparent;\n  transition: color 0.3s ease, border-bottom-color 0.3s ease;\n}\n\n.tabs udp-tabs button:hover {\n  color: var(--primary-color-hover, var(--primary-color, #1976d2));\n}\n\n.tabs udp-tabs button.active {\n  color: var(--primary-color, #1976d2);\n  border-bottom: 2px solid var(--primary-color, #1976d2);\n}\n\n.button-section {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--spacing-sm, 8px);\n}\n\n.button-section stencil-icon-button {\n  color: var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)));\n}\n\n.button-section stencil-icon-button:hover {\n  background-color: rgba(0,0,0,0.04);\n}\n\n\n.button-section custom-button {\n  /* Styles for the primary action button */\n  /* You might want to use your design system's button styles here */\n  /* Example: margin-left: var(--spacing-sm, 8px); */\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport iconMapping from '../icons/iconMapping';\n\n@Component({\n  tag: 'primary-action-header',\n  styleUrl: 'primary-action-header.css',\n  shadow: true,\n})\nexport class PrimaryActionHeader {\n  @Prop() title: string;\n  @Prop() hiddenActionButtons: string[] = [];\n  @Prop() hiddenLabels: string[] = [];\n  @Prop() actionButtons: any[] = [];\n  @Prop() defaultActionButtons: any[] = [];\n  @Prop() customSaveViewClick?: (event?: MouseEvent) => void;\n  @Prop() customSizeToFitClick?: (event?: MouseEvent) => void;\n  @Prop() customExportClick?: (event?: MouseEvent) => void;\n  @Prop() primaryActionClick?: (event?: MouseEvent) => void;\n  @Prop() customColumnViewClick?: (event?: MouseEvent) => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() customFilterViewClick?: (event?: MouseEvent) => void;\n  @Prop() customClearClick?: (event?: MouseEvent) => void;\n  @Prop() customExpandClick?: (event?: MouseEvent) => void;\n  @Prop() customShowViewClick?: (event?: MouseEvent) => void;\n  @Prop() activeTabIndex: number;\n  @Prop() selectTab: (index: number) => void;\n  @Prop() tabs: boolean = true;\n  @Prop() actionButtonLabel: string = '';\n  //   @State() activeTabIndex: number = 0;\n\n  getIconComponent(icon: string | Function, customIcon: Function) {\n    if (customIcon) {\n      return customIcon;\n    }\n\n    if (typeof icon === 'string') {\n      return iconMapping[icon];\n    }\n\n    return icon;\n  }\n\n  renderIcon(ActualIcon: any) {\n    if (ActualIcon && ActualIcon.elem === 'svg') {\n      return (\n        <svg {...ActualIcon.attrs}>\n          {ActualIcon.content.map((content: any, index: number) => {\n            return <path key={index} {...content.attrs} />;\n          })}\n        </svg>\n      );\n    }\n    return null;\n  }\n\n  //   selectTab(index: number) {\n  //     this.activeTabIndex = index;\n  //   }\n\n  render() {\n    console.log('active tab', this.activeTabIndex);\n\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          <unity-typography variant=\"h4\">{this.title}</unity-typography>\n        </div>\n\n        {/* IMPORTANT: NEED TO ADD A TABS COMPONENT SUPPORT - This is from work Greg did for mindscope demo */}\n        {this.tabs && (\n          <div class=\"tabs\">\n            <udp-tabs>\n              <button class={this.activeTabIndex === 0 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(0)}>\n                Demo Grid\n              </button>\n              <button class={this.activeTabIndex === 1 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(1)}>\n                Other Content\n              </button>\n            </udp-tabs>\n          </div>\n        )}\n\n        <div class=\"button-section\">\n          {this.defaultActionButtons.map(btn => {\n            // Determine the actual icon to use\n            const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);\n\n            const clickHandler = (event?: MouseEvent) => {\n              if (btn.clickHandler) {\n                btn.clickHandler(event);\n              } else {\n                console.log(`${btn.label} Clicked but no custom handler defined`);\n              }\n            };\n\n            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {\n              return (\n                <stencil-icon-button secondary={btn.secondary} onClick={clickHandler} tooltip={btn.tooltip}>\n                  {/* Render icon directly */}\n                  {this.renderIcon(ActualIcon)}\n\n                  {/* Show label if it's not hidden and should be shown */}\n                  {!this.hiddenLabels.includes(btn.label) && btn.showLabel && <span>{btn.label}</span>}\n                </stencil-icon-button>\n              );\n            }\n            return null;\n          })}\n          {!this.actionButtonLabel && <div class=\"right-margin\" />}\n\n          {this.actionButtonLabel && (\n            <udp-button variant=\"contained\" color=\"secondary\" onClick={event => this.primaryActionClick(event)}>\n              {this.actionButtonLabel}\n            </udp-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n",".tab-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.tab-header {\n  background-color: #ffffff;\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.tab-scroll-container {\n  display: flex;\n  position: relative;\n  overflow-x: auto;\n  overflow-y: hidden;\n  flex: 1;\n  min-width: 0;\n}\n\n.tab-scroll-container::-webkit-scrollbar {\n  height: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb {\n  background-color: rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n\n.tab-header::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background-color: var(--divider-color, #e0e0e0);\n}\n\n/* This is the base style for tab buttons */\n.tab-header button {\n  padding: 16px;\n  font-size: 14px;\n  text-align: center;\n  border: none;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  transition: all 0.22s ease;\n  color: #555555;;\n  font-weight: 600;\n  opacity: 0.9;\n  white-space: nowrap;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.tab-header.fill .tab-scroll-container {\n  width: 100%;\n}\n.tab-header.fill .tab-scroll-container button {\n  flex-grow: 1;\n}\n\n.tab-header button.active {\n  color: var(--secondary-color, #344861);\n  opacity: 1.0;\n}\n\n.tab-header button.scroll-arrow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  padding: 0;\n\n  background: #ffffff;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: bold;\n  color: #757575;\n  z-index: 2;\n  transition: color 0.2s ease;\n\n  flex-shrink: 0;\n  opacity: 1;\n  gap: 0;\n}\n\n.tab-header button.scroll-arrow:hover {\n  color: #000;\n}\n\n.tab-header button.scroll-arrow.left {\n  left: 0;\n}\n\n.tab-header button.scroll-arrow.right {\n  right: 0;\n\n}\n\n.scroll-fade {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 30px;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.scroll-fade.left {\n  left: 40px;\n  background: linear-gradient(\n    to right,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.scroll-fade.right {\n  right: 40px;\n  background: linear-gradient(\n    to left,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.tab-header button udp-icon {\n  font-size: 1.2em;\n  line-height: 1;\n}\n\n.tab-header button.icon-start {\n  flex-direction: row;\n}\n.tab-header button.icon-end {\n  flex-direction: row-reverse;\n}\n.tab-header button.icon-top {\n  flex-direction: column;\n  gap: 4px;\n}\n.tab-header button.icon-bottom {\n  flex-direction: column-reverse;\n  gap: 4px;\n}\n\n.slider {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  background-color: var(--secondary-color, #344861);\n\n  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 1;\n}\n\n.tab-header button.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.tab-header button.disabled.active {\n  color: #757575;\n  opacity: 0.5;\n}\n","import { Component, h, State, Element, Watch, Listen, Prop, Event, EventEmitter } from '@stencil/core';\n\ninterface TabDetail {\n  label: string;\n  icon?: string;\n  iconPlacement?: 'start' | 'end' | 'top' | 'bottom';\n  hidden?: boolean;\n  disabled?: boolean;\n}\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n  shadow: true,\n})\nexport class UdpTabs {\n  @Element() el: HTMLElement;\n\n  /**\n   * Specifies the layout variant of the tab header.\n   *\n   * - `'standard'`: Tabs will be sized based on their content.\n   * - `'fill'`: Tabs will stretch to fill the available horizontal space.\n   */\n  @Prop() variant: 'fill' | 'standard' = 'fill';\n\n  /**\n   * (Controlled) The index of the currently active tab.\n   * If this prop is provided, the component will be in \"controlled\" mode.\n   * The parent must listen for `udpTabChange` to update this value.\n   */\n  @Prop() value?: number;\n\n  /**\n   * (Optional) An array of tab configuration objects.\n   * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.\n   * This mode is typically used with controlled tabs.\n   */\n  @Prop() tabs: TabDetail[] = [];\n\n  /**\n   * (Controlled) Emits the index of the tab that was clicked.\n   * This is only emitted in \"controlled\" mode (when `value` is provided).\n   */\n  @Event() udpTabChange: EventEmitter<number>;\n\n  @State() internalActiveTab: number = 0; // For uncontrolled mode\n  @State() tabDetails: TabDetail[] = []; // Unified details from prop or slot\n  @State() sliderStyle: { width: string; transform: string } = {\n    width: '0',\n    transform: 'translateX(0)',\n  };\n  @State() showScrollLeft: boolean = false;\n  @State() showScrollRight: boolean = false;\n\n  private slottedTabs: HTMLUdpTabElement[] = []; // Renamed from `tabs`\n  private buttonRefs: HTMLButtonElement[] = [];\n  private scrollContainerRef?: HTMLDivElement;\n\n  /**\n   * Returns true if the component is in controlled mode.\n   */\n  private get isControlled(): boolean {\n    return this.value != null;\n  }\n\n  /**\n   * Returns true if tabs are being provided by the `tabs` prop.\n   */\n  private get useTabsProp(): boolean {\n    return this.tabs && this.tabs.length > 0;\n  }\n\n  /**\n   * Returns the currently active tab index,\n   * respecting controlled or uncontrolled mode.\n   */\n  private get activeTab(): number {\n    return this.isControlled ? this.value : this.internalActiveTab;\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    // If we're using the tabs prop, slot changes are irrelevant\n    if (this.useTabsProp) return;\n    this.initializeTabs();\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  componentDidLoad() {\n    this.initializeTabs();\n  }\n\n  /**\n   * Watcher for uncontrolled state changes.\n   */\n  @Watch('internalActiveTab')\n  onActiveTabChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for controlled state changes.\n   */\n  @Watch('value')\n  onValueChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for tabs prop changes.\n   */\n  @Watch('tabs')\n  onTabsPropChange() {\n    this.initializeTabs();\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private initializeTabs() {\n    this.buttonRefs = [];\n\n    if (this.useTabsProp) {\n      // --- Prop-based ---\n      this.tabDetails = this.tabs.map(t => ({ ...t })); // Use data from prop\n      this.slottedTabs = []; // Ensure we're not tracking slotted tabs\n    } else {\n      // --- Slot-based ---\n      this.slottedTabs = Array.from(this.el.children).filter(\n        (child): child is HTMLUdpTabElement => child.tagName.toLowerCase() === 'udp-tab',\n      );\n\n      this.tabDetails = this.slottedTabs.map(tab => ({\n        label: tab.label,\n        icon: tab.icon,\n        iconPlacement: tab.iconPlacement,\n        hidden: tab.hidden,\n        disabled: tab.disabled,\n      }));\n    }\n\n    // --- Common Logic ---\n    // In uncontrolled mode, check if the default active tab is invalid.\n    if (!this.isControlled) {\n      if (this.tabDetails[this.internalActiveTab]?.hidden || this.tabDetails[this.internalActiveTab]?.disabled) {\n        const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);\n        this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;\n      }\n    }\n\n    this.updateActiveTabs();\n\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private updateActiveTabs() {\n    // Only update slotted tabs if we're in slot mode\n    if (!this.useTabsProp) {\n      const currentActiveTab = this.activeTab;\n      this.slottedTabs.forEach((tab, index) => {\n        tab.active = index === currentActiveTab;\n      });\n    }\n    // If in prop mode, the <button> 'active' class is handled by render()\n  }\n\n  private updateSliderPosition() {\n    const activeButton = this.buttonRefs[this.activeTab]; // Use getter\n    if (!activeButton) {\n      this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };\n      return;\n    }\n\n    this.sliderStyle = {\n      width: `${activeButton.offsetWidth}px`,\n      transform: `translateX(${activeButton.offsetLeft}px)`,\n    };\n  }\n\n  private checkScroll() {\n    if (!this.scrollContainerRef) return;\n    const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;\n    const isOverflowing = scrollWidth > clientWidth;\n    this.showScrollLeft = isOverflowing && scrollLeft > 1;\n    this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;\n  }\n\n  private tabClicked(tabIndex: number) {\n    if (this.tabDetails[tabIndex]?.disabled) {\n      return;\n    }\n\n    if (this.isControlled) {\n      // In controlled mode, emit the event for the parent to handle.\n      // The `onValueChange` watcher will handle UI updates when the prop changes.\n      this.udpTabChange.emit(tabIndex);\n    } else {\n      // In uncontrolled mode, update state directly.\n      // The `onActiveTabChange` watcher will handle UI updates.\n      this.internalActiveTab = tabIndex;\n    }\n  }\n\n  private scrollTabIntoView(tabIndex: number) {\n    const tabButton = this.buttonRefs[tabIndex];\n    const container = this.scrollContainerRef;\n\n    if (!tabButton || !container) return;\n\n    const { scrollLeft, clientWidth } = container;\n    const tabLeft = tabButton.offsetLeft;\n    const tabRight = tabLeft + tabButton.offsetWidth;\n\n    const safeZonePadding = 70;\n    const safeZoneLeft = scrollLeft + safeZonePadding;\n    const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;\n\n    if (tabLeft < safeZoneLeft) {\n      container.scrollTo({\n        left: tabLeft - safeZonePadding,\n        behavior: 'smooth',\n      });\n    } else if (tabRight > safeZoneRight) {\n      container.scrollTo({\n        left: tabRight - clientWidth + safeZonePadding,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n  private scrollToStart() {\n    if (!this.scrollContainerRef) return;\n    this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });\n  }\n\n  private scrollToEnd() {\n    if (!this.scrollContainerRef) return;\n    const container = this.scrollContainerRef;\n    const { scrollWidth, clientWidth } = container;\n    const maxScrollLeft = scrollWidth - clientWidth;\n    container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });\n  }\n\n  render() {\n    const currentActiveTab = this.activeTab; // Use getter\n\n    return (\n      <div class=\"tab-container\">\n        <div class={`tab-header ${this.variant}`}>\n          {this.showScrollLeft && (\n            <button\n              class=\"scroll-arrow left\"\n              onClick={() => this.scrollToStart()}\n              aria-label=\"Scroll to first tab\"\n            >\n              <udp-icon iconName=\"chevronLeft16\" color=\"inherit\" />\n            </button>\n          )}\n\n          {this.showScrollLeft && <div class=\"scroll-fade left\"></div>}\n\n          <div\n            class=\"tab-scroll-container\"\n            ref={el => (this.scrollContainerRef = el)}\n            onScroll={() => this.checkScroll()}\n          >\n            {this.tabDetails.map((tab, index) => {\n              if (tab.hidden) {\n                return null;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const iconEl = tab.icon ? <udp-icon iconName={tab.icon} color={'inherit'} /> : null;\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const labelEl = <span>{tab.label}</span>;\n\n              return (\n                <button\n                  class={{\n                    'active': index === currentActiveTab,\n                    'has-icon': !!tab.icon,\n                    [`icon-${tab.iconPlacement}`]: !!tab.icon,\n                    'disabled': tab.disabled,\n                  }}\n                  disabled={tab.disabled}\n                  onClick={() => this.tabClicked(index)}\n                  role=\"tab\"\n                  aria-selected={index === currentActiveTab ? 'true' : 'false'}\n                  aria-disabled={tab.disabled ? 'true' : 'false'}\n                  ref={el => (this.buttonRefs[index] = el)}\n                >\n                  {iconEl}\n                  {labelEl}\n                </button>\n              );\n            })}\n\n            <div class=\"slider\" style={this.sliderStyle}></div>\n          </div>\n\n          {this.showScrollRight && <div class=\"scroll-fade right\"></div>}\n\n          {this.showScrollRight && (\n            <button\n              class=\"scroll-arrow right\"\n              onClick={() => this.scrollToEnd()}\n              aria-label=\"Scroll to last tab\"\n            >\n              <udp-icon iconName=\"chevronRight16\" color=\"inherit\" />\n            </button>\n          )}\n        </div>\n\n        {!this.isControlled && !this.useTabsProp && (\n          <div>\n            <slot></slot>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/primary-action-header_2.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,c as e,a as i}from"./index-CaZq3YdB.js";import{i as r}from"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const n=":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}";const a=class{constructor(t){o(this,t);this.hiddenActionButtons=[];this.hiddenLabels=[];this.actionButtons=[];this.defaultActionButtons=[];this.tabs=true;this.actionButtonLabel=""}getIconComponent(o,t){if(t){return t}if(typeof o==="string"){return r[o]}return o}renderIcon(o){if(o&&o.elem==="svg"){return t("svg",Object.assign({},o.attrs),o.content.map(((o,e)=>t("path",Object.assign({key:e},o.attrs)))))}return null}render(){console.log("active tab",this.activeTabIndex);return t("div",{key:"6619a0d1886bed91baf548f6577ffd29a6583e10",class:"header-bar"},t("div",{key:"42005c79b8749912231c96e12bdeb03ae5d0e3c5",class:"title-section"},t("unity-typography",{key:"2c9910a18282fb24d024428ac4f100fe4a884a0f",variant:"h4"},this.title)),this.tabs&&t("div",{key:"1557c08c085bfc8784322861d56bb6b3d0649ab6",class:"tabs"},t("udp-tabs",{key:"d0825c8efaed182864999508c19550e979ee5982"},t("button",{key:"a7f4a1ddcde103c52a316ea1460828b39503398f",class:this.activeTabIndex===0?"active":"",slot:"tab-title",onClick:()=>this.selectTab(0)},"Demo Grid"),t("button",{key:"f39ba5df6b9acc160f3951fd3f1a2407e413331b",class:this.activeTabIndex===1?"active":"",slot:"tab-title",onClick:()=>this.selectTab(1)},"Other Content"))),t("div",{key:"7a2fd6fd7dc477c7b6bce09394f6ea5763cd22e0",class:"button-section"},this.defaultActionButtons.map((o=>{const e=this.getIconComponent(o.icon,o.customIcon);const i=t=>{if(o.clickHandler){o.clickHandler(t)}else{console.log(`${o.label} Clicked but no custom handler defined`)}};if(!this.hiddenActionButtons.includes(o.label)&&o.visible){return t("stencil-icon-button",{secondary:o.secondary,onClick:i,tooltip:o.tooltip},this.renderIcon(e),!this.hiddenLabels.includes(o.label)&&o.showLabel&&t("span",null,o.label))}return null})),!this.actionButtonLabel&&t("div",{key:"1794f324f22d659d1e072e1a5f35e05ea81b9388",class:"right-margin"}),this.actionButtonLabel&&t("udp-button",{key:"8f2fe83b58c869cdfac6db0d48a7d03aaead6ec1",variant:"contained",color:"secondary",onClick:o=>this.primaryActionClick(o)},this.actionButtonLabel)))}};a.style=n;const s=".tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(\n    to right,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  )}.scroll-fade.right{right:40px;background:linear-gradient(\n    to left,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}";const c=class{constructor(t){o(this,t);this.udpTabChange=e(this,"udpTabChange");this.variant="fill";this.tabs=[];this.internalActiveTab=0;this.tabDetails=[];this.sliderStyle={width:"0",transform:"translateX(0)"};this.showScrollLeft=false;this.showScrollRight=false;this.slottedTabs=[];this.buttonRefs=[]}get isControlled(){return this.value!=null}get useTabsProp(){return this.tabs&&this.tabs.length>0}get activeTab(){return this.isControlled?this.value:this.internalActiveTab}handleSlotChange(){if(this.useTabsProp)return;this.initializeTabs()}handleResize(){requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}componentDidLoad(){this.initializeTabs()}onActiveTabChange(o){this.updateActiveTabs();this.updateSliderPosition();this.scrollTabIntoView(o)}onValueChange(o){this.updateActiveTabs();this.updateSliderPosition();this.scrollTabIntoView(o)}onTabsPropChange(){this.initializeTabs()}onVariantChange(){requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}initializeTabs(){var o,t;this.buttonRefs=[];if(this.useTabsProp){this.tabDetails=this.tabs.map((o=>Object.assign({},o)));this.slottedTabs=[]}else{this.slottedTabs=Array.from(this.el.children).filter((o=>o.tagName.toLowerCase()==="udp-tab"));this.tabDetails=this.slottedTabs.map((o=>({label:o.label,icon:o.icon,iconPlacement:o.iconPlacement,hidden:o.hidden,disabled:o.disabled})))}if(!this.isControlled){if(((o=this.tabDetails[this.internalActiveTab])===null||o===void 0?void 0:o.hidden)||((t=this.tabDetails[this.internalActiveTab])===null||t===void 0?void 0:t.disabled)){const o=this.tabDetails.findIndex((o=>!o.hidden&&!o.disabled));this.internalActiveTab=o>-1?o:0}}this.updateActiveTabs();requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}updateActiveTabs(){if(!this.useTabsProp){const o=this.activeTab;this.slottedTabs.forEach(((t,e)=>{t.active=e===o}))}}updateSliderPosition(){const o=this.buttonRefs[this.activeTab];if(!o){this.sliderStyle={width:"0px",transform:"translateX(0px)"};return}this.sliderStyle={width:`${o.offsetWidth}px`,transform:`translateX(${o.offsetLeft}px)`}}checkScroll(){if(!this.scrollContainerRef)return;const{scrollLeft:o,scrollWidth:t,clientWidth:e}=this.scrollContainerRef;const i=t>e;this.showScrollLeft=i&&o>1;this.showScrollRight=i&&o<t-e-1}tabClicked(o){var t;if((t=this.tabDetails[o])===null||t===void 0?void 0:t.disabled){return}if(this.isControlled){this.udpTabChange.emit(o)}else{this.internalActiveTab=o}}scrollTabIntoView(o){const t=this.buttonRefs[o];const e=this.scrollContainerRef;if(!t||!e)return;const{scrollLeft:i,clientWidth:r}=e;const n=t.offsetLeft;const a=n+t.offsetWidth;const s=70;const c=i+s;const l=i+r-s;if(n<c){e.scrollTo({left:n-s,behavior:"smooth"})}else if(a>l){e.scrollTo({left:a-r+s,behavior:"smooth"})}}scrollToStart(){if(!this.scrollContainerRef)return;this.scrollContainerRef.scrollTo({left:0,behavior:"smooth"})}scrollToEnd(){if(!this.scrollContainerRef)return;const o=this.scrollContainerRef;const{scrollWidth:t,clientWidth:e}=o;const i=t-e;o.scrollTo({left:i,behavior:"smooth"})}render(){const o=this.activeTab;return t("div",{key:"39658d24754621f8b22e718d126894451a4919d8",class:"tab-container"},t("div",{key:"49afc82bdbfafb7292c450bdd76c3e6fd5b9e9aa",class:`tab-header ${this.variant}`},this.showScrollLeft&&t("button",{key:"ade7254e3b26254f12e3aedfc6e6656904b188e6",class:"scroll-arrow left",onClick:()=>this.scrollToStart(),"aria-label":"Scroll to first tab"},t("udp-icon",{key:"095dcdf5234ef669ea45bc28d0fb9f025eba5326",iconName:"chevronLeft16",color:"inherit"})),this.showScrollLeft&&t("div",{key:"79c3ebfd7e482c60596fe92d42757d93dfb4e2b6",class:"scroll-fade left"}),t("div",{key:"7bac2bd5f30bb120284814b05ea4da8150c4cc40",class:"tab-scroll-container",ref:o=>this.scrollContainerRef=o,onScroll:()=>this.checkScroll()},this.tabDetails.map(((e,i)=>{if(e.hidden){return null}const r=e.icon?t("udp-icon",{iconName:e.icon,color:"inherit"}):null;const n=t("span",null,e.label);return t("button",{class:{active:i===o,"has-icon":!!e.icon,[`icon-${e.iconPlacement}`]:!!e.icon,disabled:e.disabled},disabled:e.disabled,onClick:()=>this.tabClicked(i),role:"tab","aria-selected":i===o?"true":"false","aria-disabled":e.disabled?"true":"false",ref:o=>this.buttonRefs[i]=o},r,n)})),t("div",{key:"f2c322a5bc7fe5c5e0aaace452727ddb287a17da",class:"slider",style:this.sliderStyle})),this.showScrollRight&&t("div",{key:"08399f60df57432e46b7365c0d5f653f512edc46",class:"scroll-fade right"}),this.showScrollRight&&t("button",{key:"9be19443a7c996472714beb53d9e3534b000c62e",class:"scroll-arrow right",onClick:()=>this.scrollToEnd(),"aria-label":"Scroll to last tab"},t("udp-icon",{key:"e4c5baf6a8e0ae67adb82c0b8be48ca277b25ce4",iconName:"chevronRight16",color:"inherit"}))),!this.isControlled&&!this.useTabsProp&&t("div",{key:"4b33abce9f558a0d0fb22533d81f11fc1dc18849"},t("slot",{key:"1ebca6515b93f563f063c5832e31e2d17a8dbcd8"})))}get el(){return i(this)}static get watchers(){return{internalActiveTab:["onActiveTabChange"],value:["onValueChange"],tabs:["onTabsPropChange"],variant:["onVariantChange"]}}};c.style=s;export{a as primary_action_header,c as udp_tabs};
+//# sourceMappingURL=primary-action-header_2.entry.js.map

package/dist/stencil-library/primary-action-header_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","createEvent","getElement","iconMapping","primaryActionHeaderCss","PrimaryActionHeader","constructor","hostRef","this","hiddenActionButtons","hiddenLabels","actionButtons","defaultActionButtons","tabs","actionButtonLabel","getIconComponent","icon","customIcon","renderIcon","ActualIcon","elem","Object","assign","attrs","content","map","index","key","render","console","log","activeTabIndex","class","variant","title","slot","onClick","selectTab","btn","clickHandler","event","label","includes","visible","secondary","tooltip","showLabel","color","primaryActionClick","style","udpTabsCss","UdpTabs","udpTabChange","internalActiveTab","tabDetails","sliderStyle","width","transform","showScrollLeft","showScrollRight","slottedTabs","buttonRefs","isControlled","value","useTabsProp","length","activeTab","handleSlotChange","initializeTabs","handleResize","requestAnimationFrame","updateSliderPosition","checkScroll","componentDidLoad","onActiveTabChange","newValue","updateActiveTabs","scrollTabIntoView","onValueChange","onTabsPropChange","onVariantChange","_a","_b","t","Array","from","el","children","filter","child","tagName","toLowerCase","tab","iconPlacement","hidden","disabled","firstValidIndex","findIndex","currentActiveTab","forEach","active","activeButton","offsetWidth","offsetLeft","scrollContainerRef","scrollLeft","scrollWidth","clientWidth","isOverflowing","tabClicked","tabIndex","emit","tabButton","container","tabLeft","tabRight","safeZonePadding","safeZoneLeft","safeZoneRight","scrollTo","left","behavior","scrollToStart","scrollToEnd","maxScrollLeft","iconName","ref","onScroll","iconEl","labelEl","role","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/resource-timeline-calendar.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as n}from"./index-CaZq3YdB.js";class i{init(e){this.node=e.node;this.eGui=document.createElement("div");this.eGui.setAttribute("style",`display: flex`);this.eValueContainer=document.createElement("span");this.eValueContainer.setAttribute("class","eValueContainer");this.eGui.appendChild(this.eValueContainer);this.renderContent(e)}getGui(){return this.eGui}refresh(e){if(!this.eValueContainer||!this.node)return false;this.renderContent(e);return true}renderContent(e){this.eValueContainer.innerHTML="";if(!this.node.group||!(e===null||e===void 0?void 0:e.getHeaderValues)){return}const t=e.getHeaderValues(e);if((t===null||t===void 0?void 0:t.subtitle)&&(t===null||t===void 0?void 0:t.chipValue)){this.eValueContainer.innerHTML=`\n        <div class="custom-group-column">\n          <div class="title-container">\n            <div class="title">${t===null||t===void 0?void 0:t.title}</div>\n            <div class="sub-title">${t===null||t===void 0?void 0:t.subtitle}</div>\n          </div>\n          <div class="chip-container">\n            <udp-chip></udp-chip>\n          </div>\n        </div>`;const n=this.eGui.querySelector("udp-chip");n.variant="outlined";n.label=t===null||t===void 0?void 0:t.chipValue;n.color=e===null||e===void 0?void 0:e.statusClasses[t===null||t===void 0?void 0:t.chipValue];n.size="small"}else if(t===null||t===void 0?void 0:t.subtitle){this.eValueContainer.innerHTML=`\n        <div class="custom-group-column">\n          <div class="title-container">\n            <div class="title">${t===null||t===void 0?void 0:t.title}</div>\n            <div class="sub-title">${t===null||t===void 0?void 0:t.subtitle}</div>\n          </div>\n        </div>`}else{this.eValueContainer.innerHTML=`<div class="title">${(t===null||t===void 0?void 0:t.title)||"-"}</div>`}}destroy(){}}class s{init(e){this.eGui=document.createElement("div");this.eGui.classList.add("custom-header");let t=e.column.colDef.pivotKeys[0];const n=new Date(t);const i=n.toLocaleString(undefined,{weekday:"short"});const s=n.toLocaleString(undefined,{month:"short",day:"numeric"});this.eGui.innerHTML=`\n          <div class="header-group">\n          <div class="title">${i}</div>\n          <div class="sub-title">${s}</div>\n          </div>`}getGui(){return this.eGui}refresh(){return false}}const o=".resource-timeline-calendar {\n  .header-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .custom-header {\n    font-size: 12px;\n  }\n\n  .header-group .title {\n    color: rgba(0, 0, 0, 0.38);\n    font-weight: 400;\n  }\n\n  .header-group .sub-title {\n    color: black;\n    font-weight: 400;\n  }\n\n  .custom-group-column {\n    display: flex;\n    flex-direction: row;\n    width: 150px;\n    align-items: flex-start;\n    margin-top: -6px;\n    font-size: 12px;\n  }\n\n  .custom-group-column .title {\n    height: 14px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  }\n\n  .custom-group-column .title-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .custom-group-column .chip-container {\n    height: 15px;\n    margin-left: var(--spacing-01);\n    font-weight: 300;\n    position: absolute;\n    right: var(--spacing-03);\n    margin-top: var(--spacing-03);\n  }\n\n\n  .custom-group-column .sub-title {\n    font-weight: 400;\n    color: rgba(0, 0, 0, 0.6);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ag-header-cell,\n  .ag-cell {\n    border-right: 1px solid #f1f3f5;\n  }\n\n  .ag-header-cell:last-of-type,\n  .ag-cell:last-of-type {\n    border-right: none;\n  }\n\n  /* Doesnt display none row group */\n  .hide-row {\n    display: none;\n  }\n\n  .ag-row-level-0 {\n    font-size: 12px;\n    background-color: #f4f6f8;\n    font-weight: 600;\n  }\n\n  .ag-row-level-1 {\n    font-size: 12px;\n    background-color: #fafbfc\n  }\n\n  .ag-row-level-2 {\n    font-size: 11px;\n    color: rgba(0, 0, 0, 0.72);\n  }\n\n\n  .today-header {\n    background-color: #e6f7ff;\n    border-top: 1px solid #4e8cff;\n  }\n\n  .weekend-header {\n    background-color: rgba(0, 0, 0, 0.03);\n  }\n\n  .ag-header-cell-comp-wrapper {\n    justify-content: center;\n  }\n\n\n}\n";const l=class{constructor(t){e(this,t);this.rowData=[];this.gridBarTitle="";this.subTitle="";this.dateKey="";this.columnDefs=[];this.additionalGridOptions={};this.subtitleStatusMappingClasses={};this.showRowTotals=true;this.dataLoading=false;this.convertDatesFromUTC=false;this.showLockedIcon=false;this.filledRowData=[];this.formattedColumnDefs=[];this.expandGroups=()=>{this.gridApi.expandAll()};this.collapseGroups=()=>{this.gridApi.collapseAll()};this.handleGridApi=e=>{this.gridApi=e;this.gridApiCallback(e);this.gridApi.toggleLoadingOverlay(this.dataLoading)}}getDates(e,t){let n=[];let i=new Date(e);while(i<=t){n.push(new Date(i));i.setDate(i.getDate()+1)}return n}fillInEmptyDates(e,t){let n=[...e];t.forEach((e=>{n.push({[this.dateKey]:e.toISOString().split(".")[0],isDateRangePlaceholder:true})}));return n}updateRowData(){if(this.rowData&&this.startDate&&this.endDate){let e=this.getDates(new Date(this.startDate),new Date(this.endDate));const t=this.fillInEmptyDates(this.rowData,e);this.filledRowData=t;this.gridApi.refreshClientSideRowModel("group")}}dateCompare(e,t){const n=new Date(e);n.setHours(0,0,0,0);const i=new Date(t);i.setHours(0,0,0,0);return n.getTime()-i.getTime()}createColumnDefs(){let e=[...this.columnDefs];e.push({field:this.dateKey,pivot:true,pivotComparator:this.dateCompare,valueGetter:e=>{let t="";if(this.convertDatesFromUTC){t=new Date(e.data[this.dateKey]+"Z").toLocaleDateString("en-US")}else{t=new Date(e.data[this.dateKey]).toLocaleDateString("en-US")}return t}});this.formattedColumnDefs=e}toggleDataLoading(){this.gridApi.toggleLoadingOverlay(this.dataLoading)}componentDidLoad(){this.createColumnDefs();this.updateRowData()}render(){const e=(new Date).toLocaleDateString("en-US");return t("div",{key:"05cf3842abc0b52ab72f03c1019d53ec40bda0b7",class:"resource-timeline-calendar"},t("resource-timeline-primary-bar",{key:"c35441fa99b9e1f82aa55b95eebe2421c16e6a31",gridBarTitle:this.gridBarTitle,subTitle:this.subTitle,primaryAction:this.primaryAction,secondaryAction:this.secondaryAction,clickBackward:this.handleClickBackward,clickForward:this.handleClickForward,clickToday:this.handleClickToday,subtitleStatus:this.subtitleStatus,subtitleStatusMappingClasses:this.subtitleStatusMappingClasses,disableHeaderActions:this.disableHeaderActions,showLockedIcon:this.showLockedIcon,expandAll:this.expandGroups,collapseAll:this.collapseGroups}),t("client-side-grid",{key:"3ac6eaf3866a0a156f21486d50848503e730339a",rowData:this.filledRowData,columnDefs:this.formattedColumnDefs,gridOptions:Object.assign(Object.assign({},this.additionalGridOptions),{components:{agGridSubtitleCellRenderer:i,resourceTimelineCalendarHeader:s},processPivotResultColDef:t=>{t.suppressHeaderContextMenu=true;if(!t.pivotTotalColumnIds&&t.pivotKeys){const n=t.pivotKeys[0];const i=new Date(n);const s=i.getDay();let o=[];if(n===e){o.push("today-header");t.cellClass="today-column-border"}if(s===0||s===6){o.push("weekend-header")}if(o.length>0){t.headerClass=o}t.headerComponent="resourceTimelineCalendarHeader";t.minWidth=70,t.resizable=false}if(this.processPivotResultColDef){this.processPivotResultColDef(t)}},rowClassRules:{"hide-row":e=>{var t,n,i;return e.node.group&&((i=(n=(t=e.node.allLeafChildren)===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.data)===null||i===void 0?void 0:i.isDateRangePlaceholder)===true}},pivotMode:true,removePivotHeaderRowWhenSingleValueColumn:true,suppressAggFuncInHeader:true,pivotRowTotals:"after",suppressMovableColumns:true,enableStrictPivotColumnOrder:true}),gridApiCallback:this.handleGridApi}))}get el(){return n(this)}static get watchers(){return{rowData:["updateRowData"],columnDefs:["createColumnDefs"],dataLoading:["toggleDataLoading"]}}};l.style=o;export{l as resource_timeline_calendar};
+import{r as e,h as t,a as n}from"./index-CaZq3YdB.js";class i{init(e){this.node=e.node;this.eGui=document.createElement("div");this.eGui.setAttribute("style",`display: flex`);this.eValueContainer=document.createElement("span");this.eValueContainer.setAttribute("class","eValueContainer");this.eGui.appendChild(this.eValueContainer);this.renderContent(e)}getGui(){return this.eGui}refresh(e){if(!this.eValueContainer||!this.node)return false;this.renderContent(e);return true}renderContent(e){this.eValueContainer.innerHTML="";if(!this.node.group||!(e===null||e===void 0?void 0:e.getHeaderValues)){return}const t=e.getHeaderValues(e);if((t===null||t===void 0?void 0:t.subtitle)&&(t===null||t===void 0?void 0:t.chipValue)){this.eValueContainer.innerHTML=`\n        <div class="custom-group-column">\n          <div class="title-container">\n            <div class="title">${t===null||t===void 0?void 0:t.title}</div>\n            <div class="sub-title">${t===null||t===void 0?void 0:t.subtitle}</div>\n          </div>\n          <div class="chip-container">\n            <udp-chip></udp-chip>\n          </div>\n        </div>`;const n=this.eGui.querySelector("udp-chip");n.variant="outlined";n.label=t===null||t===void 0?void 0:t.chipValue;n.color=e===null||e===void 0?void 0:e.statusClasses[t===null||t===void 0?void 0:t.chipValue];n.size="small"}else if(t===null||t===void 0?void 0:t.subtitle){this.eValueContainer.innerHTML=`\n        <div class="custom-group-column">\n          <div class="title-container">\n            <div class="title">${t===null||t===void 0?void 0:t.title}</div>\n            <div class="sub-title">${t===null||t===void 0?void 0:t.subtitle}</div>\n          </div>\n        </div>`}else{this.eValueContainer.innerHTML=`<div class="title">${(t===null||t===void 0?void 0:t.title)||"-"}</div>`}}destroy(){}}class s{init(e){this.eGui=document.createElement("div");this.eGui.classList.add("custom-header");let t=e.column.colDef.pivotKeys[0];const n=new Date(t);const i=n.toLocaleString(undefined,{weekday:"short"});const s=n.toLocaleString(undefined,{month:"short",day:"numeric"});this.eGui.innerHTML=`\n          <div class="header-group">\n          <div class="title">${i}</div>\n          <div class="sub-title">${s}</div>\n          </div>`}getGui(){return this.eGui}refresh(){return false}}const o=".resource-timeline-calendar {\n  .header-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .custom-header {\n    font-size: 12px;\n  }\n\n  .header-group .title {\n    color: rgba(0, 0, 0, 0.38);\n    font-weight: 400;\n  }\n\n  .header-group .sub-title {\n    color: black;\n    font-weight: 400;\n  }\n\n  .custom-group-column {\n    display: flex;\n    flex-direction: row;\n    width: 150px;\n    align-items: flex-start;\n    margin-top: -6px;\n    font-size: 12px;\n  }\n\n  .custom-group-column .title {\n    height: 14px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  }\n\n  .custom-group-column .title-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .custom-group-column .chip-container {\n    height: 15px;\n    margin-left: var(--spacing-01);\n    font-weight: 300;\n    position: absolute;\n    right: var(--spacing-03);\n    margin-top: var(--spacing-03);\n  }\n\n\n  .custom-group-column .sub-title {\n    font-weight: 400;\n    color: rgba(0, 0, 0, 0.6);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ag-header-cell,\n  .ag-cell {\n    border-right: 1px solid #f1f3f5;\n  }\n\n  .ag-header-cell:last-of-type,\n  .ag-cell:last-of-type {\n    border-right: none;\n  }\n\n  /* Doesnt display none row group */\n  .hide-row {\n    display: none;\n  }\n\n  .ag-row-level-0 {\n    font-size: 12px;\n    background-color: #f4f6f8;\n    font-weight: 600;\n  }\n\n  .ag-row-level-1 {\n    font-size: 12px;\n    background-color: #fafbfc\n  }\n\n  .ag-row-level-2 {\n    font-size: 11px;\n    color: rgba(0, 0, 0, 0.72);\n  }\n\n\n  .today-header {\n    background-color: #e6f7ff;\n    border-top: 1px solid #4e8cff;\n  }\n\n  .weekend-header {\n    background-color: rgba(0, 0, 0, 0.03);\n  }\n\n  .ag-header-cell-comp-wrapper {\n    justify-content: center;\n  }\n\n\n}\n";const l=class{constructor(t){e(this,t);this.rowData=[];this.gridBarTitle="";this.subTitle="";this.dateKey="";this.columnDefs=[];this.additionalGridOptions={};this.subtitleStatusMappingClasses={};this.showRowTotals=true;this.dataLoading=false;this.convertDatesFromUTC=false;this.showLockedIcon=false;this.filledRowData=[];this.formattedColumnDefs=[];this.expandGroups=()=>{this.gridApi.expandAll()};this.collapseGroups=()=>{this.gridApi.collapseAll()};this.handleGridApi=e=>{this.gridApi=e;this.gridApiCallback(e);this.gridApi.toggleLoadingOverlay(this.dataLoading)}}getDates(e,t){let n=[];let i=new Date(e);while(i<=t){n.push(new Date(i));i.setDate(i.getDate()+1)}return n}fillInEmptyDates(e,t){let n=[...e];t.forEach((e=>{n.push({[this.dateKey]:e.toISOString().split(".")[0],isDateRangePlaceholder:true})}));return n}updateRowData(){if(this.rowData&&this.startDate&&this.endDate){let e=this.getDates(new Date(this.startDate),new Date(this.endDate));const t=this.fillInEmptyDates(this.rowData,e);this.filledRowData=t;this.gridApi.refreshClientSideRowModel("group")}}dateCompare(e,t){const n=new Date(e);n.setHours(0,0,0,0);const i=new Date(t);i.setHours(0,0,0,0);return n.getTime()-i.getTime()}createColumnDefs(){let e=[...this.columnDefs];e.push({field:this.dateKey,pivot:true,pivotComparator:this.dateCompare,valueGetter:e=>{let t="";if(this.convertDatesFromUTC){t=new Date(e.data[this.dateKey]+"Z").toLocaleDateString("en-US")}else{t=new Date(e.data[this.dateKey]).toLocaleDateString("en-US")}return t}});this.formattedColumnDefs=e}toggleDataLoading(){this.gridApi.toggleLoadingOverlay(this.dataLoading)}componentDidLoad(){this.createColumnDefs();this.updateRowData()}render(){const e=(new Date).toLocaleDateString("en-US");return t("div",{key:"cd451db6f5b3adf145b163e6bd1e9ecb51a176c1",class:"resource-timeline-calendar"},t("resource-timeline-primary-bar",{key:"dd1dd4ec783533d87787e3511baea1c9075a9847",gridBarTitle:this.gridBarTitle,subTitle:this.subTitle,primaryAction:this.primaryAction,secondaryAction:this.secondaryAction,clickBackward:this.handleClickBackward,clickForward:this.handleClickForward,clickToday:this.handleClickToday,subtitleStatus:this.subtitleStatus,subtitleStatusMappingClasses:this.subtitleStatusMappingClasses,disableHeaderActions:this.disableHeaderActions,showLockedIcon:this.showLockedIcon,expandAll:this.expandGroups,collapseAll:this.collapseGroups}),t("client-side-grid",{key:"c7f5f5d2896aa1ff6cfaffdecfc5ae2c6eaed1f2",rowData:this.filledRowData,columnDefs:this.formattedColumnDefs,gridOptions:Object.assign(Object.assign({},this.additionalGridOptions),{components:{agGridSubtitleCellRenderer:i,resourceTimelineCalendarHeader:s},processPivotResultColDef:t=>{t.suppressHeaderContextMenu=true;if(!t.pivotTotalColumnIds&&t.pivotKeys){const n=t.pivotKeys[0];const i=new Date(n);const s=i.getDay();let o=[];if(n===e){o.push("today-header");t.cellClass="today-column-border"}if(s===0||s===6){o.push("weekend-header")}if(o.length>0){t.headerClass=o}t.headerComponent="resourceTimelineCalendarHeader";t.minWidth=70,t.resizable=false}if(this.processPivotResultColDef){this.processPivotResultColDef(t)}},rowClassRules:{"hide-row":e=>{var t,n,i;return e.node.group&&((i=(n=(t=e.node.allLeafChildren)===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.data)===null||i===void 0?void 0:i.isDateRangePlaceholder)===true}},pivotMode:true,removePivotHeaderRowWhenSingleValueColumn:true,suppressAggFuncInHeader:true,pivotRowTotals:"after",suppressMovableColumns:true,enableStrictPivotColumnOrder:true}),gridApiCallback:this.handleGridApi}))}get el(){return n(this)}static get watchers(){return{rowData:["updateRowData"],columnDefs:["createColumnDefs"],dataLoading:["toggleDataLoading"]}}};l.style=o;export{l as resource_timeline_calendar};
 //# sourceMappingURL=resource-timeline-calendar.entry.js.map