diff --git a/src/uix/morfo/components/splitter.ts b/src/uix/morfo/components/splitter.ts index edbf3f0eb..b35634b78 100644 --- a/src/uix/morfo/components/splitter.ts +++ b/src/uix/morfo/components/splitter.ts @@ -4,7 +4,16 @@ import { v } from '../types'; export const splitterMorfo = { name: 'Splitter', kebab: 'splitter', - scope: ['soma'], + // Sema is in scope: the splitter's three-event drag shape ships a + // per-component cascade in `src/uix/sema/components/splitter.ts` + // (pickup sound on `handle-pick`, dynamic per-emit overrides on + // `handle-drag`, snap chime on `commit-set`). Without `'sema'` + // here the cascade rules would never load and `handle-*` events + // would fall through to the family base — which for `handle` has + // no `sound` slice, so drag would be silent. Eidos is in scope too + // since the components/splitter eidos wrappers reference the morfo + // in their CSS recipe (`data-event='commit-set'` pulse). + scope: ['soma', 'sema', 'eidos'], texts: { label: '#?components.splitter.label|Splitter', resize: '#?components.splitter.resize|Resize panels' diff --git a/web/routes/uix/+layout@.svelte b/web/routes/uix/+layout@.svelte index 3722a50aa..eb1e4416f 100644 --- a/web/routes/uix/+layout@.svelte +++ b/web/routes/uix/+layout@.svelte @@ -18,6 +18,7 @@ import { searchFieldSema } from '$uix/sema/components/search-field'; import { selectSema } from '$uix/sema/components/select'; import { sliderSema } from '$uix/sema/components/slider'; + import { splitterSema } from '$uix/sema/components/splitter'; import { stepperSema } from '$uix/sema/components/stepper'; import { tabsSema } from '$uix/sema/components/tabs'; import { tagGroupSema } from '$uix/sema/components/tag-group'; @@ -78,6 +79,7 @@ searchFieldSema, selectSema, sliderSema, + splitterSema, stepperSema, tabsSema, tagGroupSema,