@geoscene/common-components 5.0.19

package/dist/loader.js

@@ -0,0 +1,23 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { r as e } from "./chunks/runtime.js";
+import { makeDefineCustomElements as i } from "@geoscene/lumina";
+const l = i(e, {
+  "geoscene-ckeditor5": [() => import("./components/geoscene-ckeditor5/customElement.js"), "canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],
+  "geoscene-ckeditor5-popover": [() => import("./components/geoscene-ckeditor5-popover/customElement.js"), "guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],
+  "geoscene-color-input": [() => import("./components/geoscene-color-input/customElement.js"), "_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],
+  "geoscene-field-info": [() => import("./components/geoscene-field-info/customElement.js"), "_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],
+  "geoscene-field-pick-list": [() => import("./components/geoscene-field-pick-list/customElement.js"), "_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],
+  "geoscene-histogram": [() => import("./components/geoscene-histogram/customElement.js"), "_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],
+  "geoscene-label-input": [() => import("./components/geoscene-label-input/customElement.js"), "alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],
+  "geoscene-picker-input": [() => import("./components/geoscene-picker-input/customElement.js"), "disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],
+  "geoscene-ramp-color": [() => import("./components/geoscene-ramp-color/customElement.js"), "layout,max,min,stops:"],
+  "geoscene-ramp-color-break": [() => import("./components/geoscene-ramp-color-break/customElement.js"), "layout,max,min,stops:"],
+  "geoscene-ramp-opacity": [() => import("./components/geoscene-ramp-opacity/customElement.js"), "fillColor,layout,max,min,stops:"],
+  "geoscene-slider": [() => import("./components/geoscene-slider/customElement.js"), "activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],
+  "geoscene-slider-input": [() => import("./components/geoscene-slider-input/customElement.js"), "disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],
+  "geoscene-ticks": [() => import("./components/geoscene-ticks/customElement.js"), "interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],
+  "geoscene-unique-values-list": [() => import("./components/geoscene-unique-values-list/customElement.js"), "_messages:,fieldName,fieldSource,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]
+});
+export {
+  l as defineCustomElements
+};

package/dist/types/components.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated import from stencil.d.ts instead */
+export * from "./stencil.js";

package/dist/types/lumina.d.ts

@@ -0,0 +1,123 @@
+/// <reference types="../index.d.ts" />
+import type { GeosceneCkeditor5 } from "../components/geoscene-ckeditor5/customElement.js";
+import type { GeosceneCkeditor5Popover } from "../components/geoscene-ckeditor5-popover/customElement.js";
+import type { GeosceneColorInput } from "../components/geoscene-color-input/customElement.js";
+import type { GeosceneFieldInfo } from "../components/geoscene-field-info/customElement.js";
+import type { GeosceneFieldPickList } from "../components/geoscene-field-pick-list/customElement.js";
+import type { GeosceneHistogram } from "../components/geoscene-histogram/customElement.js";
+import type { GeosceneLabelInput } from "../components/geoscene-label-input/customElement.js";
+import type { GeoscenePickerInput } from "../components/geoscene-picker-input/customElement.js";
+import type { GeosceneRampColor } from "../components/geoscene-ramp-color/customElement.js";
+import type { GeosceneRampColorBreak } from "../components/geoscene-ramp-color-break/customElement.js";
+import type { GeosceneRampOpacity } from "../components/geoscene-ramp-opacity/customElement.js";
+import type { GeosceneSlider } from "../components/geoscene-slider/customElement.js";
+import type { GeosceneSliderInput } from "../components/geoscene-slider-input/customElement.js";
+import type { GeosceneTicks } from "../components/geoscene-ticks/customElement.js";
+import type { GeosceneUniqueValuesList } from "../components/geoscene-unique-values-list/customElement.js";
+import type { h, EventHandler } from "@geoscene/lumina";
+
+interface LuminaGeosceneCkeditor5 extends Partial<Pick<GeosceneCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, h.JSX.HTMLAttributes<GeosceneCkeditor5> {
+  ongeosceneCkeditor5Created?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5Created"]>;
+  ongeosceneCkeditor5DataUpdated?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5DataUpdated"]>;
+  ongeosceneCkeditor5SourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5SourceEditingChanged"]>;
+  ongeosceneCreated?: EventHandler<GeosceneCkeditor5["geosceneCreated"]>;
+  ongeosceneDataUpdated?: EventHandler<GeosceneCkeditor5["geosceneDataUpdated"]>;
+  ongeosceneSourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneSourceEditingChanged"]>;
+}
+
+interface LuminaGeosceneCkeditor5Popover extends Partial<Pick<GeosceneCkeditor5Popover, "guid" | "intlCancel" | "intlLabel" | "intlOk" | "refElement">>, h.JSX.HTMLAttributes<GeosceneCkeditor5Popover> {
+  ongeosceneCkeditor5PopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geosceneCkeditor5PopoverClosed"]>;
+  ongeoscenePopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geoscenePopoverClosed"]>;
+}
+
+interface LuminaGeosceneColorInput extends Partial<Pick<GeosceneColorInput, "clearable" | "color" | "compact" | "disabled" | "hideRecentColors" | "messageOverrides" | "placement" | "popoverProps" | "showTransparency" | "storageId">>, h.JSX.HTMLAttributes<GeosceneColorInput> {
+  ongeosceneChange?: EventHandler<GeosceneColorInput["geosceneChange"]>;
+  ongeosceneColorInputChange?: EventHandler<GeosceneColorInput["geosceneColorInputChange"]>;
+  ongeosceneColorInputPopoverClose?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverClose"]>;
+  ongeosceneColorInputPopoverOpen?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverOpen"]>;
+  ongeosceneColorInputSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneColorInputSwatchUpdate"]>;
+  ongeoscenePickerClose?: EventHandler<GeosceneColorInput["geoscenePickerClose"]>;
+  ongeoscenePickerOpen?: EventHandler<GeosceneColorInput["geoscenePickerOpen"]>;
+  ongeosceneSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneSwatchUpdate"]>;
+}
+
+interface LuminaGeosceneFieldInfo extends Partial<Pick<GeosceneFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, h.JSX.HTMLAttributes<GeosceneFieldInfo> {
+  ongeosceneComplete?: EventHandler<GeosceneFieldInfo["geosceneComplete"]>;
+  ongeosceneFieldInfoComplete?: EventHandler<GeosceneFieldInfo["geosceneFieldInfoComplete"]>;
+}
+
+interface LuminaGeosceneFieldPickList extends Partial<Pick<GeosceneFieldPickList, "customExpressionCheck" | "expressionsGroupHeading" | "fields" | "fieldsGroupHeading" | "filterNoResultsText" | "filterPlaceholderText" | "groupFieldsAndExpressions" | "heading" | "hideCancel" | "hideSort" | "layer" | "listOnly" | "mapView" | "multiple" | "okBtnText" | "popoverProps" | "selectedFields" | "showCancel" | "showDescription" | "showFieldInfo" | "showFieldName" | "showFieldTypeIcon" | "showFilterLength" | "showSelectionAll" | "showSort" | "sortBy" | "view">>, h.JSX.HTMLAttributes<GeosceneFieldPickList> {
+  ongeosceneChange?: EventHandler<GeosceneFieldPickList["geosceneChange"]>;
+  ongeosceneClose?: EventHandler<GeosceneFieldPickList["geosceneClose"]>;
+  ongeosceneDeleteField?: EventHandler<GeosceneFieldPickList["geosceneDeleteField"]>;
+  ongeosceneEditField?: EventHandler<GeosceneFieldPickList["geosceneEditField"]>;
+  ongeosceneFieldPickListChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListChange"]>;
+  ongeosceneFieldPickListDismissed?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListDismissed"]>;
+  ongeosceneFieldPickListSortByChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListSortByChange"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneFieldPickList["geosceneSortByChange"]>;
+}
+
+interface LuminaGeosceneHistogram extends Partial<Pick<GeosceneHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, h.JSX.HTMLAttributes<GeosceneHistogram> {
+}
+
+interface LuminaGeosceneLabelInput extends Partial<Pick<GeosceneLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, h.JSX.HTMLAttributes<GeosceneLabelInput> {
+  ongeosceneChange?: EventHandler<GeosceneLabelInput["geosceneChange"]>;
+}
+
+interface LuminaGeoscenePickerInput extends Partial<Pick<GeoscenePickerInput, "disabled" | "heading" | "iconEnd" | "intlDone" | "label" | "popoverProps">>, h.JSX.HTMLAttributes<GeoscenePickerInput> {
+  ongeoscenePopoverClose?: EventHandler<GeoscenePickerInput["geoscenePopoverClose"]>;
+  ongeoscenePopoverOpen?: EventHandler<GeoscenePickerInput["geoscenePopoverOpen"]>;
+}
+
+interface LuminaGeosceneRampColor extends Partial<Pick<GeosceneRampColor, "layout" | "max" | "min" | "stops">>, h.JSX.HTMLAttributes<GeosceneRampColor> {
+}
+
+interface LuminaGeosceneRampColorBreak extends Partial<Pick<GeosceneRampColorBreak, "layout" | "max" | "min" | "stops">>, h.JSX.HTMLAttributes<GeosceneRampColorBreak> {
+}
+
+interface LuminaGeosceneRampOpacity extends Partial<Pick<GeosceneRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, h.JSX.HTMLAttributes<GeosceneRampOpacity> {
+}
+
+interface LuminaGeosceneSlider extends Partial<Pick<GeosceneSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, h.JSX.HTMLAttributes<GeosceneSlider> {
+  ongeosceneActiveValueChange?: EventHandler<GeosceneSlider["geosceneActiveValueChange"]>;
+  ongeosceneChange?: EventHandler<GeosceneSlider["geosceneChange"]>;
+  ongeosceneInput?: EventHandler<GeosceneSlider["geosceneInput"]>;
+  ongeosceneRangeChange?: EventHandler<GeosceneSlider["geosceneRangeChange"]>;
+}
+
+interface LuminaGeosceneSliderInput extends Partial<Pick<GeosceneSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, h.JSX.HTMLAttributes<GeosceneSliderInput> {
+  ongeosceneSliderInputValueChange?: EventHandler<GeosceneSliderInput["geosceneSliderInputValueChange"]>;
+  ongeosceneValueChange?: EventHandler<GeosceneSliderInput["geosceneValueChange"]>;
+}
+
+interface LuminaGeosceneTicks extends Partial<Pick<GeosceneTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, h.JSX.HTMLAttributes<GeosceneTicks> {
+  ongeosceneTickClick?: EventHandler<GeosceneTicks["geosceneTickClick"]>;
+}
+
+interface LuminaGeosceneUniqueValuesList extends Partial<Pick<GeosceneUniqueValuesList, "fieldName" | "fieldSource" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, h.JSX.HTMLAttributes<GeosceneUniqueValuesList> {
+  ongeosceneChange?: EventHandler<GeosceneUniqueValuesList["geosceneChange"]>;
+  ongeosceneLoad?: EventHandler<GeosceneUniqueValuesList["geosceneLoad"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneUniqueValuesList["geosceneSortByChange"]>;
+}
+
+declare module "@geoscene/lumina" {
+  export namespace h.JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": LuminaGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": LuminaGeosceneCkeditor5Popover;
+      "geoscene-color-input": LuminaGeosceneColorInput;
+      "geoscene-field-info": LuminaGeosceneFieldInfo;
+      "geoscene-field-pick-list": LuminaGeosceneFieldPickList;
+      "geoscene-histogram": LuminaGeosceneHistogram;
+      "geoscene-label-input": LuminaGeosceneLabelInput;
+      "geoscene-picker-input": LuminaGeoscenePickerInput;
+      "geoscene-ramp-color": LuminaGeosceneRampColor;
+      "geoscene-ramp-color-break": LuminaGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": LuminaGeosceneRampOpacity;
+      "geoscene-slider": LuminaGeosceneSlider;
+      "geoscene-slider-input": LuminaGeosceneSliderInput;
+      "geoscene-ticks": LuminaGeosceneTicks;
+      "geoscene-unique-values-list": LuminaGeosceneUniqueValuesList;
+    }
+  }
+}

package/dist/types/preact.d.ts

@@ -0,0 +1,143 @@
+/// <reference types="../index.d.ts" />
+import type { GeosceneCkeditor5 } from "../components/geoscene-ckeditor5/customElement.js";
+import type { GeosceneCkeditor5Popover } from "../components/geoscene-ckeditor5-popover/customElement.js";
+import type { GeosceneColorInput } from "../components/geoscene-color-input/customElement.js";
+import type { GeosceneFieldInfo } from "../components/geoscene-field-info/customElement.js";
+import type { GeosceneFieldPickList } from "../components/geoscene-field-pick-list/customElement.js";
+import type { GeosceneHistogram } from "../components/geoscene-histogram/customElement.js";
+import type { GeosceneLabelInput } from "../components/geoscene-label-input/customElement.js";
+import type { GeoscenePickerInput } from "../components/geoscene-picker-input/customElement.js";
+import type { GeosceneRampColor } from "../components/geoscene-ramp-color/customElement.js";
+import type { GeosceneRampColorBreak } from "../components/geoscene-ramp-color-break/customElement.js";
+import type { GeosceneRampOpacity } from "../components/geoscene-ramp-opacity/customElement.js";
+import type { GeosceneSlider } from "../components/geoscene-slider/customElement.js";
+import type { GeosceneSliderInput } from "../components/geoscene-slider-input/customElement.js";
+import type { GeosceneTicks } from "../components/geoscene-ticks/customElement.js";
+import type { GeosceneUniqueValuesList } from "../components/geoscene-unique-values-list/customElement.js";
+import { HTMLAttributes } from "preact";
+import type { EventHandler } from "@geoscene/lumina";
+
+interface PreactGeosceneCkeditor5 extends Partial<Pick<GeosceneCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, HTMLAttributes<GeosceneCkeditor5> {
+  ongeosceneCkeditor5Created?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5Created"]>;
+  ongeosceneCkeditor5DataUpdated?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5DataUpdated"]>;
+  ongeosceneCkeditor5SourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5SourceEditingChanged"]>;
+  ongeosceneCreated?: EventHandler<GeosceneCkeditor5["geosceneCreated"]>;
+  ongeosceneDataUpdated?: EventHandler<GeosceneCkeditor5["geosceneDataUpdated"]>;
+  ongeosceneSourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneSourceEditingChanged"]>;
+}
+
+interface PreactGeosceneCkeditor5Popover extends Partial<Pick<GeosceneCkeditor5Popover, "guid" | "intlCancel" | "intlLabel" | "intlOk" | "refElement">>, HTMLAttributes<GeosceneCkeditor5Popover> {
+  ongeosceneCkeditor5PopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geosceneCkeditor5PopoverClosed"]>;
+  ongeoscenePopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geoscenePopoverClosed"]>;
+}
+
+interface PreactGeosceneColorInput extends Partial<Pick<GeosceneColorInput, "clearable" | "color" | "compact" | "disabled" | "hideRecentColors" | "messageOverrides" | "placement" | "popoverProps" | "showTransparency" | "storageId">>, HTMLAttributes<GeosceneColorInput> {
+  ongeosceneChange?: EventHandler<GeosceneColorInput["geosceneChange"]>;
+  ongeosceneColorInputChange?: EventHandler<GeosceneColorInput["geosceneColorInputChange"]>;
+  ongeosceneColorInputPopoverClose?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverClose"]>;
+  ongeosceneColorInputPopoverOpen?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverOpen"]>;
+  ongeosceneColorInputSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneColorInputSwatchUpdate"]>;
+  ongeoscenePickerClose?: EventHandler<GeosceneColorInput["geoscenePickerClose"]>;
+  ongeoscenePickerOpen?: EventHandler<GeosceneColorInput["geoscenePickerOpen"]>;
+  ongeosceneSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneSwatchUpdate"]>;
+}
+
+interface PreactGeosceneFieldInfo extends Partial<Pick<GeosceneFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, HTMLAttributes<GeosceneFieldInfo> {
+  ongeosceneComplete?: EventHandler<GeosceneFieldInfo["geosceneComplete"]>;
+  ongeosceneFieldInfoComplete?: EventHandler<GeosceneFieldInfo["geosceneFieldInfoComplete"]>;
+}
+
+interface PreactGeosceneFieldPickList extends Partial<Pick<GeosceneFieldPickList, "customExpressionCheck" | "expressionsGroupHeading" | "fields" | "fieldsGroupHeading" | "filterNoResultsText" | "filterPlaceholderText" | "groupFieldsAndExpressions" | "heading" | "hideCancel" | "hideSort" | "layer" | "listOnly" | "mapView" | "multiple" | "okBtnText" | "popoverProps" | "selectedFields" | "showCancel" | "showDescription" | "showFieldInfo" | "showFieldName" | "showFieldTypeIcon" | "showFilterLength" | "showSelectionAll" | "showSort" | "sortBy" | "view">>, HTMLAttributes<GeosceneFieldPickList> {
+  ongeosceneChange?: EventHandler<GeosceneFieldPickList["geosceneChange"]>;
+  ongeosceneClose?: EventHandler<GeosceneFieldPickList["geosceneClose"]>;
+  ongeosceneDeleteField?: EventHandler<GeosceneFieldPickList["geosceneDeleteField"]>;
+  ongeosceneEditField?: EventHandler<GeosceneFieldPickList["geosceneEditField"]>;
+  ongeosceneFieldPickListChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListChange"]>;
+  ongeosceneFieldPickListDismissed?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListDismissed"]>;
+  ongeosceneFieldPickListSortByChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListSortByChange"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneFieldPickList["geosceneSortByChange"]>;
+}
+
+interface PreactGeosceneHistogram extends Partial<Pick<GeosceneHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, HTMLAttributes<GeosceneHistogram> {
+}
+
+interface PreactGeosceneLabelInput extends Partial<Pick<GeosceneLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, HTMLAttributes<GeosceneLabelInput> {
+  ongeosceneChange?: EventHandler<GeosceneLabelInput["geosceneChange"]>;
+}
+
+interface PreactGeoscenePickerInput extends Partial<Pick<GeoscenePickerInput, "disabled" | "heading" | "iconEnd" | "intlDone" | "label" | "popoverProps">>, HTMLAttributes<GeoscenePickerInput> {
+  ongeoscenePopoverClose?: EventHandler<GeoscenePickerInput["geoscenePopoverClose"]>;
+  ongeoscenePopoverOpen?: EventHandler<GeoscenePickerInput["geoscenePopoverOpen"]>;
+}
+
+interface PreactGeosceneRampColor extends Partial<Pick<GeosceneRampColor, "layout" | "max" | "min" | "stops">>, HTMLAttributes<GeosceneRampColor> {
+}
+
+interface PreactGeosceneRampColorBreak extends Partial<Pick<GeosceneRampColorBreak, "layout" | "max" | "min" | "stops">>, HTMLAttributes<GeosceneRampColorBreak> {
+}
+
+interface PreactGeosceneRampOpacity extends Partial<Pick<GeosceneRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, HTMLAttributes<GeosceneRampOpacity> {
+}
+
+interface PreactGeosceneSlider extends Partial<Pick<GeosceneSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLAttributes<GeosceneSlider> {
+  ongeosceneActiveValueChange?: EventHandler<GeosceneSlider["geosceneActiveValueChange"]>;
+  ongeosceneChange?: EventHandler<GeosceneSlider["geosceneChange"]>;
+  ongeosceneInput?: EventHandler<GeosceneSlider["geosceneInput"]>;
+  ongeosceneRangeChange?: EventHandler<GeosceneSlider["geosceneRangeChange"]>;
+}
+
+interface PreactGeosceneSliderInput extends Partial<Pick<GeosceneSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLAttributes<GeosceneSliderInput> {
+  ongeosceneSliderInputValueChange?: EventHandler<GeosceneSliderInput["geosceneSliderInputValueChange"]>;
+  ongeosceneValueChange?: EventHandler<GeosceneSliderInput["geosceneValueChange"]>;
+}
+
+interface PreactGeosceneTicks extends Partial<Pick<GeosceneTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLAttributes<GeosceneTicks> {
+  ongeosceneTickClick?: EventHandler<GeosceneTicks["geosceneTickClick"]>;
+}
+
+interface PreactGeosceneUniqueValuesList extends Partial<Pick<GeosceneUniqueValuesList, "fieldName" | "fieldSource" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, HTMLAttributes<GeosceneUniqueValuesList> {
+  ongeosceneChange?: EventHandler<GeosceneUniqueValuesList["geosceneChange"]>;
+  ongeosceneLoad?: EventHandler<GeosceneUniqueValuesList["geosceneLoad"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneUniqueValuesList["geosceneSortByChange"]>;
+}
+
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": PreactGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": PreactGeosceneCkeditor5Popover;
+      "geoscene-color-input": PreactGeosceneColorInput;
+      "geoscene-field-info": PreactGeosceneFieldInfo;
+      "geoscene-field-pick-list": PreactGeosceneFieldPickList;
+      "geoscene-histogram": PreactGeosceneHistogram;
+      "geoscene-label-input": PreactGeosceneLabelInput;
+      "geoscene-picker-input": PreactGeoscenePickerInput;
+      "geoscene-ramp-color": PreactGeosceneRampColor;
+      "geoscene-ramp-color-break": PreactGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": PreactGeosceneRampOpacity;
+      "geoscene-slider": PreactGeosceneSlider;
+      "geoscene-slider-input": PreactGeosceneSliderInput;
+      "geoscene-ticks": PreactGeosceneTicks;
+      "geoscene-unique-values-list": PreactGeosceneUniqueValuesList;
+    }
+  }
+  namespace h.JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": PreactGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": PreactGeosceneCkeditor5Popover;
+      "geoscene-color-input": PreactGeosceneColorInput;
+      "geoscene-field-info": PreactGeosceneFieldInfo;
+      "geoscene-field-pick-list": PreactGeosceneFieldPickList;
+      "geoscene-histogram": PreactGeosceneHistogram;
+      "geoscene-label-input": PreactGeosceneLabelInput;
+      "geoscene-picker-input": PreactGeoscenePickerInput;
+      "geoscene-ramp-color": PreactGeosceneRampColor;
+      "geoscene-ramp-color-break": PreactGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": PreactGeosceneRampOpacity;
+      "geoscene-slider": PreactGeosceneSlider;
+      "geoscene-slider-input": PreactGeosceneSliderInput;
+      "geoscene-ticks": PreactGeosceneTicks;
+      "geoscene-unique-values-list": PreactGeosceneUniqueValuesList;
+    }
+  }
+}

package/dist/types/react.d.ts

@@ -0,0 +1,166 @@
+/// <reference types="../index.d.ts" />
+import type { GeosceneCkeditor5 } from "../components/geoscene-ckeditor5/customElement.js";
+import type { GeosceneCkeditor5Popover } from "../components/geoscene-ckeditor5-popover/customElement.js";
+import type { GeosceneColorInput } from "../components/geoscene-color-input/customElement.js";
+import type { GeosceneFieldInfo } from "../components/geoscene-field-info/customElement.js";
+import type { GeosceneFieldPickList } from "../components/geoscene-field-pick-list/customElement.js";
+import type { GeosceneHistogram } from "../components/geoscene-histogram/customElement.js";
+import type { GeosceneLabelInput } from "../components/geoscene-label-input/customElement.js";
+import type { GeoscenePickerInput } from "../components/geoscene-picker-input/customElement.js";
+import type { GeosceneRampColor } from "../components/geoscene-ramp-color/customElement.js";
+import type { GeosceneRampColorBreak } from "../components/geoscene-ramp-color-break/customElement.js";
+import type { GeosceneRampOpacity } from "../components/geoscene-ramp-opacity/customElement.js";
+import type { GeosceneSlider } from "../components/geoscene-slider/customElement.js";
+import type { GeosceneSliderInput } from "../components/geoscene-slider-input/customElement.js";
+import type { GeosceneTicks } from "../components/geoscene-ticks/customElement.js";
+import type { GeosceneUniqueValuesList } from "../components/geoscene-unique-values-list/customElement.js";
+import type { HTMLProps } from 'react';
+import type { EventHandler } from "@geoscene/lumina"; 
+
+interface ReactGeosceneCkeditor5 extends Partial<Pick<GeosceneCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, HTMLProps<GeosceneCkeditor5> {
+  ongeosceneCkeditor5Created?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5Created"]>;
+  ongeosceneCkeditor5DataUpdated?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5DataUpdated"]>;
+  ongeosceneCkeditor5SourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5SourceEditingChanged"]>;
+  ongeosceneCreated?: EventHandler<GeosceneCkeditor5["geosceneCreated"]>;
+  ongeosceneDataUpdated?: EventHandler<GeosceneCkeditor5["geosceneDataUpdated"]>;
+  ongeosceneSourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneSourceEditingChanged"]>;
+}
+
+interface ReactGeosceneCkeditor5Popover extends Partial<Pick<GeosceneCkeditor5Popover, "guid" | "intlCancel" | "intlLabel" | "intlOk" | "refElement">>, HTMLProps<GeosceneCkeditor5Popover> {
+  ongeosceneCkeditor5PopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geosceneCkeditor5PopoverClosed"]>;
+  ongeoscenePopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geoscenePopoverClosed"]>;
+}
+
+interface ReactGeosceneColorInput extends Partial<Pick<GeosceneColorInput, "clearable" | "color" | "compact" | "disabled" | "hideRecentColors" | "messageOverrides" | "placement" | "popoverProps" | "showTransparency" | "storageId">>, HTMLProps<GeosceneColorInput> {
+  ongeosceneChange?: EventHandler<GeosceneColorInput["geosceneChange"]>;
+  ongeosceneColorInputChange?: EventHandler<GeosceneColorInput["geosceneColorInputChange"]>;
+  ongeosceneColorInputPopoverClose?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverClose"]>;
+  ongeosceneColorInputPopoverOpen?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverOpen"]>;
+  ongeosceneColorInputSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneColorInputSwatchUpdate"]>;
+  ongeoscenePickerClose?: EventHandler<GeosceneColorInput["geoscenePickerClose"]>;
+  ongeoscenePickerOpen?: EventHandler<GeosceneColorInput["geoscenePickerOpen"]>;
+  ongeosceneSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneSwatchUpdate"]>;
+}
+
+interface ReactGeosceneFieldInfo extends Partial<Pick<GeosceneFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, HTMLProps<GeosceneFieldInfo> {
+  ongeosceneComplete?: EventHandler<GeosceneFieldInfo["geosceneComplete"]>;
+  ongeosceneFieldInfoComplete?: EventHandler<GeosceneFieldInfo["geosceneFieldInfoComplete"]>;
+}
+
+interface ReactGeosceneFieldPickList extends Partial<Pick<GeosceneFieldPickList, "customExpressionCheck" | "expressionsGroupHeading" | "fields" | "fieldsGroupHeading" | "filterNoResultsText" | "filterPlaceholderText" | "groupFieldsAndExpressions" | "heading" | "hideCancel" | "hideSort" | "layer" | "listOnly" | "mapView" | "multiple" | "okBtnText" | "popoverProps" | "selectedFields" | "showCancel" | "showDescription" | "showFieldInfo" | "showFieldName" | "showFieldTypeIcon" | "showFilterLength" | "showSelectionAll" | "showSort" | "sortBy" | "view">>, HTMLProps<GeosceneFieldPickList> {
+  ongeosceneChange?: EventHandler<GeosceneFieldPickList["geosceneChange"]>;
+  ongeosceneClose?: EventHandler<GeosceneFieldPickList["geosceneClose"]>;
+  ongeosceneDeleteField?: EventHandler<GeosceneFieldPickList["geosceneDeleteField"]>;
+  ongeosceneEditField?: EventHandler<GeosceneFieldPickList["geosceneEditField"]>;
+  ongeosceneFieldPickListChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListChange"]>;
+  ongeosceneFieldPickListDismissed?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListDismissed"]>;
+  ongeosceneFieldPickListSortByChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListSortByChange"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneFieldPickList["geosceneSortByChange"]>;
+}
+
+interface ReactGeosceneHistogram extends Partial<Pick<GeosceneHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, HTMLProps<GeosceneHistogram> {
+}
+
+interface ReactGeosceneLabelInput extends Partial<Pick<GeosceneLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, HTMLProps<GeosceneLabelInput> {
+  ongeosceneChange?: EventHandler<GeosceneLabelInput["geosceneChange"]>;
+}
+
+interface ReactGeoscenePickerInput extends Partial<Pick<GeoscenePickerInput, "disabled" | "heading" | "iconEnd" | "intlDone" | "label" | "popoverProps">>, HTMLProps<GeoscenePickerInput> {
+  ongeoscenePopoverClose?: EventHandler<GeoscenePickerInput["geoscenePopoverClose"]>;
+  ongeoscenePopoverOpen?: EventHandler<GeoscenePickerInput["geoscenePopoverOpen"]>;
+}
+
+interface ReactGeosceneRampColor extends Partial<Pick<GeosceneRampColor, "layout" | "max" | "min" | "stops">>, HTMLProps<GeosceneRampColor> {
+}
+
+interface ReactGeosceneRampColorBreak extends Partial<Pick<GeosceneRampColorBreak, "layout" | "max" | "min" | "stops">>, HTMLProps<GeosceneRampColorBreak> {
+}
+
+interface ReactGeosceneRampOpacity extends Partial<Pick<GeosceneRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, HTMLProps<GeosceneRampOpacity> {
+}
+
+interface ReactGeosceneSlider extends Partial<Pick<GeosceneSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLProps<GeosceneSlider> {
+  ongeosceneActiveValueChange?: EventHandler<GeosceneSlider["geosceneActiveValueChange"]>;
+  ongeosceneChange?: EventHandler<GeosceneSlider["geosceneChange"]>;
+  ongeosceneInput?: EventHandler<GeosceneSlider["geosceneInput"]>;
+  ongeosceneRangeChange?: EventHandler<GeosceneSlider["geosceneRangeChange"]>;
+}
+
+interface ReactGeosceneSliderInput extends Partial<Pick<GeosceneSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLProps<GeosceneSliderInput> {
+  ongeosceneSliderInputValueChange?: EventHandler<GeosceneSliderInput["geosceneSliderInputValueChange"]>;
+  ongeosceneValueChange?: EventHandler<GeosceneSliderInput["geosceneValueChange"]>;
+}
+
+interface ReactGeosceneTicks extends Partial<Pick<GeosceneTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLProps<GeosceneTicks> {
+  ongeosceneTickClick?: EventHandler<GeosceneTicks["geosceneTickClick"]>;
+}
+
+interface ReactGeosceneUniqueValuesList extends Partial<Pick<GeosceneUniqueValuesList, "fieldName" | "fieldSource" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, HTMLProps<GeosceneUniqueValuesList> {
+  ongeosceneChange?: EventHandler<GeosceneUniqueValuesList["geosceneChange"]>;
+  ongeosceneLoad?: EventHandler<GeosceneUniqueValuesList["geosceneLoad"]>;
+  ongeosceneSortByChange?: EventHandler<GeosceneUniqueValuesList["geosceneSortByChange"]>;
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": ReactGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": ReactGeosceneCkeditor5Popover;
+      "geoscene-color-input": ReactGeosceneColorInput;
+      "geoscene-field-info": ReactGeosceneFieldInfo;
+      "geoscene-field-pick-list": ReactGeosceneFieldPickList;
+      "geoscene-histogram": ReactGeosceneHistogram;
+      "geoscene-label-input": ReactGeosceneLabelInput;
+      "geoscene-picker-input": ReactGeoscenePickerInput;
+      "geoscene-ramp-color": ReactGeosceneRampColor;
+      "geoscene-ramp-color-break": ReactGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": ReactGeosceneRampOpacity;
+      "geoscene-slider": ReactGeosceneSlider;
+      "geoscene-slider-input": ReactGeosceneSliderInput;
+      "geoscene-ticks": ReactGeosceneTicks;
+      "geoscene-unique-values-list": ReactGeosceneUniqueValuesList;
+    }
+  }
+}
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": ReactGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": ReactGeosceneCkeditor5Popover;
+      "geoscene-color-input": ReactGeosceneColorInput;
+      "geoscene-field-info": ReactGeosceneFieldInfo;
+      "geoscene-field-pick-list": ReactGeosceneFieldPickList;
+      "geoscene-histogram": ReactGeosceneHistogram;
+      "geoscene-label-input": ReactGeosceneLabelInput;
+      "geoscene-picker-input": ReactGeoscenePickerInput;
+      "geoscene-ramp-color": ReactGeosceneRampColor;
+      "geoscene-ramp-color-break": ReactGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": ReactGeosceneRampOpacity;
+      "geoscene-slider": ReactGeosceneSlider;
+      "geoscene-slider-input": ReactGeosceneSliderInput;
+      "geoscene-ticks": ReactGeosceneTicks;
+      "geoscene-unique-values-list": ReactGeosceneUniqueValuesList;
+    }
+  }
+}
+declare module "react/jsx-dev-runtime" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "geoscene-ckeditor5": ReactGeosceneCkeditor5;
+      "geoscene-ckeditor5-popover": ReactGeosceneCkeditor5Popover;
+      "geoscene-color-input": ReactGeosceneColorInput;
+      "geoscene-field-info": ReactGeosceneFieldInfo;
+      "geoscene-field-pick-list": ReactGeosceneFieldPickList;
+      "geoscene-histogram": ReactGeosceneHistogram;
+      "geoscene-label-input": ReactGeosceneLabelInput;
+      "geoscene-picker-input": ReactGeoscenePickerInput;
+      "geoscene-ramp-color": ReactGeosceneRampColor;
+      "geoscene-ramp-color-break": ReactGeosceneRampColorBreak;
+      "geoscene-ramp-opacity": ReactGeosceneRampOpacity;
+      "geoscene-slider": ReactGeosceneSlider;
+      "geoscene-slider-input": ReactGeosceneSliderInput;
+      "geoscene-ticks": ReactGeosceneTicks;
+      "geoscene-unique-values-list": ReactGeosceneUniqueValuesList;
+    }
+  }
+}

package/dist/types/stencil.d.ts

@@ -0,0 +1,130 @@
+/// <reference types="../index.d.ts" />
+import type { GeosceneCkeditor5 } from "../components/geoscene-ckeditor5/customElement.js";
+import type { GeosceneCkeditor5Popover } from "../components/geoscene-ckeditor5-popover/customElement.js";
+import type { GeosceneColorInput } from "../components/geoscene-color-input/customElement.js";
+import type { GeosceneFieldInfo } from "../components/geoscene-field-info/customElement.js";
+import type { GeosceneFieldPickList } from "../components/geoscene-field-pick-list/customElement.js";
+import type { GeosceneHistogram } from "../components/geoscene-histogram/customElement.js";
+import type { GeosceneLabelInput } from "../components/geoscene-label-input/customElement.js";
+import type { GeoscenePickerInput } from "../components/geoscene-picker-input/customElement.js";
+import type { GeosceneRampColor } from "../components/geoscene-ramp-color/customElement.js";
+import type { GeosceneRampColorBreak } from "../components/geoscene-ramp-color-break/customElement.js";
+import type { GeosceneRampOpacity } from "../components/geoscene-ramp-opacity/customElement.js";
+import type { GeosceneSlider } from "../components/geoscene-slider/customElement.js";
+import type { GeosceneSliderInput } from "../components/geoscene-slider-input/customElement.js";
+import type { GeosceneTicks } from "../components/geoscene-ticks/customElement.js";
+import type { GeosceneUniqueValuesList } from "../components/geoscene-unique-values-list/customElement.js";
+import { JSXBase as StencilJsx } from "@stencil/core/internal";
+import type { EventHandler } from "@geoscene/lumina";
+
+interface StencilGeosceneCkeditor5 extends Partial<Pick<GeosceneCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, StencilJsx.HTMLAttributes<GeosceneCkeditor5> {
+  onGeosceneCkeditor5Created?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5Created"]>;
+  onGeosceneCkeditor5DataUpdated?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5DataUpdated"]>;
+  onGeosceneCkeditor5SourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneCkeditor5SourceEditingChanged"]>;
+  onGeosceneCreated?: EventHandler<GeosceneCkeditor5["geosceneCreated"]>;
+  onGeosceneDataUpdated?: EventHandler<GeosceneCkeditor5["geosceneDataUpdated"]>;
+  onGeosceneSourceEditingChanged?: EventHandler<GeosceneCkeditor5["geosceneSourceEditingChanged"]>;
+}
+
+interface StencilGeosceneCkeditor5Popover extends Partial<Pick<GeosceneCkeditor5Popover, "guid" | "intlCancel" | "intlLabel" | "intlOk" | "refElement">>, StencilJsx.HTMLAttributes<GeosceneCkeditor5Popover> {
+  onGeosceneCkeditor5PopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geosceneCkeditor5PopoverClosed"]>;
+  onGeoscenePopoverClosed?: EventHandler<GeosceneCkeditor5Popover["geoscenePopoverClosed"]>;
+}
+
+interface StencilGeosceneColorInput extends Partial<Pick<GeosceneColorInput, "clearable" | "color" | "compact" | "disabled" | "hideRecentColors" | "messageOverrides" | "placement" | "popoverProps" | "showTransparency" | "storageId">>, StencilJsx.HTMLAttributes<GeosceneColorInput> {
+  onGeosceneChange?: EventHandler<GeosceneColorInput["geosceneChange"]>;
+  onGeosceneColorInputChange?: EventHandler<GeosceneColorInput["geosceneColorInputChange"]>;
+  onGeosceneColorInputPopoverClose?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverClose"]>;
+  onGeosceneColorInputPopoverOpen?: EventHandler<GeosceneColorInput["geosceneColorInputPopoverOpen"]>;
+  onGeosceneColorInputSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneColorInputSwatchUpdate"]>;
+  onGeoscenePickerClose?: EventHandler<GeosceneColorInput["geoscenePickerClose"]>;
+  onGeoscenePickerOpen?: EventHandler<GeosceneColorInput["geoscenePickerOpen"]>;
+  onGeosceneSwatchUpdate?: EventHandler<GeosceneColorInput["geosceneSwatchUpdate"]>;
+}
+
+interface StencilGeosceneFieldInfo extends Partial<Pick<GeosceneFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, StencilJsx.HTMLAttributes<GeosceneFieldInfo> {
+  onGeosceneComplete?: EventHandler<GeosceneFieldInfo["geosceneComplete"]>;
+  onGeosceneFieldInfoComplete?: EventHandler<GeosceneFieldInfo["geosceneFieldInfoComplete"]>;
+}
+
+interface StencilGeosceneFieldPickList extends Partial<Pick<GeosceneFieldPickList, "customExpressionCheck" | "expressionsGroupHeading" | "fields" | "fieldsGroupHeading" | "filterNoResultsText" | "filterPlaceholderText" | "groupFieldsAndExpressions" | "heading" | "hideCancel" | "hideSort" | "layer" | "listOnly" | "mapView" | "multiple" | "okBtnText" | "popoverProps" | "selectedFields" | "showCancel" | "showDescription" | "showFieldInfo" | "showFieldName" | "showFieldTypeIcon" | "showFilterLength" | "showSelectionAll" | "showSort" | "sortBy" | "view">>, StencilJsx.HTMLAttributes<GeosceneFieldPickList> {
+  onGeosceneChange?: EventHandler<GeosceneFieldPickList["geosceneChange"]>;
+  onGeosceneClose?: EventHandler<GeosceneFieldPickList["geosceneClose"]>;
+  onGeosceneDeleteField?: EventHandler<GeosceneFieldPickList["geosceneDeleteField"]>;
+  onGeosceneEditField?: EventHandler<GeosceneFieldPickList["geosceneEditField"]>;
+  onGeosceneFieldPickListChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListChange"]>;
+  onGeosceneFieldPickListDismissed?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListDismissed"]>;
+  onGeosceneFieldPickListSortByChange?: EventHandler<GeosceneFieldPickList["geosceneFieldPickListSortByChange"]>;
+  onGeosceneSortByChange?: EventHandler<GeosceneFieldPickList["geosceneSortByChange"]>;
+}
+
+interface StencilGeosceneHistogram extends Partial<Pick<GeosceneHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, StencilJsx.HTMLAttributes<GeosceneHistogram> {
+}
+
+interface StencilGeosceneLabelInput extends Partial<Pick<GeosceneLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, StencilJsx.HTMLAttributes<GeosceneLabelInput> {
+  onGeosceneChange?: EventHandler<GeosceneLabelInput["geosceneChange"]>;
+}
+
+interface StencilGeoscenePickerInput extends Partial<Pick<GeoscenePickerInput, "disabled" | "heading" | "iconEnd" | "intlDone" | "label" | "popoverProps">>, StencilJsx.HTMLAttributes<GeoscenePickerInput> {
+  onGeoscenePopoverClose?: EventHandler<GeoscenePickerInput["geoscenePopoverClose"]>;
+  onGeoscenePopoverOpen?: EventHandler<GeoscenePickerInput["geoscenePopoverOpen"]>;
+}
+
+interface StencilGeosceneRampColor extends Partial<Pick<GeosceneRampColor, "layout" | "max" | "min" | "stops">>, StencilJsx.HTMLAttributes<GeosceneRampColor> {
+}
+
+interface StencilGeosceneRampColorBreak extends Partial<Pick<GeosceneRampColorBreak, "layout" | "max" | "min" | "stops">>, StencilJsx.HTMLAttributes<GeosceneRampColorBreak> {
+}
+
+interface StencilGeosceneRampOpacity extends Partial<Pick<GeosceneRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, StencilJsx.HTMLAttributes<GeosceneRampOpacity> {
+}
+
+interface StencilGeosceneSlider extends Partial<Pick<GeosceneSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<GeosceneSlider> {
+  onGeosceneActiveValueChange?: EventHandler<GeosceneSlider["geosceneActiveValueChange"]>;
+  onGeosceneChange?: EventHandler<GeosceneSlider["geosceneChange"]>;
+  onGeosceneInput?: EventHandler<GeosceneSlider["geosceneInput"]>;
+  onGeosceneRangeChange?: EventHandler<GeosceneSlider["geosceneRangeChange"]>;
+}
+
+interface StencilGeosceneSliderInput extends Partial<Pick<GeosceneSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, StencilJsx.HTMLAttributes<GeosceneSliderInput> {
+  onGeosceneSliderInputValueChange?: EventHandler<GeosceneSliderInput["geosceneSliderInputValueChange"]>;
+  onGeosceneValueChange?: EventHandler<GeosceneSliderInput["geosceneValueChange"]>;
+}
+
+interface StencilGeosceneTicks extends Partial<Pick<GeosceneTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, StencilJsx.HTMLAttributes<GeosceneTicks> {
+  onGeosceneTickClick?: EventHandler<GeosceneTicks["geosceneTickClick"]>;
+}
+
+interface StencilGeosceneUniqueValuesList extends Partial<Pick<GeosceneUniqueValuesList, "fieldName" | "fieldSource" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, StencilJsx.HTMLAttributes<GeosceneUniqueValuesList> {
+  onGeosceneChange?: EventHandler<GeosceneUniqueValuesList["geosceneChange"]>;
+  onGeosceneLoad?: EventHandler<GeosceneUniqueValuesList["geosceneLoad"]>;
+  onGeosceneSortByChange?: EventHandler<GeosceneUniqueValuesList["geosceneSortByChange"]>;
+}
+
+interface ExposedElements {
+  "geoscene-ckeditor5": StencilGeosceneCkeditor5;
+  "geoscene-ckeditor5-popover": StencilGeosceneCkeditor5Popover;
+  "geoscene-color-input": StencilGeosceneColorInput;
+  "geoscene-field-info": StencilGeosceneFieldInfo;
+  "geoscene-field-pick-list": StencilGeosceneFieldPickList;
+  "geoscene-histogram": StencilGeosceneHistogram;
+  "geoscene-label-input": StencilGeosceneLabelInput;
+  "geoscene-picker-input": StencilGeoscenePickerInput;
+  "geoscene-ramp-color": StencilGeosceneRampColor;
+  "geoscene-ramp-color-break": StencilGeosceneRampColorBreak;
+  "geoscene-ramp-opacity": StencilGeosceneRampOpacity;
+  "geoscene-slider": StencilGeosceneSlider;
+  "geoscene-slider-input": StencilGeosceneSliderInput;
+  "geoscene-ticks": StencilGeosceneTicks;
+  "geoscene-unique-values-list": StencilGeosceneUniqueValuesList;
+}
+
+export namespace JSX {
+  export interface IntrinsicElements extends ExposedElements {}
+}
+
+declare module "@stencil/core/internal/stencil-public-runtime" {
+  export namespace h.JSX {
+    interface IntrinsicElements extends ExposedElements {}
+  }
+}