@deck.gl-community/widgets 9.2.5 → 9.3.1-alpha.0

package/dist/widget-panels/reset-view-widget.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type ResetViewWidgetProps = WidgetProps & {
+    /** Widget positioning within the view. Default 'top-left'. */
+    placement?: WidgetPlacement;
+    /** Tooltip message */
+    label?: string;
+    /** Callback invoked when the widget button is clicked */
+    onResetView?: () => void;
+};
+export declare class ResetViewWidget extends Widget<ResetViewWidgetProps> {
+    static defaultProps: Required<ResetViewWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    constructor(props?: ResetViewWidgetProps);
+    setProps(props: Partial<ResetViewWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+}
+//# sourceMappingURL=reset-view-widget.d.ts.map

package/dist/widget-panels/reset-view-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../../src/widget-panels/reset-view-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,qBAAa,eAAgB,SAAQ,MAAM,CAAC,oBAAoB,CAAC;IAC/D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAMjD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;gBAE5B,KAAK,GAAE,oBAAyB;IAK5C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI;IAKpD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAkB7C"}

package/dist/widget-panels/reset-view-widget.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+export class ResetViewWidget extends Widget {
+    static defaultProps = {
+        ...Widget.defaultProps,
+        id: 'reset-view',
+        placement: 'top-left',
+        label: 'Resize to fit',
+        onResetView: undefined
+    };
+    className = 'deck-widget-reset-view';
+    placement = 'top-left';
+    constructor(props = {}) {
+        super(props);
+        this.setProps(this.props);
+    }
+    setProps(props) {
+        this.placement = props.placement ?? this.placement;
+        super.setProps(props);
+    }
+    onRenderHTML(rootElement) {
+        const label = this.props.label ?? 'Resize to fit';
+        render(_jsx("div", { className: "deck-widget-button", children: _jsx("button", { className: "deck-widget-icon-button deck-widget-reset-focus", type: "button", title: label, "aria-label": label, onClick: () => this.props.onResetView?.(), children: _jsx("div", { className: "deck-widget-icon" }) }) }), rootElement);
+    }
+}
+//# sourceMappingURL=reset-view-widget.js.map

package/dist/widget-panels/reset-view-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-view-widget.js","sourceRoot":"","sources":["../../src/widget-panels/reset-view-widget.tsx"],"names":[],"mappings":";AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAa9B,MAAM,OAAO,eAAgB,SAAQ,MAA4B;IAC/D,MAAM,CAAC,YAAY,GAAmC;QACpD,GAAG,MAAM,CAAC,YAAY;QACtB,EAAE,EAAE,YAAY;QAChB,SAAS,EAAE,UAAU;QACrB,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,SAAU;KACxB,CAAC;IAEF,SAAS,GAAG,wBAAwB,CAAC;IACrC,SAAS,GAAoB,UAAU,CAAC;IAExC,YAAY,QAA8B,EAAE;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAAoC;QAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,eAAe,CAAC;QAElD,MAAM,CACJ,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBACE,SAAS,EAAC,iDAAiD,EAC3D,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,YAEzC,cAAK,SAAS,EAAC,kBAAkB,GAAG,GAC7B,GACL,EACN,WAAW,CACZ,CAAC;IACJ,CAAC"}

package/dist/widget-panels/settings-panel.d.ts

@@ -0,0 +1,49 @@
+import type { SettingDescriptor, SettingsSchema, SettingsState } from "../lib/settings/settings.js";
+import type { WidgetPanel, WidgetPanelTheme } from "./widget-containers.js";
+import type { JSX } from 'preact';
+type SettingsPanelChangeHandler = (settings: SettingsState, changedSettings?: Array<{
+    name: string;
+    previousValue: unknown;
+    nextValue: unknown;
+    descriptor?: SettingDescriptor;
+}>) => void;
+/** Settings panel configuration for sidebar/modal container composition. */
+export type SettingsPanelProps = {
+    /** Stable panel id used by parent containers. */
+    id?: string;
+    /** Fallback title used when the schema does not provide one. */
+    label?: string;
+    /** Descriptor schema rendered by the settings panel. */
+    schema?: SettingsSchema;
+    /** Current settings values shown and edited by the panel. */
+    settings?: SettingsState;
+    /** Called when a setting value changes. */
+    onSettingsChange?: SettingsPanelChangeHandler;
+    /** Optional theme override applied to this panel subtree. */
+    theme?: WidgetPanelTheme;
+};
+type SettingsPanelContentProps = {
+    schema: SettingsSchema;
+    settings: SettingsState;
+    onSettingsChange?: SettingsPanelChangeHandler;
+};
+/**
+ * Shared settings body used by both the legacy popover widget and panel-based containers.
+ */
+export declare function SettingsPanelContent({ schema, settings, onSettingsChange }: SettingsPanelContentProps): JSX.Element;
+/**
+ * A reusable settings panel that can be mounted inside modal and sidebar widget containers.
+ */
+export declare class SettingsPanel implements WidgetPanel {
+    id: string;
+    title: string;
+    theme?: WidgetPanelTheme;
+    content: JSX.Element;
+    /**
+     * Creates one widget panel per top-level settings schema section for generic composition.
+     */
+    static createSectionPanels({ label, schema, settings, onSettingsChange, theme }: Omit<SettingsPanelProps, 'id'>): Record<string, WidgetPanel>;
+    constructor({ id, label, schema, settings, onSettingsChange, theme }?: SettingsPanelProps);
+}
+export {};
+//# sourceMappingURL=settings-panel.d.ts.map

package/dist/widget-panels/settings-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../src/widget-panels/settings-panel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EAEd,aAAa,EAEd,oCAAiC;AAClC,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,+BAA4B;AACvE,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAEhC,KAAK,0BAA0B,GAAG,CAChC,QAAQ,EAAE,aAAa,EACvB,eAAe,CAAC,EAAE,KAAK,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC,KACC,IAAI,CAAC;AAEV,4EAA4E;AAC5E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;IAC9C,6DAA6D;IAC7D,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAyTF,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;CAC/C,CAAC;AAmFF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,gBAAgB,EACjB,EAAE,yBAAyB,eAuG3B;AAED;;GAEG;AACH,qBAAa,aAAc,YAAW,WAAW;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,mBAAmB,CAAC,EACzB,KAAkB,EAClB,MAAsC,EACtC,QAAuC,EACvC,gBAAgB,EAChB,KAAiB,EAClB,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;gBAqBnD,EACV,EAAqB,EACrB,KAAkB,EAClB,MAAsC,EACtC,QAAuC,EACvC,gBAAgB,EAChB,KAAiB,EAClB,GAAE,kBAAuB;CAY3B"}

package/dist/widget-panels/settings-panel.js

@@ -0,0 +1,263 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { useEffect, useMemo, useState } from 'preact/hooks';
+import { buildInitialCollapsedState, clamp, getSectionKey, mergeCollapsedState, normalizeOption, resolveSettingValue, setValueAtPath } from "../lib/settings/settings.js";
+import { SelectWidgetComponent } from "../widget-components/select-widget-component.js";
+const SECTION_TOGGLE_STYLE = {
+    width: '100%',
+    border: 0,
+    margin: 0,
+    padding: '8px 12px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: '8px',
+    background: 'transparent',
+    color: 'inherit',
+    cursor: 'pointer',
+    fontSize: '12px'
+};
+const SECTION_CONTENT_STYLE = {
+    display: 'grid',
+    gap: '8px',
+    padding: '8px 12px 12px 18px'
+};
+const SECTION_PANEL_CONTENT_STYLE = {
+    display: 'grid',
+    gap: '8px',
+    padding: '10px 12px 12px'
+};
+const SETTING_ROW_STYLE = {
+    display: 'grid',
+    gridTemplateColumns: 'minmax(120px, 1fr) minmax(200px, 1.4fr)',
+    alignItems: 'center',
+    gap: '8px'
+};
+const SETTING_LABEL_STYLE = {
+    fontSize: '12px',
+    fontWeight: 600,
+    color: 'var(--button-text, currentColor)',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+};
+const SETTING_CONTROL_STYLE = {
+    minWidth: 0,
+    display: 'flex',
+    alignItems: 'center'
+};
+const INPUT_STYLE = {
+    width: '100%',
+    border: 'var(--button-inner-stroke, 1px solid rgba(128, 128, 128, 0.35))',
+    borderRadius: 'calc(var(--button-corner-radius, 8px) - 2px)',
+    backgroundColor: 'var(--button-background, #fff)',
+    backdropFilter: 'var(--button-backdrop-filter, unset)',
+    color: 'var(--button-text, currentColor)',
+    fontSize: '12px',
+    padding: '4px 6px',
+    boxSizing: 'border-box'
+};
+const STRING_CONTROL_STYLE = {
+    ...INPUT_STYLE,
+    flex: 1
+};
+const STRING_APPLY_BUTTON_STYLE = {
+    border: 'var(--button-inner-stroke, 1px solid rgba(128, 128, 128, 0.35))',
+    borderRadius: 'calc(var(--button-corner-radius, 8px) - 2px)',
+    backgroundColor: 'var(--button-background, #fff)',
+    color: 'var(--button-text, currentColor)',
+    fontSize: '11px',
+    padding: '4px 8px',
+    cursor: 'pointer',
+    whiteSpace: 'nowrap'
+};
+const RANGE_INPUT_STYLE = {
+    width: '100%',
+    minWidth: '120px',
+    margin: 0
+};
+const NUMBER_INPUT_STYLE = {
+    ...INPUT_STYLE,
+    width: '84px',
+    flexShrink: 0
+};
+const CHECKBOX_STYLE = {
+    width: '14px',
+    height: '14px',
+    margin: 0,
+    accentColor: 'var(--button-icon-hover, currentColor)'
+};
+function stopPropagation(event) {
+    event.stopPropagation();
+}
+function stopPropagationForInput(event) {
+    event.stopPropagation();
+    if (typeof event.stopImmediatePropagation ===
+        'function') {
+        event.stopImmediatePropagation?.();
+    }
+}
+function StringSettingControl({ inputId, label, value, onApply }) {
+    const [pendingValue, setPendingValue] = useState(value);
+    const [recentValues, setRecentValues] = useState(() => (value ? [value] : []));
+    const isDirty = pendingValue !== value;
+    useEffect(() => {
+        setPendingValue(value);
+    }, [value]);
+    useEffect(() => {
+        if (!value) {
+            return;
+        }
+        setRecentValues((previous) => previous.includes(value) ? previous : [value, ...previous].slice(0, 8));
+    }, [value]);
+    const handlePendingTextChange = (event) => {
+        setPendingValue(event.currentTarget.value);
+    };
+    const applyPendingText = () => {
+        if (pendingValue === value) {
+            return;
+        }
+        onApply(pendingValue);
+        setRecentValues((previous) => [pendingValue, ...previous.filter((entry) => entry !== pendingValue)].slice(0, 8));
+    };
+    const handleTextCommit = (event) => {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            applyPendingText();
+        }
+        stopPropagationForInput(event);
+    };
+    return (_jsxs("div", { style: SETTING_CONTROL_STYLE, children: [_jsx("input", { id: inputId, type: "text", value: pendingValue, onInput: handlePendingTextChange, list: `${inputId}-recent-values`, onKeyDown: handleTextCommit, onKeyUp: stopPropagationForInput, onPointerDown: stopPropagationForInput, "aria-label": label, style: STRING_CONTROL_STYLE }), recentValues.length > 0 && (_jsx("datalist", { id: `${inputId}-recent-values`, children: recentValues.map((recentValue) => (_jsx("option", { value: recentValue }, `${inputId}-${recentValue}`))) })), _jsx("button", { type: "button", disabled: !isDirty, style: {
+                    ...STRING_APPLY_BUTTON_STYLE,
+                    opacity: isDirty ? 1 : 0.55,
+                    cursor: isDirty ? 'pointer' : 'default',
+                    marginLeft: '6px'
+                }, onClick: applyPendingText, onPointerDown: stopPropagationForInput, onKeyDown: stopPropagationForInput, onKeyUp: stopPropagationForInput, children: isDirty ? '✓' : '✅' })] }));
+}
+// eslint-disable-next-line complexity
+function SettingsControl({ setting, value, onValueChange }) {
+    const label = setting.label ?? setting.name;
+    const tooltip = setting.description?.trim();
+    const inputId = `settings-widget-input-${setting.name.replace(/[^a-zA-Z0-9_-]/g, '-')}`;
+    const handleBooleanChange = (event) => {
+        onValueChange(event.currentTarget.checked);
+    };
+    const handleNumberChange = (nextValue) => {
+        if (!Number.isFinite(nextValue)) {
+            return;
+        }
+        onValueChange(clamp(nextValue, setting.min, setting.max));
+    };
+    let control;
+    if (setting.type === 'boolean') {
+        control = (_jsx("input", { id: inputId, type: "checkbox", checked: Boolean(value), onInput: handleBooleanChange, onChange: handleBooleanChange, "aria-label": label, style: CHECKBOX_STYLE }));
+    }
+    else if (setting.type === 'number') {
+        const numericValue = Number(value);
+        const showRange = Number.isFinite(setting.min) && Number.isFinite(setting.max);
+        control = showRange ? (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px', minWidth: 0, width: '100%' }, children: [_jsx("input", { id: inputId, type: "range", min: String(setting.min), max: String(setting.max), step: String(setting.step ?? 1), value: String(numericValue), onInput: (event) => handleNumberChange(Number(event.currentTarget.value)), onChange: (event) => handleNumberChange(Number(event.currentTarget.value)), "aria-label": label, style: RANGE_INPUT_STYLE }), _jsx("input", { type: "number", min: Number.isFinite(setting.min) ? String(setting.min) : undefined, max: Number.isFinite(setting.max) ? String(setting.max) : undefined, step: String(setting.step ?? 1), value: String(numericValue), onInput: (event) => handleNumberChange(Number(event.currentTarget.value)), onChange: (event) => handleNumberChange(Number(event.currentTarget.value)), "aria-label": `${label} numeric value`, style: NUMBER_INPUT_STYLE })] })) : (_jsx("input", { id: inputId, type: "number", step: String(setting.step ?? 1), value: String(numericValue), onInput: (event) => handleNumberChange(Number(event.currentTarget.value)), onChange: (event) => handleNumberChange(Number(event.currentTarget.value)), "aria-label": label, style: INPUT_STYLE }));
+    }
+    else if (setting.type === 'select') {
+        const normalizedOptions = (setting.options ?? []).map(normalizeOption);
+        control = (_jsx(SelectWidgetComponent, { id: inputId, value: value, label: label, options: normalizedOptions, onValueChange: onValueChange }));
+    }
+    else {
+        control = (_jsx(StringSettingControl, { inputId: inputId, label: label, value: String(value), onApply: onValueChange }));
+    }
+    return (_jsxs("div", { "data-setting-row-for": setting.name, style: SETTING_ROW_STYLE, title: tooltip, children: [_jsx("label", { htmlFor: inputId, style: SETTING_LABEL_STYLE, children: label }), _jsx("div", { style: SETTING_CONTROL_STYLE, children: control })] }));
+}
+/**
+ * Renders the controls for one settings schema section without section heading chrome.
+ */
+function SettingsSectionBody({ contentStyle, onValueChange, section, settings }) {
+    return (_jsx("div", { style: contentStyle, children: section.settings.map((setting) => (_jsx(SettingsControl, { setting: setting, value: resolveSettingValue(setting, settings), onValueChange: (nextValue) => onValueChange(setting.name, nextValue) }, setting.name))) }));
+}
+/**
+ * Renders one settings schema section as direct panel content for generic widget containers.
+ */
+function SettingsSectionPanelContent({ onSettingsChange, section, settings }) {
+    const [localSettings, setLocalSettings] = useState(settings);
+    useEffect(() => {
+        setLocalSettings(settings);
+    }, [settings]);
+    const updateSetting = (path, nextValue) => {
+        setLocalSettings((previous) => {
+            const nextSettings = setValueAtPath(previous, path, nextValue);
+            onSettingsChange?.(nextSettings);
+            return nextSettings;
+        });
+    };
+    return (_jsx("div", { style: { overflowY: 'auto', paddingBottom: '8px' }, onPointerMove: (event) => stopPropagation(event), onMouseMove: (event) => stopPropagation(event), onPointerDown: (event) => stopPropagation(event), onMouseDown: (event) => stopPropagation(event), onWheel: (event) => stopPropagation(event), onClick: (event) => stopPropagation(event), children: _jsx(SettingsSectionBody, { contentStyle: SECTION_PANEL_CONTENT_STYLE, onValueChange: updateSetting, section: section, settings: localSettings }) }));
+}
+const DEFAULT_SETTINGS_PANEL_SCHEMA = { sections: [] };
+const DEFAULT_SETTINGS_PANEL_STATE = {};
+/**
+ * Shared settings body used by both the legacy popover widget and panel-based containers.
+ */
+export function SettingsPanelContent({ schema, settings, onSettingsChange }) {
+    const [localSettings, setLocalSettings] = useState(settings);
+    const [collapsedState, setCollapsedState] = useState(() => buildInitialCollapsedState(schema.sections));
+    useEffect(() => {
+        setLocalSettings(settings);
+    }, [settings]);
+    useEffect(() => {
+        setCollapsedState((previous) => mergeCollapsedState(previous, schema.sections));
+    }, [schema.sections]);
+    const sectionEntries = useMemo(() => schema.sections.map((section, index) => ({
+        key: getSectionKey(section, index),
+        section
+    })), [schema.sections]);
+    const renderInlineSingleSection = sectionEntries.length === 1 &&
+        !sectionEntries[0].section.name &&
+        !sectionEntries[0].section.description;
+    const updateSetting = (path, nextValue) => {
+        setLocalSettings((previous) => {
+            const nextSettings = setValueAtPath(previous, path, nextValue);
+            onSettingsChange?.(nextSettings);
+            return nextSettings;
+        });
+    };
+    return (_jsx("div", { style: { overflowY: 'auto', paddingBottom: '8px' }, onPointerMove: (event) => stopPropagation(event), onMouseMove: (event) => stopPropagation(event), onPointerDown: (event) => stopPropagation(event), onMouseDown: (event) => stopPropagation(event), onWheel: (event) => stopPropagation(event), onClick: (event) => stopPropagation(event), children: renderInlineSingleSection ? (_jsx(SettingsSectionBody, { contentStyle: SECTION_CONTENT_STYLE, onValueChange: updateSetting, section: sectionEntries[0].section, settings: localSettings })) : (sectionEntries.map(({ key, section }) => {
+            const isCollapsed = collapsedState[key] ?? false;
+            return (_jsxs("div", { style: {
+                    borderBottom: '1px solid var(--menu-item-hover, rgba(128, 128, 128, 0.22))'
+                }, children: [_jsxs("button", { type: "button", style: SECTION_TOGGLE_STYLE, onClick: () => setCollapsedState((previous) => ({
+                            ...previous,
+                            [key]: !isCollapsed
+                        })), "aria-expanded": !isCollapsed, children: [_jsxs("span", { style: { display: 'grid', gap: '2px', textAlign: 'left' }, children: [_jsx("span", { style: { fontWeight: 700, fontSize: '12px' }, children: section.name }), section.description && (_jsx("span", { style: {
+                                            fontSize: '11px',
+                                            color: 'var(--button-icon-idle, currentColor)'
+                                        }, children: section.description }))] }), _jsx("span", { "aria-hidden": true, children: isCollapsed ? '▸' : '▾' })] }), !isCollapsed && (_jsx(SettingsSectionBody, { contentStyle: SECTION_CONTENT_STYLE, onValueChange: updateSetting, section: section, settings: localSettings }))] }, key));
+        })) }));
+}
+/**
+ * A reusable settings panel that can be mounted inside modal and sidebar widget containers.
+ */
+export class SettingsPanel {
+    id;
+    title;
+    theme;
+    content;
+    /**
+     * Creates one widget panel per top-level settings schema section for generic composition.
+     */
+    static createSectionPanels({ label = 'Settings', schema = DEFAULT_SETTINGS_PANEL_SCHEMA, settings = DEFAULT_SETTINGS_PANEL_STATE, onSettingsChange, theme = 'inherit' }) {
+        return schema.sections.reduce((panels, section, index) => {
+            const panelId = getSectionKey(section, index);
+            panels[panelId] = {
+                id: panelId,
+                title: section.name || label,
+                theme,
+                content: (_jsx(SettingsSectionPanelContent, { onSettingsChange: onSettingsChange, section: section, settings: settings }))
+            };
+            return panels;
+        }, {});
+    }
+    constructor({ id = 'settings-panel', label = 'Settings', schema = DEFAULT_SETTINGS_PANEL_SCHEMA, settings = DEFAULT_SETTINGS_PANEL_STATE, onSettingsChange, theme = 'inherit' } = {}) {
+        this.id = id;
+        this.title = schema.title ?? label;
+        this.theme = theme;
+        this.content = (_jsx(SettingsPanelContent, { schema: schema, settings: settings, onSettingsChange: onSettingsChange }));
+    }
+}
+//# sourceMappingURL=settings-panel.js.map

package/dist/widget-panels/settings-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.js","sourceRoot":"","sources":["../../src/widget-panels/settings-panel.tsx"],"names":[],"mappings":"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"}

package/dist/widget-panels/settings-panel.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=settings-panel.test.d.ts.map

package/dist/widget-panels/settings-panel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.test.d.ts","sourceRoot":"","sources":["../../src/widget-panels/settings-panel.test.tsx"],"names":[],"mappings":""}

package/dist/widget-panels/settings-panel.test.js

@@ -0,0 +1,217 @@
+/** @jsxImportSource preact */
+import { render } from 'preact';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { SettingsPanel } from "./settings-panel.js";
+import { AccordeonPanel, TabbedPanel } from "./widget-containers.js";
+const TEST_SCHEMA = {
+    title: 'Test settings',
+    sections: [
+        {
+            id: 'visibility',
+            name: 'Visibility',
+            settings: [
+                {
+                    name: 'flags.enabled',
+                    label: 'Enabled',
+                    type: 'boolean',
+                    description: 'Enable rendering for this layer.'
+                },
+                {
+                    name: 'render.opacity',
+                    label: 'Opacity',
+                    type: 'number',
+                    min: 0,
+                    max: 1,
+                    step: 0.1,
+                    description: 'Adjust alpha for rendered paths.'
+                }
+            ]
+        },
+        {
+            id: 'mode',
+            name: 'Mode',
+            settings: [
+                {
+                    name: 'mode',
+                    label: 'Mode',
+                    type: 'select',
+                    options: ['all', 'critical-path', 'selected-only'],
+                    description: 'Control which traces remain visible.'
+                }
+            ]
+        }
+    ]
+};
+const INITIAL_SETTINGS = {
+    flags: { enabled: true },
+    render: { opacity: 0.4 },
+    mode: 'all'
+};
+function renderSettingsPanel(options) {
+    const root = document.createElement('div');
+    document.body.appendChild(root);
+    const panel = new SettingsPanel({
+        label: 'Visualization settings',
+        schema: TEST_SCHEMA,
+        settings: options?.settings ?? INITIAL_SETTINGS,
+        onSettingsChange: options?.onSettingsChange
+    });
+    render(panel.content, root);
+    const cleanup = () => {
+        render(null, root);
+        root.remove();
+    };
+    return {
+        root,
+        cleanup
+    };
+}
+function getRequiredInput(root, selector) {
+    const input = root.querySelector(selector);
+    if (!input) {
+        throw new Error(`Expected input matching selector: ${selector}`);
+    }
+    return input;
+}
+function getRequiredButton(root, selector) {
+    const button = root.querySelector(selector);
+    if (!button) {
+        throw new Error(`Expected button matching selector: ${selector}`);
+    }
+    return button;
+}
+afterEach(() => {
+    document.body.innerHTML = '';
+});
+describe('SettingsPanel', () => {
+    it('creates section panels with stable ids and preserves section order', () => {
+        const panels = SettingsPanel.createSectionPanels({
+            schema: TEST_SCHEMA,
+            settings: INITIAL_SETTINGS
+        });
+        expect(Object.keys(panels)).toEqual(['visibility', 'mode']);
+        expect(panels.visibility?.title).toBe('Visibility');
+        expect(panels.mode?.title).toBe('Mode');
+    });
+    // eslint-disable-next-line max-statements
+    it('emits updated settings for nested boolean, clamped numeric, and select values', async () => {
+        const handleSettingsChange = vi.fn();
+        const { root, cleanup } = renderSettingsPanel({ onSettingsChange: handleSettingsChange });
+        const sectionToggles = root.querySelectorAll('button[aria-expanded]');
+        const visibilityToggle = sectionToggles[0];
+        const modeToggle = sectionToggles[1];
+        visibilityToggle.click();
+        await Promise.resolve();
+        const checkbox = getRequiredInput(root, 'input[type="checkbox"]');
+        expect(checkbox.checked).toBe(true);
+        checkbox.checked = false;
+        checkbox.dispatchEvent(new Event('input', { bubbles: true }));
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenCalledWith(expect.objectContaining({
+            flags: expect.objectContaining({ enabled: false })
+        }));
+        const numberInput = getRequiredInput(root, 'input[type="number"]');
+        numberInput.value = '2';
+        numberInput.dispatchEvent(new Event('input', { bubbles: true }));
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenLastCalledWith(expect.objectContaining({
+            render: expect.objectContaining({ opacity: 1 })
+        }));
+        modeToggle.click();
+        await Promise.resolve();
+        expect(root.querySelector('select')).toBeNull();
+        const selectButton = getRequiredButton(root, '#settings-widget-input-mode');
+        selectButton.click();
+        await Promise.resolve();
+        const option = Array.from(document.body.querySelectorAll('[role="option"]')).find((button) => button.textContent?.includes('critical-path'));
+        expect(option).toBeTruthy();
+        option?.click();
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenLastCalledWith(expect.objectContaining({
+            mode: 'critical-path'
+        }));
+        cleanup();
+    });
+    it('uses deck widget theme CSS variables for the settings controls', async () => {
+        const { root, cleanup } = renderSettingsPanel();
+        const sectionToggle = getRequiredButton(root, 'button[aria-expanded]');
+        sectionToggle.click();
+        await Promise.resolve();
+        const numberInput = getRequiredInput(root, 'input[type="number"]');
+        expect(numberInput.getAttribute('style')).toContain('var(--button-backdrop-filter');
+        cleanup();
+    });
+    // eslint-disable-next-line max-statements
+    it('renders a reusable settings panel for sidebar and modal containers', async () => {
+        const handleSettingsChange = vi.fn();
+        const { root, cleanup } = renderSettingsPanel({ onSettingsChange: handleSettingsChange });
+        expect(root.textContent).toContain('Visibility');
+        expect(root.textContent).toContain('Mode');
+        const visibilityToggle = root.querySelectorAll('button[aria-expanded]')[0];
+        visibilityToggle.click();
+        await Promise.resolve();
+        const checkbox = getRequiredInput(root, 'input[type="checkbox"]');
+        checkbox.checked = false;
+        checkbox.dispatchEvent(new Event('input', { bubbles: true }));
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenCalledWith(expect.objectContaining({
+            flags: expect.objectContaining({ enabled: false })
+        }));
+        cleanup();
+    });
+    it('composes section panels into tabs without duplicating section titles in the body', async () => {
+        const handleSettingsChange = vi.fn();
+        const root = document.createElement('div');
+        document.body.appendChild(root);
+        const panel = new TabbedPanel({
+            id: 'settings-tabs',
+            title: 'Settings tabs',
+            panels: SettingsPanel.createSectionPanels({
+                schema: TEST_SCHEMA,
+                settings: INITIAL_SETTINGS,
+                onSettingsChange: handleSettingsChange
+            })
+        });
+        render(panel.content, root);
+        expect(root.textContent?.match(/Visibility/g)).toHaveLength(1);
+        expect(root.textContent).toContain('Mode');
+        const checkbox = getRequiredInput(root, 'input[type="checkbox"]');
+        checkbox.checked = false;
+        checkbox.dispatchEvent(new Event('input', { bubbles: true }));
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenCalledWith(expect.objectContaining({
+            flags: expect.objectContaining({ enabled: false })
+        }));
+        render(null, root);
+        root.remove();
+    });
+    it('composes section panels into accordion items without duplicating section titles in the body', async () => {
+        const handleSettingsChange = vi.fn();
+        const root = document.createElement('div');
+        document.body.appendChild(root);
+        const panel = new AccordeonPanel({
+            id: 'settings-accordion',
+            title: 'Settings accordion',
+            panels: SettingsPanel.createSectionPanels({
+                schema: TEST_SCHEMA,
+                settings: INITIAL_SETTINGS,
+                onSettingsChange: handleSettingsChange
+            })
+        });
+        render(panel.content, root);
+        const visibilityButton = Array.from(root.querySelectorAll('button')).find((button) => button.textContent?.includes('Visibility'));
+        visibilityButton?.dispatchEvent(new Event('pointerdown', { bubbles: true }));
+        await Promise.resolve();
+        expect(root.textContent?.match(/Visibility/g)).toHaveLength(1);
+        const checkbox = getRequiredInput(root, 'input[type="checkbox"]');
+        checkbox.checked = false;
+        checkbox.dispatchEvent(new Event('input', { bubbles: true }));
+        await Promise.resolve();
+        expect(handleSettingsChange).toHaveBeenCalledWith(expect.objectContaining({
+            flags: expect.objectContaining({ enabled: false })
+        }));
+        render(null, root);
+        root.remove();
+    });
+});
+//# sourceMappingURL=settings-panel.test.js.map

package/dist/widget-panels/settings-panel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-panel.test.js","sourceRoot":"","sources":["../../src/widget-panels/settings-panel.test.tsx"],"names":[],"mappings":"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"}