drawnui-react 0.1.0-preview.17 → 0.1.0-preview.18

package/SKIPPED.md

@@ -73,7 +73,7 @@ DrawnUi name and semantics; nothing here is a redesign, only an omission.
 | `SkiaLayout` Grid (static children) + `SkiaGrid` alias | ported | Port of `SkiaGridStructure` (MAUI grid manager): `ColumnDefinitions`/`RowDefinitions` as `"*, 2*, Auto, 100"` or arrays, `DefaultColumnDefinition`/`DefaultRowDefinition` (Auto, like C#), `ColumnSpacing`/`RowSpacing`, child `Column`/`Row`/`ColumnSpan`/`RowSpan` (plain props instead of attached properties), implicit tracks, unknown/known measure passes, span resolution, star compression, Fill-child minimums, last-track stretch when the grid fills, remeasure at final cells. Not ported: `Split`/`Invert` (templated grids), `UseDynamicColumns`, `SkiaDecoratedGrid`, `GetOrderedSubviews` ZIndex ordering. |
 | `SkiaLabel` | partial | Word wrap (+ character break for long words), `MaxLines` with tail ellipsis, `LineBreakMode` (NoWrap / wraps / Tail; Head/Middle behave as Tail), `HorizontalTextAlignment` Start/Center/End (Fill* accepted, align Start), `VerticalTextAlignment`, `LineSpacing`, `LineHeight`, `FontWeight` + `FontAttributes` via faces registered per weight (`AddFont(src, alias, weight)`, nearest weight wins, synthetic bold (`setEmbolden`) when the nearest face is lighter than 600 — C# `Font.Embolden`; italic = synthetic skew when no italic face; empty `FontFamily` = the first registered family, weights included), `TextTransform`, `Padding`, `LinesCount`; defaults as C# (`FontSize` 12, `TextColor` GreenYellow). `FontFamilyFallback` ported and extended: comma-separated chain (`"FontSymbols,FontSymbols2"`), per-codepoint run segmentation, spaces always stay on the main font; `fonts.AddSymbols()` (`FontSymbols` = Noto Sans Math subset, `FontSymbols2` = Noto Sans Symbols 2 subset) and `fonts.AddEmojis()` (`FontEmoji` = Noto Color Emoji faces+hands subset) ship the same subsets as DrawnUi.Blazor. `Spans` ported as `<TextSpan>` children: `Text`, `TextColor`/`FontSize`/`FontFamily` (unset = inherit from the label, like C# HasSetColor/HasSetSize/HasSetFont), `FontWeight`, `IsBold`, `IsItalic`, `Underline`/`UnderlineWidth`, `Strikeout`/`StrikeoutWidth`/`StrikeoutColor` (Red default), `BackgroundColor`, `Tapped` + `ForceCaptureInput` (hit-tested through per-fragment `Rects`, ripple on the label, `OnSpanTapped` overridable), mixed sizes on one line share a baseline. TextSpan not ported: `ParagraphColor`, `CommandTapped`, per-span `LineSpacing`/`LineHeight`, `AutoFindFont`, `DrawingOffset`, `Shape`/glyph shaping. `CharacterSpacing` (C#: (value - 1) points after every glyph, measured, wrapped and cut at the drawn width), Chinese / Japanese line breaks between characters with kinsoku (C# FitAtBreak, `CanBreakInsideWord`). Not ported: `AutoFont`, `AutoSize`/`AutoSizeText`, `DropShadow*`, text `StrokeColor`/`StrokeWidth`/`StrokeGradient`, `GradientByLines`, `MonoForDigits`, `KeepSpacesOnLineBreaks`, `Format`, RTL/bidi, hyphenation, `SkiaRichLabel`/markdown. |
 | `SkiaHotspot` | ported | Fill/Fill, `Tapped`, `Down`, `Up`, `LockPanning`, `TouchDown`; consumes only Tapped like the C# one. No `AnimationTapped`/ripple/shimmer. |
-| `SkiaButton` | partial | Default look only: rounded frame radius 8 (hardcoded like the C# default content), centered label, `Text`/`TextColor`/`FontSize`/`FontFamily`/`BackgroundColor`/`IsPressed`/`IsDisabled`/`LockPanning`, `Tapped`/`Down`/`Up`. `IsPressed` is tracked but has no visual; press feedback = `ApplyEffect="Ripple"`. No `ButtonStyle` platform looks, icons, `TextCase`, elevation, shimmer, `BtnText`/`BtnShape` templating. |
+| `SkiaButton` | partial | Default look only: rounded frame radius 8 (hardcoded like the C# default content), centered label, `Text`/`TextColor`/`FontSize`/`FontFamily`/`BackgroundColor`/`IsPressed`/`RespondsToGestures` (`IsDisabled` = its obsolete opposite)/`LockPanning`, `Tapped`/`Down`/`Up`. `RespondsToGestures = false`: no press, no `Tapped`/`Down`/`Up`, a press or tap on it stops there, keyboard skips it, reported disabled (drawnui-cross 6w). `IsPressed` is tracked but has no visual; press feedback = `ApplyEffect="Ripple"`. No `ButtonStyle` platform looks, icons, `TextCase`, elevation, shimmer, `BtnText`/`BtnShape` templating. |
 | `SkiaImage` | partial | Effects ported: `AddEffect` (BlackAndWhite/Grayscale, Pastel, Sepia, InvertColors, Tint + `ColorTint`/`EffectBlendMode`, Darken, Lighten, Contrast, Saturation, Brightness, TSL, Gamma ≈ linear fit — CanvasKit has no table color filter), `Blur` (image filter, mirror tile), `ZoomX/ZoomY`, `HorizontalOffset/VerticalOffset`; C# color matrices use 0..255 translations, CanvasKit 0..1 — converted. `HSL` (hue from `Gamma`, `Saturation`, `Brightness`, tint blend), `Custom` = your own `PaintColorFilter` (C# public fields `PaintColorFilter` / `PaintImageFilter`, the latter replaces `Blur`), `ImageBitmap` (decoded image shared, not owned), `LoadPriority` of the queued `Source` load. Not ported: `UseGradient`/`StartColor`/`EndColor`, sprites, `InflateAmount`, `EraseChangedContent`, `RescaleSource`/`RescalingQuality`. `Source` (URL), `Aspect` (all `TransformAspect` values; `Tile` is a no-op like C#, tiling is `SkiaImageTiles`, same `RescaleAspect` math), `HorizontalAlignment`/`VerticalAlignment`, `Success`/`Error`, `IsLoading`, `LoadedSource`, `DisplayRect`, `AspectScale`; overflow clipped to the box. Not ported: `LoadSourceOnFirstDraw`, `PreviewBase64`, `ImageBitmap`/`LoadedImageSource`, `RescaleSource`/`CacheRescaledSource`/`RescalingQuality`, all adjustments (`Brightness`…`Blur`, `ColorTint`, gradient, `Zoom*`, offsets), sprites, `DrawWhenEmpty`, `EraseChangedContent`, `UseAssembly`. Measure: bounded box taken as is, unbounded axis from source aspect; no `NeedAutoWidth/Height` from Start alignment. |
 | `SkiaImageManager` | partial | `Instance.LoadImageAsync(url, signal)` (direct), `LoadImageManagedAsync(url, signal, priority)` through the priority queue (High > Normal > Low, `MaxParallelLoads` 5 in flight like the C# semaphore, one fetch per url serves every requester), `PreloadImage` / `PreloadImages(urls, priority)`, `CancelAll`, `GetFromCache`, `CanReload` callback on failure, `QueuedCount` / `RunningCount`, `ReuseBitmaps`, `Clear()`; in-memory cache of decoded images only. No `CacheLongevitySecs` eviction, no platform loaders, no `LoadImageOnlineAsync` retry policy, no `ImageSource` types (urls only). |
 | `SkiaImageTiles` | ported | `TileWidth` / `TileHeight` (points, nothing drawn until set), `TileAspect` (AspectCover), `TileOffsetX` / `TileOffsetY` (wrap), `TileCacheType` (Image) for the inner tile `SkiaImage` sharing the decoded source, clipped to bounds. |
@@ -103,7 +103,7 @@ DrawnUi name and semantics; nothing here is a redesign, only an omission.
 | Area | Status | Notes |
 |---|---|---|
 | Custom `react-reconciler` renderer, PascalCase props mapped 1:1 to control properties | ported | |
-| `SkiaToggle` / `SkiaSwitch` / `SkiaCheckbox` / `SkiaRadioButton` | ported | Same names: `IsToggled`, `Toggled`, `DefaultValue`, `IsAnimated`, `RespondsToGestures`, `ColorThumbOn/Off`, `ColorFrameOn/Off` (+ `ColorCheckOn`), `ControlStyle` with the Default / Cupertino / Material / Material3 / Windows looks and geometry of the C# style builders (changing it after the first measure rebuilds the content and re-pins only the sizes the style set, C# `RebuildDefaultContent`) (`Frame`/`Thumb`, `FrameOff`/`FrameOn`/`ViewCheckOn`, `On` ring + `Text`), thumb animated with `TranslateToAsync` (`AnimationSpeed` 200 ms), radio groups by `GroupName` or parent. Not ported: `CommandToggled`/`CommandTapped`, hover (`CheckHovered`), `TransformView` hotspot (the toggle itself takes the tap), `Platform` style resolves from the browser UA. |
+| `SkiaToggle` / `SkiaSwitch` / `SkiaCheckbox` / `SkiaRadioButton` | ported | Same names: `IsToggled`, `Toggled`, `DefaultValue`, `IsAnimated`, `RespondsToGestures` (false: a tap does not toggle it and stops there, keyboard skips it, reported disabled), `ColorThumbOn/Off`, `ColorFrameOn/Off` (+ `ColorCheckOn`), `ControlStyle` with the Default / Cupertino / Material / Material3 / Windows looks and geometry of the C# style builders (changing it after the first measure rebuilds the content and re-pins only the sizes the style set, C# `RebuildDefaultContent`) (`Frame`/`Thumb`, `FrameOff`/`FrameOn`/`ViewCheckOn`, `On` ring + `Text`), thumb animated with `TranslateToAsync` (`AnimationSpeed` 200 ms), radio groups by `GroupName` or parent. Not ported: `CommandToggled`/`CommandTapped`, hover (`CheckHovered`), `TransformView` hotspot (the toggle itself takes the tap), `Platform` style resolves from the browser UA. |
 | `SkiaControl.ExecuteAfterCreated` / fluent `.Initialize(...)` | skipped | C# runs it once when the control gets its parent so code-behind can reach `.Assign`'d refs; in React the element tree is declarative and `ref` / `useEffect` cover it. |
 | `SkiaProgress` / `SkiaSlider` | ported (painted, not composed) | Screen readers: `AccessibilityValue` (aria-valuenow / min / max, valuetext "65%" or "20 – 80", a slider horizontal), the name only from `AccessibilityLabel` (drawnui-cross 6c). `Value`/`Min`/`Max`, `TrackColor`/`ProgressColor`; slider `Min`/`Max`/`Step`/`Start`/`End`/`EnableRange`/`RangeMin`/`SliderHeight`/`ThumbColor`/`TrackColor`/`TrackSelectedColor`/`ClickOnTrailEnabled`/`StartChanged`/`EndChanged`, `StartThumbX`/`EndThumbX`, the C# position<->value math (`SliderHeight` = thumb box, `Step` rounding, `RangeMin` clamps), drag + click-on-trail + per-style looks (track heights, thumb sizes, palettes, Material3 gap + stop dot). Track/trail/thumbs are painted directly instead of child shapes (`SliderTrail`/`SliderThumb` not exposed). Not ported: `Orientation` Vertical, `Invert`, `ValueStringFormat`/`MinMaxStringFormat` + `StartDesc`/`EndDesc`, `IgnoreWrongDirection`, `AvailableWidthAdjustment`, `Trail*Offset`, `Cupertino*` sizing props, hover. |
 | `SkiaButton.ControlStyle` | ported | Cupertino / Material / Material3 / Windows accent, corner radius, font size/weight and minimum content size from the C# style builders, applied only when the user left `BackgroundColor`/`CornerRadius`(8)/`FontSize`(15)/`MinimumWidthRequest`/`MinimumHeightRequest` unset; default look is now the C# Crimson accent. `SetDefaultMinimumContentSize` is mirrored for BOTH axes (every C# style passes width 100, heights 41/36/40/40/32) and for the default `Unset` style too, skipped on a `Fill` axis or when a `WidthRequest`/`HeightRequest` is set, so short captions clamp to 100pt as in C#; the C# value adds `Margins` because it compares against a margin-inclusive size, here Measure applies it margin-exclusive and adds the margin after. Not ported: `Background` brushes, pressed-state shadow changes. |

package/dist/controls/SkiaButton.d.ts

@@ -26,7 +26,17 @@ export declare class SkiaButton extends SkiaLayout {
     StrokeColor: Color;
     StrokeWidth: number;
     IsPressed: boolean;
-    IsDisabled: boolean;
+    private respondsToGestures;
+    /**
+     * False switches the button off for the user: taps, presses and keyboard activation do nothing (no Tapped, Down, Up),
+     * a tap on it does not reach controls under it, and screen readers report it disabled. Code can still change it.
+     * Same property as on toggles, sliders, scrolls and drawers (drawnui-cross 6w). Default true.
+     */
+    get RespondsToGestures(): boolean;
+    set RespondsToGestures(v: boolean);
+    /** @deprecated The opposite of RespondsToGestures, which every control uses: set `RespondsToGestures = false`. */
+    get IsDisabled(): boolean;
+    set IsDisabled(v: boolean);
     LockPanning: boolean;
     /** Touch feedback played on Down (DrawnUi SkiaButton.ApplyEffect). */
     ApplyEffect: SkiaTouchAnimation;
@@ -43,7 +53,7 @@ export declare class SkiaButton extends SkiaLayout {
     static DefaultAccessibilityRole?: string;
     protected DefaultAccessibilityLabel(): string | undefined;
     protected DefaultAccessibilityCanInteract(): boolean;
-    /** A disabled button ignores taps, so keyboard navigation skips it too. */
+    /** With RespondsToGestures = false the button ignores taps, keyboard navigation skips it and it is reported disabled. */
     protected AcceptsInput(): boolean;
     /** The button's own BackgroundColor/CornerRadius/Stroke are the frame's; the button itself paints nothing. */
     protected PaintBackground(): void;

package/dist/controls/SkiaButton.js

@@ -26,7 +26,20 @@ export class SkiaButton extends SkiaLayout {
     StrokeColor = Colors.Transparent;
     StrokeWidth = 0;
     IsPressed = false;
-    IsDisabled = false;
+    respondsToGestures = true;
+    /**
+     * False switches the button off for the user: taps, presses and keyboard activation do nothing (no Tapped, Down, Up),
+     * a tap on it does not reach controls under it, and screen readers report it disabled. Code can still change it.
+     * Same property as on toggles, sliders, scrolls and drawers (drawnui-cross 6w). Default true.
+     */
+    get RespondsToGestures() { return this.respondsToGestures; }
+    set RespondsToGestures(v) { if (this.respondsToGestures !== v) {
+        this.respondsToGestures = v;
+        this.NotifyAccessibility();
+    } }
+    /** @deprecated The opposite of RespondsToGestures, which every control uses: set `RespondsToGestures = false`. */
+    get IsDisabled() { return !this.respondsToGestures; }
+    set IsDisabled(v) { this.RespondsToGestures = !v; }
     LockPanning = false;
     /** Touch feedback played on Down (DrawnUi SkiaButton.ApplyEffect). */
     ApplyEffect = "Ripple"; // C# default
@@ -60,9 +73,9 @@ export class SkiaButton extends SkiaLayout {
     /** Set to `Aria.RoleButton` to expose every button (React extension). */
     static DefaultAccessibilityRole;
     DefaultAccessibilityLabel() { return this.Text || undefined; }
-    DefaultAccessibilityCanInteract() { return !this.IsDisabled; }
-    /** A disabled button ignores taps, so keyboard navigation skips it too. */
-    AcceptsInput() { return !this.IsDisabled; }
+    DefaultAccessibilityCanInteract() { return this.respondsToGestures; }
+    /** With RespondsToGestures = false the button ignores taps, keyboard navigation skips it and it is reported disabled. */
+    AcceptsInput() { return this.respondsToGestures; }
     /** The button's own BackgroundColor/CornerRadius/Stroke are the frame's; the button itself paints nothing. */
     PaintBackground() { }
     get UsingControlStyle() { return ResolveControlStyle(this.ControlStyle); }
@@ -130,8 +143,8 @@ export class SkiaButton extends SkiaLayout {
         this.Repaint();
     }
     ProcessGestures(args, apply) {
-        if (this.IsDisabled)
-            return null;
+        if (!this.respondsToGestures)
+            return this.BlockedGestureResult(args); // no press, no Down / Up / Tapped; a tap on it stops here
         const point = args.Event.Location;
         if (args.Type === "Down") {
             this.IsPressed = true;

package/dist/controls/SkiaRadioButton.js

@@ -144,8 +144,10 @@ export class SkiaRadioButton extends SkiaToggle {
         super.OnToggledChanged();
     }
     ProcessGestures(args, apply) {
+        if (!this.RespondsToGestures)
+            return this.BlockedGestureResult(args); // a tap does not select it, nor reach controls under it
         if (args.Type === "Tapped") {
-            if (!this.IsToggled && this.RespondsToGestures) {
+            if (!this.IsToggled) {
                 this.IsToggled = true;
                 return this;
             }

package/dist/controls/SkiaScroll.d.ts

@@ -31,7 +31,11 @@ export declare class SkiaScroll extends SkiaControl {
     AutoScrollingSpeedMs: number;
     ScrollingSpeedMs: number;
     IgnoreWrongDirection: boolean;
-    RespondsToGestures: boolean;
+    private respondsToGestures;
+    /** False: neither a drag, the wheel nor the keyboard scrolls it (code still can), and it is reported disabled; its content keeps its own taps (drawnui-cross 6w). */
+    get RespondsToGestures(): boolean;
+    set RespondsToGestures(v: boolean);
+    protected AcceptsInput(): boolean;
     private header?;
     private footer?;
     /** A view before the content along the scroll axis; `Tag="Header"` on a JSX child sets it. */

package/dist/controls/SkiaScroll.js

@@ -28,7 +28,14 @@ export class SkiaScroll extends SkiaControl {
     AutoScrollingSpeedMs = 600;
     ScrollingSpeedMs = 400;
     IgnoreWrongDirection = false;
-    RespondsToGestures = true;
+    respondsToGestures = true;
+    /** False: neither a drag, the wheel nor the keyboard scrolls it (code still can), and it is reported disabled; its content keeps its own taps (drawnui-cross 6w). */
+    get RespondsToGestures() { return this.respondsToGestures; }
+    set RespondsToGestures(v) { if (this.respondsToGestures !== v) {
+        this.respondsToGestures = v;
+        this.NotifyAccessibility();
+    } }
+    AcceptsInput() { return this.respondsToGestures; }
     // ---- header / footer (C# SkiaScroll.Header / Footer) ----
     header;
     footer;

package/dist/controls/SkiaSlider.d.ts

@@ -19,7 +19,11 @@ export declare class SkiaSlider extends SkiaControl {
     /** Minimum distance between the two thumbs, in value units. */
     RangeMin: number;
     ClickOnTrailEnabled: boolean;
-    RespondsToGestures: boolean;
+    private respondsToGestures;
+    /** False: neither a drag nor the arrow keys move it (code still can), and it is reported disabled (drawnui-cross 6w). */
+    get RespondsToGestures(): boolean;
+    set RespondsToGestures(v: boolean);
+    protected AcceptsInput(): boolean;
     IsPressed: boolean;
     IsUserPanning: boolean;
     /** Extra points around a thumb that still count as grabbing it (C# moreHotspotSize). */

package/dist/controls/SkiaSlider.js

@@ -20,7 +20,14 @@ export class SkiaSlider extends SkiaControl {
     /** Minimum distance between the two thumbs, in value units. */
     RangeMin = 0;
     ClickOnTrailEnabled = true;
-    RespondsToGestures = true;
+    respondsToGestures = true;
+    /** False: neither a drag nor the arrow keys move it (code still can), and it is reported disabled (drawnui-cross 6w). */
+    get RespondsToGestures() { return this.respondsToGestures; }
+    set RespondsToGestures(v) { if (this.respondsToGestures !== v) {
+        this.respondsToGestures = v;
+        this.NotifyAccessibility();
+    } }
+    AcceptsInput() { return this.respondsToGestures; }
     IsPressed = false;
     IsUserPanning = false;
     /** Extra points around a thumb that still count as grabbing it (C# moreHotspotSize). */

package/dist/controls/SkiaToggle.d.ts

@@ -19,7 +19,11 @@ export declare abstract class SkiaToggle extends SkiaLayout {
     Toggled?: (sender: SkiaToggle, value: boolean) => void;
     DefaultValue: boolean;
     IsAnimated: boolean;
-    RespondsToGestures: boolean;
+    private respondsToGestures;
+    /** False: a tap or the keyboard does not toggle it (code still can), a tap on it stops there, and it is reported disabled (drawnui-cross 6w). */
+    get RespondsToGestures(): boolean;
+    set RespondsToGestures(v: boolean);
+    protected AcceptsInput(): boolean;
     private isToggled;
     private colorThumbOn?;
     private colorFrameOn?;

package/dist/controls/SkiaToggle.js

@@ -22,7 +22,14 @@ export class SkiaToggle extends SkiaLayout {
     Toggled;
     DefaultValue = false;
     IsAnimated = true;
-    RespondsToGestures = true;
+    respondsToGestures = true;
+    /** False: a tap or the keyboard does not toggle it (code still can), a tap on it stops there, and it is reported disabled (drawnui-cross 6w). */
+    get RespondsToGestures() { return this.respondsToGestures; }
+    set RespondsToGestures(v) { if (this.respondsToGestures !== v) {
+        this.respondsToGestures = v;
+        this.NotifyAccessibility();
+    } }
+    AcceptsInput() { return this.respondsToGestures; }
     isToggled = false;
     colorThumbOn;
     colorFrameOn;
@@ -106,7 +113,9 @@ export class SkiaToggle extends SkiaLayout {
     get AccessibilityIsPressed() { return this.isToggled; }
     set AccessibilityIsPressed(_v) { }
     ProcessGestures(args, apply) {
-        if (args.Type === "Tapped" && this.RespondsToGestures) {
+        if (!this.respondsToGestures)
+            return this.BlockedGestureResult(args); // a tap does not toggle it, nor reach controls under it
+        if (args.Type === "Tapped") {
             this.IsToggled = !this.IsToggled;
             return this;
         }

package/dist/controls/SnappingLayout.d.ts

@@ -11,7 +11,11 @@ import { SkiaLayout } from "./SkiaLayout";
  */
 export declare abstract class SnappingLayout extends SkiaLayout {
     Animated: boolean;
-    RespondsToGestures: boolean;
+    private respondsToGestures;
+    /** False: neither a swipe nor the keyboard moves it (code still can), and it is reported disabled; its content keeps its own taps (drawnui-cross 6w). */
+    get RespondsToGestures(): boolean;
+    set RespondsToGestures(v: boolean);
+    protected AcceptsInput(): boolean;
     IgnoreWrongDirection: boolean;
     Bounces: boolean;
     RubberDamping: number;

package/dist/controls/SnappingLayout.js

@@ -11,7 +11,14 @@ import { SkiaLayout } from "./SkiaLayout";
  */
 export class SnappingLayout extends SkiaLayout {
     Animated = true;
-    RespondsToGestures = true;
+    respondsToGestures = true;
+    /** False: neither a swipe nor the keyboard moves it (code still can), and it is reported disabled; its content keeps its own taps (drawnui-cross 6w). */
+    get RespondsToGestures() { return this.respondsToGestures; }
+    set RespondsToGestures(v) { if (this.respondsToGestures !== v) {
+        this.respondsToGestures = v;
+        this.NotifyAccessibility();
+    } }
+    AcceptsInput() { return this.respondsToGestures; }
     IgnoreWrongDirection = false;
     Bounces = false;
     RubberDamping = 0.7;

package/dist/core/SkiaControl.d.ts

@@ -375,8 +375,17 @@ export declare class SkiaControl {
      * for the pointer. Keyboard navigation uses it: Tapped for Tab and Enter / Space, Panning for the arrow keys.
      */
     CanReceiveGesture(gesture: SkiaGesturesParameters["Type"]): boolean;
-    /** False while the control ignores gestures itself, e.g. a disabled button. Default true. */
+    /**
+     * False while the control ignores input itself: RespondsToGestures = false on a button, toggle, slider, scroll...
+     * Taps, keyboard and the accessibility state (reported disabled) all follow it (drawnui-cross 6w). Default true.
+     */
     protected AcceptsInput(): boolean;
+    /**
+     * What a control that takes no input returns for a gesture that reached it (C# BlockedGestureResult): it keeps a
+     * press, tap or long press, so nothing under it reacts to them, and lets moves and wheel go on to the controls around
+     * it (a scroll behind it still scrolls).
+     */
+    protected BlockedGestureResult(args: SkiaGesturesParameters): SkiaControl | null;
     NotifyAccessibilityFocused(focused: boolean): void;
     /** DrawnUi SmartMax: larger of two sizes, an infinite one loses. */
     protected static SmartMax(a: number, b: number): number;

package/dist/core/SkiaControl.js

@@ -633,8 +633,19 @@ export class SkiaControl {
                 return false;
         return true;
     }
-    /** False while the control ignores gestures itself, e.g. a disabled button. Default true. */
+    /**
+     * False while the control ignores input itself: RespondsToGestures = false on a button, toggle, slider, scroll...
+     * Taps, keyboard and the accessibility state (reported disabled) all follow it (drawnui-cross 6w). Default true.
+     */
     AcceptsInput() { return true; }
+    /**
+     * What a control that takes no input returns for a gesture that reached it (C# BlockedGestureResult): it keeps a
+     * press, tap or long press, so nothing under it reacts to them, and lets moves and wheel go on to the controls around
+     * it (a scroll behind it still scrolls).
+     */
+    BlockedGestureResult(args) {
+        return args.Type === "Down" || args.Type === "Tapped" || args.Type === "LongPressing" ? this : null;
+    }
     NotifyAccessibilityFocused(focused) { this.Superview?.AccessibilityManager.NotifyFocused(focused ? this : undefined); }
     /** DrawnUi SmartMax: larger of two sizes, an infinite one loses. */
     static SmartMax(a, b) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drawnui-react",
-  "version": "0.1.0-preview.17",
+  "version": "0.1.0-preview.18",
   "description": "DrawnUi for React: the DrawnUi (.NET) drawn-UI engine in TypeScript on CanvasKit (Skia WASM). Same controls, same PascalCase API as DrawnUi.Net.",
   "license": "MIT",
   "author": "Nick Kovalsky (AppoMobi)",
@@ -73,6 +73,7 @@
     "check:velocity": "node dev/check.mjs dev/check-velocity.ts",
     "check:scroll-index": "node dev/check.mjs dev/check-scroll-index.ts",
     "check:culling": "node dev/check.mjs dev/check-culling.ts",
+    "check:responds": "node dev/check.mjs dev/check-responds.ts",
     "site:extras": "node dev/site-extras.mjs dist/demo",
     "build:lib": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json",
     "prepublishOnly": "npm run build:lib",