@esri/solutions-components 1.2.0-next.96 → 1.2.0-next.98

package/dist/solutions-components_commit.txt

@@ -1,7 +1,10 @@
-Built 01/11/2026 19:46:25.60 
+Built 01/12/2026 13:46:00.33 
 develop
-commit b0faef808160235dc41545ab78631baef7a0df80
-Author: Ryan Cosby <ryan9313@esri.com>
-Date:   Sat Jan 10 19:46:51 2026 -0800
+commit cb09eb05db1ce55312546b28adec0359f6fa5236
+Merge: 3b17461ed e4de3f7b6
+Author: John Hauck <jhauck@esri.com>
+Date:   Mon Jan 12 14:38:32 2026 -0700
 
-    Release 1.2.0-next.95
+    Merge pull request #1948 from Esri/enable-map-list
+    
+    add enableMapList prop

package/dist/types/lumina.d.ts

@@ -16,6 +16,7 @@ import type { FeatureList } from "../components/feature-list/index.js";
 import type { FieldSelection } from "../components/field-selection/index.js";
 import type { InfoCard } from "../components/info-card/index.js";
 import type { LayerList } from "../components/layer-list/index.js";
+import type { LayerListWidget } from "../components/layer-list-widget/index.js";
 import type { LayerTable } from "../components/layer-table/index.js";
 import type { MapBasemapGallery } from "../components/map-basemap-gallery/index.js";
 import type { MapCard } from "../components/map-card/index.js";
@@ -71,7 +72,7 @@ interface LuminaBufferTools extends Partial<Pick<BufferTools, 'appearance' | 'di
   onunitChanged?: EventHandler<HTMLBufferToolsElement["unitChanged"]>;
 }
 
-interface LuminaCardManager extends Partial<Pick<CardManager, 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, h.JSX.HTMLAttributes<HTMLCardManagerElement> {
+interface LuminaCardManager extends Partial<Pick<CardManager, 'createBtnLabel' | 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, h.JSX.HTMLAttributes<HTMLCardManagerElement> {
   onbackFromCreateWorkFlow?: EventHandler<HTMLCardManagerElement["backFromCreateWorkFlow"]>;
   oncreateWorkFlowStarted?: EventHandler<HTMLCardManagerElement["createWorkFlowStarted"]>;
   onfeatureOrRecordSubmitted?: EventHandler<HTMLCardManagerElement["featureOrRecordSubmitted"]>;
@@ -81,7 +82,7 @@ interface LuminaConsentManager extends Required<Pick<ConsentManager, 'firstUseVa
   onconsentGranted?: EventHandler<HTMLConsentManagerElement["consentGranted"]>;
 }
 
-interface LuminaCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, h.JSX.HTMLAttributes<HTMLCreateFeatureElement> {
+interface LuminaCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showLayerVisibilityMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, h.JSX.HTMLAttributes<HTMLCreateFeatureElement> {
   ondrawComplete?: EventHandler<HTMLCreateFeatureElement["drawComplete"]>;
   oneditingAttachment?: EventHandler<HTMLCreateFeatureElement["editingAttachment"]>;
   oneditingLocation?: EventHandler<HTMLCreateFeatureElement["editingLocation"]>;
@@ -98,7 +99,7 @@ interface LuminaCreateRelatedFeature extends Partial<Pick<CreateRelatedFeature,
   onsuccess?: EventHandler<HTMLCreateRelatedFeatureElement["success"]>;
 }
 
-interface LuminaCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLCrowdsourceManagerElement> {
+interface LuminaCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapList' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'visibilityIcon' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLCrowdsourceManagerElement> {
   onshowCoverPage?: EventHandler<HTMLCrowdsourceManagerElement["showCoverPage"]>;
   onshowIntroductionWindow?: EventHandler<HTMLCrowdsourceManagerElement["showIntroductionWindow"]>;
 }
@@ -157,7 +158,11 @@ interface LuminaLayerList extends Partial<Pick<LayerList, 'applyLayerViewFilter'
   onlayersListLoaded?: EventHandler<HTMLLayerListElement["layersListLoaded"]>;
 }
 
-interface LuminaLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLLayerTableElement> {
+interface LuminaLayerListWidget extends Partial<Pick<LayerListWidget, 'layerListWidget' | 'mapView' | 'visibilityIcon'>>, h.JSX.HTMLAttributes<HTMLLayerListWidgetElement> {
+  onfullscreenStateChange?: EventHandler<HTMLLayerListWidgetElement["fullscreenStateChange"]>;
+}
+
+interface LuminaLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'enableTableAutosave' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLLayerTableElement> {
   oncolumnReorder?: EventHandler<HTMLLayerTableElement["columnReorder"]>;
   oneditMultipleFeatures?: EventHandler<HTMLLayerTableElement["editMultipleFeatures"]>;
   onfeatureSelectionChange?: EventHandler<HTMLLayerTableElement["featureSelectionChange"]>;
@@ -169,7 +174,7 @@ interface LuminaLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defau
 interface LuminaMapBasemapGallery extends Partial<Pick<MapBasemapGallery, 'basemapConfig' | 'basemapWidget' | 'mapView'>>, h.JSX.HTMLAttributes<HTMLMapBasemapGalleryElement> {
 }
 
-interface LuminaMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'zoomToolsSize' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLMapCardElement> {
+interface LuminaMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'visibilityIcon' | 'zoomToolsSize' | 'zoomToScale'>>, h.JSX.HTMLAttributes<HTMLMapCardElement> {
   onbeforeMapChanged?: EventHandler<HTMLMapCardElement["beforeMapChanged"]>;
   onclearSelection?: EventHandler<HTMLMapCardElement["clearSelection"]>;
   oneditMultipleFeatures?: EventHandler<HTMLMapCardElement["editMultipleFeatures"]>;
@@ -216,7 +221,8 @@ interface LuminaMapSelectTools extends Partial<Pick<MapSelectTools, 'bufferColor
   onselectionSetChange?: EventHandler<HTMLMapSelectToolsElement["selectionSetChange"]>;
 }
 
-interface LuminaMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedLayer' | 'selectedWebMapId' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'zoomToolsSize'>>, h.JSX.HTMLAttributes<HTMLMapToolsElement> {
+interface LuminaMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedFeaturesIds' | 'selectedLayer' | 'selectedWebMapId' | 'selectionTools' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'visibilityIcon' | 'zoomToolsSize'>>, h.JSX.HTMLAttributes<HTMLMapToolsElement> {
+  onclearSelection?: EventHandler<HTMLMapToolsElement["clearSelection"]>;
 }
 
 interface LuminaPciCalculator extends h.JSX.HTMLAttributes<HTMLPciCalculatorElement> {
@@ -239,12 +245,12 @@ interface LuminaSelectionTool extends Partial<Pick<SelectionTool, 'mapView' | 's
   onfeaturesSelected?: EventHandler<HTMLSelectionToolElement["featuresSelected"]>;
 }
 
-interface LuminaSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'templateInfos'>>, h.JSX.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+interface LuminaSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'source' | 'templateInfos'>>, h.JSX.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
   onsolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
   onsolutionItemsTitlesChanged?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionItemsTitlesChanged"]>;
 }
 
-interface LuminaSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open'>>, h.JSX.HTMLAttributes<HTMLSolutionDeleteDialogElement> {
+interface LuminaSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open' | 'source'>>, h.JSX.HTMLAttributes<HTMLSolutionDeleteDialogElement> {
   onsolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
   onsolutionDeleteDialogBeforeClose?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogBeforeClose"]>;
   onsolutionDeleteDialogOpen?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogOpen"]>;
@@ -386,6 +392,7 @@ declare module "@arcgis/lumina" {
       "field-selection": LuminaFieldSelection;
       "info-card": LuminaInfoCard;
       "layer-list": LuminaLayerList;
+      "layer-list-widget": LuminaLayerListWidget;
       "layer-table": LuminaLayerTable;
       "map-basemap-gallery": LuminaMapBasemapGallery;
       "map-card": LuminaMapCard;

package/dist/types/preact.d.ts

@@ -16,6 +16,7 @@ import type { FeatureList } from "../components/feature-list/index.js";
 import type { FieldSelection } from "../components/field-selection/index.js";
 import type { InfoCard } from "../components/info-card/index.js";
 import type { LayerList } from "../components/layer-list/index.js";
+import type { LayerListWidget } from "../components/layer-list-widget/index.js";
 import type { LayerTable } from "../components/layer-table/index.js";
 import type { MapBasemapGallery } from "../components/map-basemap-gallery/index.js";
 import type { MapCard } from "../components/map-card/index.js";
@@ -72,7 +73,7 @@ interface PreactBufferTools extends Partial<Pick<BufferTools, 'appearance' | 'di
   onunitChanged?: EventHandler<HTMLBufferToolsElement["unitChanged"]>;
 }
 
-interface PreactCardManager extends Partial<Pick<CardManager, 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, HTMLAttributes<HTMLCardManagerElement> {
+interface PreactCardManager extends Partial<Pick<CardManager, 'createBtnLabel' | 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, HTMLAttributes<HTMLCardManagerElement> {
   onbackFromCreateWorkFlow?: EventHandler<HTMLCardManagerElement["backFromCreateWorkFlow"]>;
   oncreateWorkFlowStarted?: EventHandler<HTMLCardManagerElement["createWorkFlowStarted"]>;
   onfeatureOrRecordSubmitted?: EventHandler<HTMLCardManagerElement["featureOrRecordSubmitted"]>;
@@ -82,7 +83,7 @@ interface PreactConsentManager extends Required<Pick<ConsentManager, 'firstUseVa
   onconsentGranted?: EventHandler<HTMLConsentManagerElement["consentGranted"]>;
 }
 
-interface PreactCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, HTMLAttributes<HTMLCreateFeatureElement> {
+interface PreactCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showLayerVisibilityMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, HTMLAttributes<HTMLCreateFeatureElement> {
   ondrawComplete?: EventHandler<HTMLCreateFeatureElement["drawComplete"]>;
   oneditingAttachment?: EventHandler<HTMLCreateFeatureElement["editingAttachment"]>;
   oneditingLocation?: EventHandler<HTMLCreateFeatureElement["editingLocation"]>;
@@ -99,7 +100,7 @@ interface PreactCreateRelatedFeature extends Partial<Pick<CreateRelatedFeature,
   onsuccess?: EventHandler<HTMLCreateRelatedFeatureElement["success"]>;
 }
 
-interface PreactCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLAttributes<HTMLCrowdsourceManagerElement> {
+interface PreactCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapList' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'visibilityIcon' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLAttributes<HTMLCrowdsourceManagerElement> {
   onshowCoverPage?: EventHandler<HTMLCrowdsourceManagerElement["showCoverPage"]>;
   onshowIntroductionWindow?: EventHandler<HTMLCrowdsourceManagerElement["showIntroductionWindow"]>;
 }
@@ -158,7 +159,11 @@ interface PreactLayerList extends Partial<Pick<LayerList, 'applyLayerViewFilter'
   onlayersListLoaded?: EventHandler<HTMLLayerListElement["layersListLoaded"]>;
 }
 
-interface PreactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLAttributes<HTMLLayerTableElement> {
+interface PreactLayerListWidget extends Partial<Pick<LayerListWidget, 'layerListWidget' | 'mapView' | 'visibilityIcon'>>, HTMLAttributes<HTMLLayerListWidgetElement> {
+  onfullscreenStateChange?: EventHandler<HTMLLayerListWidgetElement["fullscreenStateChange"]>;
+}
+
+interface PreactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'enableTableAutosave' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLAttributes<HTMLLayerTableElement> {
   oncolumnReorder?: EventHandler<HTMLLayerTableElement["columnReorder"]>;
   oneditMultipleFeatures?: EventHandler<HTMLLayerTableElement["editMultipleFeatures"]>;
   onfeatureSelectionChange?: EventHandler<HTMLLayerTableElement["featureSelectionChange"]>;
@@ -170,7 +175,7 @@ interface PreactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defau
 interface PreactMapBasemapGallery extends Partial<Pick<MapBasemapGallery, 'basemapConfig' | 'basemapWidget' | 'mapView'>>, HTMLAttributes<HTMLMapBasemapGalleryElement> {
 }
 
-interface PreactMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'zoomToolsSize' | 'zoomToScale'>>, HTMLAttributes<HTMLMapCardElement> {
+interface PreactMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'visibilityIcon' | 'zoomToolsSize' | 'zoomToScale'>>, HTMLAttributes<HTMLMapCardElement> {
   onbeforeMapChanged?: EventHandler<HTMLMapCardElement["beforeMapChanged"]>;
   onclearSelection?: EventHandler<HTMLMapCardElement["clearSelection"]>;
   oneditMultipleFeatures?: EventHandler<HTMLMapCardElement["editMultipleFeatures"]>;
@@ -217,7 +222,8 @@ interface PreactMapSelectTools extends Partial<Pick<MapSelectTools, 'bufferColor
   onselectionSetChange?: EventHandler<HTMLMapSelectToolsElement["selectionSetChange"]>;
 }
 
-interface PreactMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedLayer' | 'selectedWebMapId' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'zoomToolsSize'>>, HTMLAttributes<HTMLMapToolsElement> {
+interface PreactMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedFeaturesIds' | 'selectedLayer' | 'selectedWebMapId' | 'selectionTools' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'visibilityIcon' | 'zoomToolsSize'>>, HTMLAttributes<HTMLMapToolsElement> {
+  onclearSelection?: EventHandler<HTMLMapToolsElement["clearSelection"]>;
 }
 
 interface PreactPciCalculator extends HTMLAttributes<HTMLPciCalculatorElement> {
@@ -240,12 +246,12 @@ interface PreactSelectionTool extends Partial<Pick<SelectionTool, 'mapView' | 's
   onfeaturesSelected?: EventHandler<HTMLSelectionToolElement["featuresSelected"]>;
 }
 
-interface PreactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'templateInfos'>>, HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+interface PreactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'source' | 'templateInfos'>>, HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
   onsolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
   onsolutionItemsTitlesChanged?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionItemsTitlesChanged"]>;
 }
 
-interface PreactSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open'>>, HTMLAttributes<HTMLSolutionDeleteDialogElement> {
+interface PreactSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open' | 'source'>>, HTMLAttributes<HTMLSolutionDeleteDialogElement> {
   onsolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
   onsolutionDeleteDialogBeforeClose?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogBeforeClose"]>;
   onsolutionDeleteDialogOpen?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogOpen"]>;
@@ -387,6 +393,7 @@ declare module 'preact' {
       "field-selection": PreactFieldSelection;
       "info-card": PreactInfoCard;
       "layer-list": PreactLayerList;
+      "layer-list-widget": PreactLayerListWidget;
       "layer-table": PreactLayerTable;
       "map-basemap-gallery": PreactMapBasemapGallery;
       "map-card": PreactMapCard;
@@ -451,6 +458,7 @@ declare module 'preact' {
       "field-selection": PreactFieldSelection;
       "info-card": PreactInfoCard;
       "layer-list": PreactLayerList;
+      "layer-list-widget": PreactLayerListWidget;
       "layer-table": PreactLayerTable;
       "map-basemap-gallery": PreactMapBasemapGallery;
       "map-card": PreactMapCard;

package/dist/types/react.d.ts

@@ -16,6 +16,7 @@ import type { FeatureList } from "../components/feature-list/index.js";
 import type { FieldSelection } from "../components/field-selection/index.js";
 import type { InfoCard } from "../components/info-card/index.js";
 import type { LayerList } from "../components/layer-list/index.js";
+import type { LayerListWidget } from "../components/layer-list-widget/index.js";
 import type { LayerTable } from "../components/layer-table/index.js";
 import type { MapBasemapGallery } from "../components/map-basemap-gallery/index.js";
 import type { MapCard } from "../components/map-card/index.js";
@@ -72,7 +73,7 @@ interface ReactBufferTools extends Partial<Pick<BufferTools, 'appearance' | 'dis
   onunitChanged?: EventHandler<HTMLBufferToolsElement["unitChanged"]>;
 }
 
-interface ReactCardManager extends Partial<Pick<CardManager, 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, HTMLProps<HTMLCardManagerElement> {
+interface ReactCardManager extends Partial<Pick<CardManager, 'createBtnLabel' | 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, HTMLProps<HTMLCardManagerElement> {
   onbackFromCreateWorkFlow?: EventHandler<HTMLCardManagerElement["backFromCreateWorkFlow"]>;
   oncreateWorkFlowStarted?: EventHandler<HTMLCardManagerElement["createWorkFlowStarted"]>;
   onfeatureOrRecordSubmitted?: EventHandler<HTMLCardManagerElement["featureOrRecordSubmitted"]>;
@@ -82,7 +83,7 @@ interface ReactConsentManager extends Required<Pick<ConsentManager, 'firstUseVar
   onconsentGranted?: EventHandler<HTMLConsentManagerElement["consentGranted"]>;
 }
 
-interface ReactCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, HTMLProps<HTMLCreateFeatureElement> {
+interface ReactCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showLayerVisibilityMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, HTMLProps<HTMLCreateFeatureElement> {
   ondrawComplete?: EventHandler<HTMLCreateFeatureElement["drawComplete"]>;
   oneditingAttachment?: EventHandler<HTMLCreateFeatureElement["editingAttachment"]>;
   oneditingLocation?: EventHandler<HTMLCreateFeatureElement["editingLocation"]>;
@@ -99,7 +100,7 @@ interface ReactCreateRelatedFeature extends Partial<Pick<CreateRelatedFeature, '
   onsuccess?: EventHandler<HTMLCreateRelatedFeatureElement["success"]>;
 }
 
-interface ReactCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLProps<HTMLCrowdsourceManagerElement> {
+interface ReactCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapList' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'visibilityIcon' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLProps<HTMLCrowdsourceManagerElement> {
   onshowCoverPage?: EventHandler<HTMLCrowdsourceManagerElement["showCoverPage"]>;
   onshowIntroductionWindow?: EventHandler<HTMLCrowdsourceManagerElement["showIntroductionWindow"]>;
 }
@@ -158,7 +159,11 @@ interface ReactLayerList extends Partial<Pick<LayerList, 'applyLayerViewFilter'
   onlayersListLoaded?: EventHandler<HTMLLayerListElement["layersListLoaded"]>;
 }
 
-interface ReactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLProps<HTMLLayerTableElement> {
+interface ReactLayerListWidget extends Partial<Pick<LayerListWidget, 'layerListWidget' | 'mapView' | 'visibilityIcon'>>, HTMLProps<HTMLLayerListWidgetElement> {
+  onfullscreenStateChange?: EventHandler<HTMLLayerListWidgetElement["fullscreenStateChange"]>;
+}
+
+interface ReactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'enableTableAutosave' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, HTMLProps<HTMLLayerTableElement> {
   oncolumnReorder?: EventHandler<HTMLLayerTableElement["columnReorder"]>;
   oneditMultipleFeatures?: EventHandler<HTMLLayerTableElement["editMultipleFeatures"]>;
   onfeatureSelectionChange?: EventHandler<HTMLLayerTableElement["featureSelectionChange"]>;
@@ -170,7 +175,7 @@ interface ReactLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaul
 interface ReactMapBasemapGallery extends Partial<Pick<MapBasemapGallery, 'basemapConfig' | 'basemapWidget' | 'mapView'>>, HTMLProps<HTMLMapBasemapGalleryElement> {
 }
 
-interface ReactMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'zoomToolsSize' | 'zoomToScale'>>, HTMLProps<HTMLMapCardElement> {
+interface ReactMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'visibilityIcon' | 'zoomToolsSize' | 'zoomToScale'>>, HTMLProps<HTMLMapCardElement> {
   onbeforeMapChanged?: EventHandler<HTMLMapCardElement["beforeMapChanged"]>;
   onclearSelection?: EventHandler<HTMLMapCardElement["clearSelection"]>;
   oneditMultipleFeatures?: EventHandler<HTMLMapCardElement["editMultipleFeatures"]>;
@@ -217,7 +222,8 @@ interface ReactMapSelectTools extends Partial<Pick<MapSelectTools, 'bufferColor'
   onselectionSetChange?: EventHandler<HTMLMapSelectToolsElement["selectionSetChange"]>;
 }
 
-interface ReactMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedLayer' | 'selectedWebMapId' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'zoomToolsSize'>>, HTMLProps<HTMLMapToolsElement> {
+interface ReactMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedFeaturesIds' | 'selectedLayer' | 'selectedWebMapId' | 'selectionTools' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'visibilityIcon' | 'zoomToolsSize'>>, HTMLProps<HTMLMapToolsElement> {
+  onclearSelection?: EventHandler<HTMLMapToolsElement["clearSelection"]>;
 }
 
 interface ReactPciCalculator extends HTMLProps<HTMLPciCalculatorElement> {
@@ -240,12 +246,12 @@ interface ReactSelectionTool extends Partial<Pick<SelectionTool, 'mapView' | 'se
   onfeaturesSelected?: EventHandler<HTMLSelectionToolElement["featuresSelected"]>;
 }
 
-interface ReactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureTitlesElement> {
+interface ReactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'source' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureTitlesElement> {
   onsolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
   onsolutionItemsTitlesChanged?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionItemsTitlesChanged"]>;
 }
 
-interface ReactSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open'>>, HTMLProps<HTMLSolutionDeleteDialogElement> {
+interface ReactSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open' | 'source'>>, HTMLProps<HTMLSolutionDeleteDialogElement> {
   onsolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
   onsolutionDeleteDialogBeforeClose?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogBeforeClose"]>;
   onsolutionDeleteDialogOpen?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogOpen"]>;
@@ -387,6 +393,7 @@ declare module "react" {
       "field-selection": ReactFieldSelection;
       "info-card": ReactInfoCard;
       "layer-list": ReactLayerList;
+      "layer-list-widget": ReactLayerListWidget;
       "layer-table": ReactLayerTable;
       "map-basemap-gallery": ReactMapBasemapGallery;
       "map-card": ReactMapCard;
@@ -453,6 +460,7 @@ declare module "react/jsx-runtime" {
       "field-selection": ReactFieldSelection;
       "info-card": ReactInfoCard;
       "layer-list": ReactLayerList;
+      "layer-list-widget": ReactLayerListWidget;
       "layer-table": ReactLayerTable;
       "map-basemap-gallery": ReactMapBasemapGallery;
       "map-card": ReactMapCard;
@@ -519,6 +527,7 @@ declare module "react/jsx-dev-runtime" {
       "field-selection": ReactFieldSelection;
       "info-card": ReactInfoCard;
       "layer-list": ReactLayerList;
+      "layer-list-widget": ReactLayerListWidget;
       "layer-table": ReactLayerTable;
       "map-basemap-gallery": ReactMapBasemapGallery;
       "map-card": ReactMapCard;

package/dist/types/stencil.d.ts

@@ -16,6 +16,7 @@ import type { FeatureList } from "../components/feature-list/index.js";
 import type { FieldSelection } from "../components/field-selection/index.js";
 import type { InfoCard } from "../components/info-card/index.js";
 import type { LayerList } from "../components/layer-list/index.js";
+import type { LayerListWidget } from "../components/layer-list-widget/index.js";
 import type { LayerTable } from "../components/layer-table/index.js";
 import type { MapBasemapGallery } from "../components/map-basemap-gallery/index.js";
 import type { MapCard } from "../components/map-card/index.js";
@@ -72,7 +73,7 @@ interface StencilBufferTools extends Partial<Pick<BufferTools, 'appearance' | 'd
   onUnitChanged?: EventHandler<HTMLBufferToolsElement["unitChanged"]>;
 }
 
-interface StencilCardManager extends Partial<Pick<CardManager, 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, StencilJsx.HTMLAttributes<HTMLCardManagerElement> {
+interface StencilCardManager extends Partial<Pick<CardManager, 'createBtnLabel' | 'customInfoText' | 'enableCreateFeatures' | 'enableEditGeometry' | 'enableSnapping' | 'isMobile' | 'layerOrTable' | 'mapView' | 'selectedFeaturesIds' | 'selectingFeatureFromMap' | 'showSketchWidgets' | 'zoomAndScrollToSelected'>>, StencilJsx.HTMLAttributes<HTMLCardManagerElement> {
   onBackFromCreateWorkFlow?: EventHandler<HTMLCardManagerElement["backFromCreateWorkFlow"]>;
   onCreateWorkFlowStarted?: EventHandler<HTMLCardManagerElement["createWorkFlowStarted"]>;
   onFeatureOrRecordSubmitted?: EventHandler<HTMLCardManagerElement["featureOrRecordSubmitted"]>;
@@ -82,7 +83,7 @@ interface StencilConsentManager extends Required<Pick<ConsentManager, 'firstUseV
   onConsentGranted?: EventHandler<HTMLConsentManagerElement["consentGranted"]>;
 }
 
-interface StencilCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, StencilJsx.HTMLAttributes<HTMLCreateFeatureElement> {
+interface StencilCreateFeature extends Partial<Pick<CreateFeature, 'allowMultipleCreation' | 'customizeSubmit' | 'enableSearch' | 'enableSnapping' | 'floorLevel' | 'formElements' | 'isMobile' | 'mapView' | 'popupEnabled' | 'reportingArea' | 'reportingAreaLayer' | 'reportingAreaMessage' | 'searchConfiguration' | 'selectedLayerId' | 'showGuidingMsg' | 'showLayerVisibilityMsg' | 'showSketchWidgets' | 'submitNewReportsMessage' | 'updateMapPosition'>>, StencilJsx.HTMLAttributes<HTMLCreateFeatureElement> {
   onDrawComplete?: EventHandler<HTMLCreateFeatureElement["drawComplete"]>;
   onEditingAttachment?: EventHandler<HTMLCreateFeatureElement["editingAttachment"]>;
   onEditingLocation?: EventHandler<HTMLCreateFeatureElement["editingLocation"]>;
@@ -99,7 +100,7 @@ interface StencilCreateRelatedFeature extends Partial<Pick<CreateRelatedFeature,
   onSuccess?: EventHandler<HTMLCreateRelatedFeatureElement["success"]>;
 }
 
-interface StencilCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLCrowdsourceManagerElement> {
+interface StencilCrowdsourceManager extends Partial<Pick<CrowdsourceManager, 'appLayout' | 'appProxies' | 'basemapConfig' | 'coverPageEnabled' | 'customInfoText' | 'defaultAppLayout' | 'defaultCenter' | 'defaultGlobalId' | 'defaultLayer' | 'defaultLevel' | 'defaultOid' | 'defaultWebmap' | 'enableAutoRefresh' | 'enableBasemap' | 'enableColumnReorder' | 'enableCSV' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapList' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSnapping' | 'enableZoom' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'introductionWindowEnabled' | 'mapInfos' | 'onlyShowUpdatableLayers' | 'popupHeaderColor' | 'popupHeaderHoverColor' | 'popupHeaderHoverTextColor' | 'popupHeaderTextColor' | 'searchConfiguration' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'theme' | 'visibilityIcon' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLCrowdsourceManagerElement> {
   onShowCoverPage?: EventHandler<HTMLCrowdsourceManagerElement["showCoverPage"]>;
   onShowIntroductionWindow?: EventHandler<HTMLCrowdsourceManagerElement["showIntroductionWindow"]>;
 }
@@ -158,7 +159,11 @@ interface StencilLayerList extends Partial<Pick<LayerList, 'applyLayerViewFilter
   onLayersListLoaded?: EventHandler<HTMLLayerListElement["layersListLoaded"]>;
 }
 
-interface StencilLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLLayerTableElement> {
+interface StencilLayerListWidget extends Partial<Pick<LayerListWidget, 'layerListWidget' | 'mapView' | 'visibilityIcon'>>, StencilJsx.HTMLAttributes<HTMLLayerListWidgetElement> {
+  onFullscreenStateChange?: EventHandler<HTMLLayerListWidgetElement["fullscreenStateChange"]>;
+}
+
+interface StencilLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defaultGlobalId' | 'defaultLayerId' | 'defaultOid' | 'enableAutoRefresh' | 'enableColumnReorder' | 'enableCSV' | 'enableInlineEdit' | 'enableShare' | 'enableTableAutosave' | 'featureSelectionMode' | 'honorMapFieldSettings' | 'isMobile' | 'mapHidden' | 'mapInfo' | 'mapView' | 'selectedIds' | 'selectedRelatedIds' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showNewestFirst' | 'showOnlyUpdatableLayers' | 'zoomAndScrollToSelected' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLLayerTableElement> {
   onColumnReorder?: EventHandler<HTMLLayerTableElement["columnReorder"]>;
   onEditMultipleFeatures?: EventHandler<HTMLLayerTableElement["editMultipleFeatures"]>;
   onFeatureSelectionChange?: EventHandler<HTMLLayerTableElement["featureSelectionChange"]>;
@@ -170,7 +175,7 @@ interface StencilLayerTable extends Partial<Pick<LayerTable, 'appLayout' | 'defa
 interface StencilMapBasemapGallery extends Partial<Pick<MapBasemapGallery, 'basemapConfig' | 'basemapWidget' | 'mapView'>>, StencilJsx.HTMLAttributes<HTMLMapBasemapGalleryElement> {
 }
 
-interface StencilMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'zoomToolsSize' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLMapCardElement> {
+interface StencilMapCard extends Partial<Pick<MapCard, 'appLayout' | 'appProxies' | 'basemapConfig' | 'defaultLayerId' | 'defaultWebmapId' | 'enableBasemap' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableShare' | 'enableSingleExpand' | 'featureSelectionMode' | 'hide' | 'isMapLayout' | 'isMobile' | 'mapInfo' | 'mapInfos' | 'mapToolsOrder' | 'mapView' | 'mapWidgetsIndex' | 'mapWidgetsPosition' | 'mapWidgetsSize' | 'mobileMapWidgetsPosition' | 'mobileToolsOrder' | 'selectedFeaturesIds' | 'selectedLayer' | 'shareIncludeEmbed' | 'shareIncludeSocial' | 'showOnlyUpdatableLayers' | 'stackTools' | 'theme' | 'visibilityIcon' | 'zoomToolsSize' | 'zoomToScale'>>, StencilJsx.HTMLAttributes<HTMLMapCardElement> {
   onBeforeMapChanged?: EventHandler<HTMLMapCardElement["beforeMapChanged"]>;
   onClearSelection?: EventHandler<HTMLMapCardElement["clearSelection"]>;
   onEditMultipleFeatures?: EventHandler<HTMLMapCardElement["editMultipleFeatures"]>;
@@ -217,7 +222,8 @@ interface StencilMapSelectTools extends Partial<Pick<MapSelectTools, 'bufferColo
   onSelectionSetChange?: EventHandler<HTMLMapSelectToolsElement["selectionSetChange"]>;
 }
 
-interface StencilMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedLayer' | 'selectedWebMapId' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'zoomToolsSize'>>, StencilJsx.HTMLAttributes<HTMLMapToolsElement> {
+interface StencilMapTools extends Partial<Pick<MapTools, 'basemapConfig' | 'defaultLayerId' | 'enableBasemap' | 'enabledLayerIds' | 'enableFloorFilter' | 'enableFullscreen' | 'enableHome' | 'enableLayerList' | 'enableLegend' | 'enableMapLayerPicker' | 'enableMapPicker' | 'enableSearch' | 'enableSelectionTool' | 'enableSingleExpand' | 'isMobile' | 'layout' | 'mapInfo' | 'mapInfos' | 'mapView' | 'mapWidgetsSize' | 'parentComponentHeight' | 'parentComponentWidth' | 'position' | 'searchConfiguration' | 'selectedFeaturesIds' | 'selectedLayer' | 'selectedWebMapId' | 'selectionTools' | 'showOnlyUpdatableLayers' | 'stackTools' | 'toolOrder' | 'visibilityIcon' | 'zoomToolsSize'>>, StencilJsx.HTMLAttributes<HTMLMapToolsElement> {
+  onClearSelection?: EventHandler<HTMLMapToolsElement["clearSelection"]>;
 }
 
 interface StencilPciCalculator extends StencilJsx.HTMLAttributes<HTMLPciCalculatorElement> {
@@ -240,12 +246,12 @@ interface StencilSelectionTool extends Partial<Pick<SelectionTool, 'mapView' | '
   onFeaturesSelected?: EventHandler<HTMLSelectionToolElement["featuresSelected"]>;
 }
 
-interface StencilSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+interface StencilSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'solutionData' | 'source' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
   onSolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
   onSolutionItemsTitlesChanged?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionItemsTitlesChanged"]>;
 }
 
-interface StencilSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeleteDialogElement> {
+interface StencilSolutionDeleteDialog extends Required<Pick<SolutionDeleteDialog, 'card'>>, Partial<Pick<SolutionDeleteDialog, 'open' | 'source'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeleteDialogElement> {
   onSolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
   onSolutionDeleteDialogBeforeClose?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogBeforeClose"]>;
   onSolutionDeleteDialogOpen?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleteDialogOpen"]>;
@@ -385,6 +391,7 @@ interface ExposedElements {
   "field-selection": StencilFieldSelection;
   "info-card": StencilInfoCard;
   "layer-list": StencilLayerList;
+  "layer-list-widget": StencilLayerListWidget;
   "layer-table": StencilLayerTable;
   "map-basemap-gallery": StencilMapBasemapGallery;
   "map-card": StencilMapCard;

package/dist/utils/interfaces.d.ts

@@ -223,7 +223,9 @@ export interface IMapInfo {
     layerOptions?: ILayerOptions;
     enableInlineEdit: boolean;
     enableCreateFeatures: boolean;
+    createFeatureButtonLabel: string;
     enableEditGeometry: boolean;
+    enableTableAutosave: boolean;
 }
 export interface ILayerOptions {
     layers: ILayerDef[];
@@ -286,6 +288,7 @@ export type ExpressionField = 'string' | 'number' | 'date' | 'coded-value' | 'ra
 export type EditType = 'update' | 'add' | 'delete';
 export type ButtonType = 'button' | 'action';
 export type AppLayout = 'mapView' | 'tableView' | 'splitView';
+export type VisibilityIconType = 'checkbox' | 'eyeball';
 export interface IExpression {
     id: number;
     type?: ExpressionField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "1.2.0-next.96",
+  "version": "1.2.0-next.98",
   "description": "Web Components for Esri's Solutions Applications",
   "type": "module",
   "main": "dist/index.js",

package/dist/cdn/2FJXFYLT.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.95 */
-import d from"./CLHE25I3.js";import"./LEENTIW4.js";import c from"./KTQWROMB.js";import b from"./VEN3SQUK.js";import a from"./VMWEYFYK.js";import"./JC2IM5XB.js";import"./PPTHTB2U.js";import"./JYUJABRJ.js";import"./HPXNQRCD.js";import"./52OB5KCR.js";import"./AHELA4T4.js";import"./E5QQFCT4.js";import"./LUQ7FMMN.js";import"./CIO2VG6T.js";import"./4N5K4ME5.js";import"./B3XVV774.js";import"./TR2NEOEC.js";import"./VON4I3RU.js";import"./SPZCXXRW.js";import"./43J3CMJ6.js";import"./2M6EM5T2.js";import"./HDP6J57X.js";import"./QT6OHKP2.js";import"./WK7DUCCV.js";import"./JKM6BLZA.js";import"./Z5V6UEGG.js";import"./SOKAL66R.js";import"./7SVNHMAW.js";import"./IWQKKA2X.js";import"./V3RXZGIM.js";import"./KXG3ACJ4.js";import"./TVY5IKVU.js";export default $arcgis.t(([,,,a])=>{return a},a,b,c,d)

package/dist/cdn/5BHGOS3J.js

@@ -1,18 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.95 */
-import d from"./R23K6PCI.js";import b from"./WIJWQ5VY.js";import a from"./VMWEYFYK.js";import{b as I,d as y}from"./JC2IM5XB.js";import{qb as T,ra as $,rb as D,sb as S}from"./PPTHTB2U.js";import{a as x}from"./JYUJABRJ.js";import"./HPXNQRCD.js";import"./52OB5KCR.js";import"./AHELA4T4.js";import"./E5QQFCT4.js";import"./LUQ7FMMN.js";import"./CIO2VG6T.js";import"./4N5K4ME5.js";import"./B3XVV774.js";import"./TR2NEOEC.js";import"./VON4I3RU.js";import"./SPZCXXRW.js";import"./43J3CMJ6.js";import"./2M6EM5T2.js";import"./HDP6J57X.js";import"./QT6OHKP2.js";import"./WK7DUCCV.js";import"./JKM6BLZA.js";import"./Z5V6UEGG.js";import"./SOKAL66R.js";import"./7SVNHMAW.js";import"./IWQKKA2X.js";import{b as g}from"./V3RXZGIM.js";import{F as c,G as r,H as _,J as l,h as m,i as n,r as h}from"./KXG3ACJ4.js";import"./TVY5IKVU.js";export default $arcgis.t(([{r:v,s:C},{d:d},{a:b}])=>{var N=m`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`,p=class extends _{constructor(){super(...arguments),this.open=!1,this.solutionData={},this.templateInfos=[],this._saveDisabled=!1,this._displayTemplateInfos=[],this._hasNameLengthError=!1,this._nonSolutionDependencyItems=[],this._solutionItemsTitlesUpdating=!1,this._translations=x({name:"solution-configure-titles",blocking:!0}),this._configContextConsumer=I({context:y,subscribe:!0}),this._defaultPrefix="",this._defaultSuffix="",this._loadingDefaultPrefix=!1,this._loadingDefaultSuffix=!1,this._prefixRef=c(),this._prefixValue="",this._suffixRef=c(),this._suffixValue="",this._templateInfos=[],this.solutionConfigureTitlesBeforeClose=h(),this.solutionItemsTitlesChanged=h()}static{this.properties={card:0,open:5,solutionData:1,templateInfos:0,_saveDisabled:16,_displayTemplateInfos:16,_hasNameLengthError:16,_nonSolutionDependencyItems:16,_solutionItemsTitlesUpdating:16,_translations:16}}static{this.styles=N}async willUpdate(e){if(e.has("templateInfos")&&(this._templateInfos=this.templateInfos,this._updateTemplates()),e.has("open")){let i=e.get("open");if(this.open&&!i){let s=await b(this._configContextConsumer.value.userSession,this.card);this._nonSolutionDependencyItems=s._nonSolutionDependencyItems,this._accordionRef?.selectItems(s.uniqueIitemIds)}}}get _telemetry(){return this._configContextConsumer.value?.telemetrySession}async load(){this._updateTemplates(),await this._updatePrefixSuffix()}async _updatePrefixSuffix(){this.solutionData=await $(this.card.id,this._configContextConsumer.value.userSession),this.solutionData.titles?.prefix&&(this._loadingDefaultPrefix=!0,this._defaultPrefix=this.solutionData.titles.prefix,this._prefixValue=this.solutionData.titles.prefix),this.solutionData.titles?.suffix&&(this._loadingDefaultSuffix=!0,this._defaultSuffix=this.solutionData.titles.suffix,this._suffixValue=this.solutionData.titles.suffix)}render(){return n`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${()=>{this.solutionConfigureTitlesBeforeClose.emit()}} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`}_getPrefixSuffixControls(){let e=d(this._prefixValue),i=this._hasNameLengthError&&this._prefixValue.length>0,s=!e,t=!i,a=s?"display-none":"",o=t?"display-none":"",w=s&&t?"valid":"invalid",V=d(this._suffixValue),E=this._hasNameLengthError&&this._suffixValue.length>0,u=!V,f=!E,P=u?"display-none":"",L=f?"display-none":"",R=u&&f?"valid":"invalid";return this._saveDisabled=!s||!t||!u||!f,n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input clearable @blur=${this._prefixInput} @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${w} .value=${this._prefixValue} ${r(this._prefixRef)}></calcite-input><calcite-input-message class=${l(a)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${l(o)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input clearable @blur=${this._suffixInput} @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${R} .value=${this._suffixValue} ${r(this._suffixRef)}></calcite-input><calcite-input-message class=${l(P)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${l(L)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`}_getAccordion(){let e=[...new Set(this._nonSolutionDependencyItems.map(i=>i.controlItemId))];return n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .itemRelationshipDependencies=${e} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${r(async i=>{i&&!this._accordionRef&&(this._accordionRef=i,await this._accordionRef.selectFirstItem())})}></solution-item-accordion></div>`}_getDialogButtons(){return n`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`}_prefixInput(){clearTimeout(this._textInputTimeout),this._textInputTimeout=setTimeout(()=>{this._prefixValue=this._prefixRef.value?.value||"",this._updateTemplates()},500)}_suffixInput(){clearTimeout(this._textInputTimeout),this._textInputTimeout=setTimeout(()=>{this._suffixValue=this._suffixRef.value?.value||"",this._updateTemplates()},500)}_updateTemplates(){let e=/[^\s\\]/.test(this._prefixValue),i=/[^\s\\]/.test(this._suffixValue);this._templateInfos=this._templateInfos.map(t=>{if(this._loadingDefaultPrefix&&t.title.startsWith(this._prefixValue)){let a=new RegExp(`^${this._prefixValue} `);t.title=t.title.replace(a,"")}if(this._loadingDefaultSuffix&&t.title.endsWith(this._suffixValue)){let a=new RegExp(` ${this._suffixValue}$`);t.title=t.title.replace(a,"")}return t});let s=JSON.parse(JSON.stringify(this._templateInfos));this._hasNameLengthError=!1,this._displayTemplateInfos=s.map(t=>(t.title=e&&i?`${`${this._prefixValue} `}${t.title}${` ${this._suffixValue}`}`:e?`${`${this._prefixValue} `}${t.title}`:i?`${t.title}${` ${this._suffixValue}`}`:t.title,this._hasNameLengthError||(this._hasNameLengthError=t.title.length>v),t)),this._loadingDefaultPrefix=!1,this._loadingDefaultSuffix=!1}_closeDialog(){this.open=!1}async _commitNameChanges(){let e=this._defaultPrefix!==this._prefixValue,i=this._defaultSuffix!==this._suffixValue;if(JSON.stringify(this._templateInfos)!==JSON.stringify(this._displayTemplateInfos)||e||i){this._telemetry?.logEvent({category:C.DEPLOYMENTS,action:"Rename Items",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),this._solutionItemsTitlesUpdating=!0;let s=this._displayTemplateInfos.reduce((t,a)=>{let o={id:a.id,title:a.title};return t.push(a.type==="Group"?D(o,this._configContextConsumer.value.userSession):T(o,this._configContextConsumer.value.userSession)),t},[]);if(this.solutionData?.templates){let t={id:this.card.id},a={...this.solutionData,titles:{prefix:this._prefixValue,suffix:this._suffixValue}};s.push(S(t,a,this._configContextConsumer.value.userSession))}await Promise.all(s),this._solutionItemsTitlesUpdating=!1,this.solutionItemsTitlesChanged.emit()}this._closeDialog()}};g("solution-configure-titles",p);return p},a,b,d)