diff --git a/samples/Basic/Android/README.md b/samples/Basic/Android/README.md new file mode 100644 index 0000000000..791c1ba698 --- /dev/null +++ b/samples/Basic/Android/README.md @@ -0,0 +1,81 @@ +# SkiaSharp Android Sample + +Demonstrates all SkiaSharp Android view types with Material 3 bottom navigation, dark/light theming, and touch interaction. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into an Android app using native XML layouts, AndroidX fragments, and Material 3 theming. Each view type can be placed in a layout file and configured in the Android designer, just like any other Android view. + +### CPU + +A static scene rendered entirely on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas that draws each frame on the CPU, ideal for static or infrequently updated content. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom Noto Sans font loaded from an embedded asset via `SKTypeface.FromStream`. + +### GPU (Surface) + +A real-time animated shader running at full frame rate on the GPU, with touch interaction that adds a white-hot blob to the metaball field. + +**Features:** + +- **`SKGLSurfaceView`** — Hardware-accelerated OpenGL ES canvas backed by Android's `SurfaceView`, suitable for full-screen GPU content. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation driven by `Rendermode.Continuously` with an FPS counter overlay. +- **Touch interaction** — Touch position is passed as a shader uniform, adding a white-hot blob to the metaball field. + +### GPU (Texture) + +A real-time animated shader running at full frame rate on the GPU, rendered into a `TextureView` that supports transparency, transforms, and compositing within the view hierarchy. + +**Features:** + +- **`SKGLTextureView`** — Hardware-accelerated OpenGL ES canvas backed by Android's `TextureView`, which supports transparency, transforms, and compositing within the view hierarchy. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation with an FPS counter overlay. +- **Touch interaction** — Touch position is passed as a shader uniform, adding a white-hot blob to the metaball field. + +### Drawing + +A freehand drawing canvas with a floating toolbox for choosing colors and brush sizes. Strokes persist across color and size changes. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas used for on-demand drawing, invalidated after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from touch events. +- **`SKTouchEventArgs`** — Pointer tracking for press, move, and release across the canvas. +- **Color palette** — Six selectable colors with dark/light mode variants. +- **Brush size** — Adjustable stroke width (1–50px) via a Material 3 slider. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- Android workload: `dotnet workload install android` + +## Running the Sample + +Build and deploy to a connected device or emulator: + +```bash +dotnet build -t:Install -f net8.0-android +``` + +To start on a different page, change `DefaultPage` in `MainActivity.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.GpuSurface; +``` + +Available pages: `Cpu` (default), `GpuSurface`, `GpuTexture`, `Drawing` + +## Screenshots + +| CPU | GPU (Surface) | GPU (Texture) | Drawing | +|---|---|---|---| +| CPU Light | GPU Surface Light | GPU Texture Light | Drawing Light | +| CPU Dark | GPU Surface Dark | GPU Texture Dark | Drawing Dark | diff --git a/samples/Basic/Android/SkiaSharpSample/Assets/Fonts/NotoSans-Regular.ttf b/samples/Basic/Android/SkiaSharpSample/Assets/Fonts/NotoSans-Regular.ttf new file mode 100644 index 0000000000..4bac02f2f4 Binary files /dev/null and b/samples/Basic/Android/SkiaSharpSample/Assets/Fonts/NotoSans-Regular.ttf differ diff --git a/samples/Basic/Android/SkiaSharpSample/CpuFragment.cs b/samples/Basic/Android/SkiaSharpSample/CpuFragment.cs new file mode 100644 index 0000000000..c22afdd619 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/CpuFragment.cs @@ -0,0 +1,96 @@ +using System; +using Android.OS; +using Android.Views; +using AndroidX.Fragment.App; + +using SkiaSharp; +using SkiaSharp.Views.Android; + +namespace SkiaSharpSample; + +public class CpuFragment : Fragment +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + private SKCanvasView skiaView; + private SKTypeface typeface; + + public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) + { + var view = inflater.Inflate(Resource.Layout.fragment_cpu, container, false); + skiaView = view.FindViewById(Resource.Id.skiaView); + skiaView.PaintSurface += OnPaintSurface; + + using var stream = Context.Assets.Open("Fonts/NotoSans-Regular.ttf"); + typeface = SKTypeface.FromStream(stream); + + return view; + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + // Background gradient + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + // Circles + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + // Centered text + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont(typeface, width * 0.12f); + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } + + public override void OnDestroyView() + { + if (skiaView != null) + { + skiaView.PaintSurface -= OnPaintSurface; + skiaView = null; + } + typeface?.Dispose(); + typeface = null; + base.OnDestroyView(); + } +} diff --git a/samples/Basic/Android/SkiaSharpSample/DrawingFragment.cs b/samples/Basic/Android/SkiaSharpSample/DrawingFragment.cs new file mode 100644 index 0000000000..5873c6cb3a --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/DrawingFragment.cs @@ -0,0 +1,201 @@ +using System; +using System.Collections.Generic; +using Android.Graphics; +using Android.Graphics.Drawables; +using Android.OS; +using Android.Views; +using AndroidX.Fragment.App; +using Google.Android.Material.Button; + +using SkiaSharp; +using SkiaSharp.Views.Android; + +namespace SkiaSharpSample; + +public class DrawingFragment : Fragment +{ + private static readonly int[] SwatchIds = new[] + { + Resource.Id.colorBlack, + Resource.Id.colorRed, + Resource.Id.colorBlue, + Resource.Id.colorGreen, + Resource.Id.colorOrange, + Resource.Id.colorPurple, + }; + + private SKCanvasView skiaView; + private View selectedSwatch; + private Google.Android.Material.Slider.Slider brushSlider; + private readonly List<(SKPath Path, SKColor Color, float StrokeWidth)> strokes = new(); + private SKPath currentPath; + private SKColor currentColor = SKColors.Black; + private SKColor canvasBackground = SKColors.White; + + private float BrushSize => brushSlider?.Value ?? 4f; + + public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) + { + var view = inflater.Inflate(Resource.Layout.fragment_drawing, container, false); + + // Resolve theme surface color for canvas background + var typedValue = new Android.Util.TypedValue(); + if (Context.Theme.ResolveAttribute(Resource.Attribute.colorSurface, typedValue, true)) + { + var c = new Color(typedValue.Data); + canvasBackground = new SKColor((byte)c.R, (byte)c.G, (byte)c.B, (byte)c.A); + } + + // Resolve theme onSurface color as default drawing color + if (Context.Theme.ResolveAttribute(Resource.Attribute.colorOnSurface, typedValue, true)) + { + var c = new Color(typedValue.Data); + currentColor = new SKColor((byte)c.R, (byte)c.G, (byte)c.B, (byte)c.A); + } + + skiaView = view.FindViewById(Resource.Id.skiaView); + skiaView.PaintSurface += OnPaintSurface; + skiaView.Touch += OnTouch; + + // Wire up color swatches — resolve SKColor from each swatch's background + foreach (var viewId in SwatchIds) + { + var swatch = view.FindViewById(viewId); + SKColor bgColor = SKColors.Black; + if (OperatingSystem.IsAndroidVersionAtLeast(24) + && swatch.Background is GradientDrawable gd && gd.Color != null) + { + var c = new Color(gd.Color.DefaultColor); + bgColor = new SKColor((byte)c.R, (byte)c.G, (byte)c.B); + } + else if (swatch.Background is ColorDrawable cd) + { + bgColor = new SKColor((byte)cd.Color.R, (byte)cd.Color.G, (byte)cd.Color.B); + } + var captured = bgColor; + swatch.Click += (s, e) => + { + currentColor = captured; + SetSelectedSwatch(swatch); + }; + } + + // Select first swatch by default + selectedSwatch = view.FindViewById(Resource.Id.colorBlack); + SetSelectedSwatch(selectedSwatch); + + // Brush size slider + brushSlider = view.FindViewById(Resource.Id.brushSlider); + + // Clear button + var clearBtn = view.FindViewById(Resource.Id.btnClear); + clearBtn.Click += (s, e) => + { + foreach (var (path, _, _) in strokes) + path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + skiaView?.Invalidate(); + }; + + return view; + } + + private void SetSelectedSwatch(View swatch) + { + // Reset previous selection + if (selectedSwatch != null) + { + selectedSwatch.ScaleX = 1.0f; + selectedSwatch.ScaleY = 1.0f; + selectedSwatch.Elevation = 0; + } + + // Highlight selected with scale and elevation + swatch.ScaleX = 1.3f; + swatch.ScaleY = 1.3f; + swatch.Elevation = 8; + selectedSwatch = swatch; + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + canvas.Clear(canvasBackground); + + if (skiaView.Width <= 0 || skiaView.Height <= 0) + return; + + using var paint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + float sx = (float)e.Info.Width / skiaView.Width; + float sy = (float)e.Info.Height / skiaView.Height; + canvas.Scale(sx, sy); + + foreach (var (path, color, strokeWidth) in strokes) + { + paint.Color = color; + paint.StrokeWidth = strokeWidth; + canvas.DrawPath(path, paint); + } + + if (currentPath != null) + { + paint.Color = currentColor; + paint.StrokeWidth = BrushSize; + canvas.DrawPath(currentPath, paint); + } + } + + private void OnTouch(object sender, View.TouchEventArgs e) + { + var x = e.Event.GetX(); + var y = e.Event.GetY(); + + switch (e.Event.Action) + { + case MotionEventActions.Down: + currentPath = new SKPath(); + currentPath.MoveTo(x, y); + skiaView.Invalidate(); + break; + case MotionEventActions.Move: + currentPath?.LineTo(x, y); + skiaView.Invalidate(); + break; + case MotionEventActions.Up: + case MotionEventActions.Cancel: + if (currentPath != null) + { + strokes.Add((currentPath, currentColor, BrushSize)); + currentPath = null; + skiaView.Invalidate(); + } + break; + } + e.Handled = true; + } + + public override void OnDestroyView() + { + if (skiaView != null) + { + skiaView.PaintSurface -= OnPaintSurface; + skiaView.Touch -= OnTouch; + skiaView = null; + } + foreach (var (path, _, _) in strokes) + path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + base.OnDestroyView(); + } +} diff --git a/samples/Basic/Android/SkiaSharpSample/FpsCounter.cs b/samples/Basic/Android/SkiaSharpSample/FpsCounter.cs new file mode 100644 index 0000000000..136fcdccef --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/FpsCounter.cs @@ -0,0 +1,50 @@ +using System.Diagnostics; + +namespace SkiaSharpSample; + +/// +/// Lightweight frame-rate counter. Call once per frame; +/// it returns the measured FPS each time the sampling interval elapses. +/// Also exposes so GPU pages can feed shader time +/// from the same clock without a separate . +/// +public sealed class FpsCounter +{ + private readonly Stopwatch stopwatch = new(); + + private int frameCount; + private double lastSampleTime; + + /// + /// Seconds between FPS samples (default 0.5 s). + /// + public double Interval { get; set; } = 0.5; + + /// + /// Wall-clock seconds since was called. + /// Useful as a shader iTime uniform. + /// + public float ElapsedSeconds => (float)stopwatch.Elapsed.TotalSeconds; + + public void Start() => stopwatch.Start(); + + public void Stop() => stopwatch.Stop(); + + /// + /// Record one frame. Returns the measured FPS when the sampling + /// interval has elapsed, or null otherwise. + /// + public double? Tick() + { + frameCount++; + var now = stopwatch.Elapsed.TotalSeconds; + var delta = now - lastSampleTime; + if (delta < Interval) + return null; + + var fps = frameCount / delta; + frameCount = 0; + lastSampleTime = now; + return fps; + } +} diff --git a/samples/Basic/Android/SkiaSharpSample/GpuSurfaceFragment.cs b/samples/Basic/Android/SkiaSharpSample/GpuSurfaceFragment.cs new file mode 100644 index 0000000000..09af17f265 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/GpuSurfaceFragment.cs @@ -0,0 +1,149 @@ +using System; +using Android.OS; +using Android.Views; +using Android.Widget; +using AndroidX.Fragment.App; + +using SkiaSharp; +using SkiaSharp.Views.Android; + +namespace SkiaSharpSample; + +public class GpuSurfaceFragment : Fragment +{ + private const string SkslSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float2 iTouchPos; +uniform float iTouchActive; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + float field = 0.0; + float3 weighted = float3(0.0); + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7)); + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + weighted += float3(1.0, 0.95, 0.9) * strength; + } + float3 blobColor = weighted / max(field, 0.001); + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + return half4(clamp(result, 0.0, 1.0), 1.0); +}"; + + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, // rose + 0.3f, 0.7f, 1.0f, // sky blue + 1.0f, 0.6f, 0.1f, // amber + 0.4f, 1.0f, 0.7f, // mint + 0.7f, 0.3f, 1.0f, // violet + 1.0f, 0.9f, 0.2f, // yellow + }; + + private readonly FpsCounter fpsCounter = new(); + + private SKGLSurfaceView skiaView; + private TextView fpsLabel; + private Lazy shaderBuilder; + private SKPoint touchPos; + private bool touchActive; + + public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) + { + var view = inflater.Inflate(Resource.Layout.fragment_gpu_surface, container, false); + skiaView = view.FindViewById(Resource.Id.skiaView); + fpsLabel = view.FindViewById(Resource.Id.fpsLabel); + skiaView.PaintSurface += OnPaintSurface; + skiaView.Touch += OnTouch; + skiaView.RenderMode = Android.Opengl.Rendermode.Continuously; + + shaderBuilder = new Lazy(() => SKRuntimeEffect.BuildShader(SkslSource)); + fpsCounter.Start(); + return view; + } + + private void OnPaintSurface(object sender, SKPaintGLSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.BackendRenderTarget.Width; + var height = e.BackendRenderTarget.Height; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { (float)width, (float)height }; + builder.Uniforms["iTouchPos"] = new float[] { touchPos.X, touchPos.Y }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + + if (fpsCounter.Tick() is double fps) + Activity?.RunOnUiThread(() => fpsLabel.Text = $"FPS: {fps:F0}"); + } + + private void OnTouch(object sender, View.TouchEventArgs e) + { + switch (e.Event.Action) + { + case MotionEventActions.Down: + case MotionEventActions.Move: + touchActive = true; + if (skiaView.Width > 0 && skiaView.Height > 0) + touchPos = new SKPoint(e.Event.GetX() / skiaView.Width, e.Event.GetY() / skiaView.Height); + break; + case MotionEventActions.Up: + case MotionEventActions.Cancel: + touchActive = false; + break; + } + e.Handled = true; + } + + public override void OnDestroyView() + { + if (skiaView != null) + { + skiaView.PaintSurface -= OnPaintSurface; + skiaView.Touch -= OnTouch; + skiaView = null; + } + if (shaderBuilder?.IsValueCreated == true) + shaderBuilder.Value.Dispose(); + shaderBuilder = null; + base.OnDestroyView(); + } +} diff --git a/samples/Basic/Android/SkiaSharpSample/GpuTextureFragment.cs b/samples/Basic/Android/SkiaSharpSample/GpuTextureFragment.cs new file mode 100644 index 0000000000..f89c05e1e9 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/GpuTextureFragment.cs @@ -0,0 +1,148 @@ +using System; +using Android.OS; +using Android.Views; +using Android.Widget; +using AndroidX.Fragment.App; + +using SkiaSharp; +using SkiaSharp.Views.Android; + +namespace SkiaSharpSample; + +public class GpuTextureFragment : Fragment +{ + private const string SkslSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float2 iTouchPos; +uniform float iTouchActive; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + float field = 0.0; + float3 weighted = float3(0.0); + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7)); + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + weighted += float3(1.0, 0.95, 0.9) * strength; + } + float3 blobColor = weighted / max(field, 0.001); + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + return half4(clamp(result, 0.0, 1.0), 1.0); +}"; + + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, // rose + 0.3f, 0.7f, 1.0f, // sky blue + 1.0f, 0.6f, 0.1f, // amber + 0.4f, 1.0f, 0.7f, // mint + 0.7f, 0.3f, 1.0f, // violet + 1.0f, 0.9f, 0.2f, // yellow + }; + + private readonly FpsCounter fpsCounter = new(); + + private SKGLTextureView skiaView; + private TextView fpsLabel; + private Lazy shaderBuilder; + private SKPoint touchPos; + private bool touchActive; + + public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) + { + var view = inflater.Inflate(Resource.Layout.fragment_gpu_texture, container, false); + skiaView = view.FindViewById(Resource.Id.skiaView); + fpsLabel = view.FindViewById(Resource.Id.fpsLabel); + skiaView.PaintSurface += OnPaintSurface; + skiaView.Touch += OnTouch; + + shaderBuilder = new Lazy(() => SKRuntimeEffect.BuildShader(SkslSource)); + fpsCounter.Start(); + return view; + } + + private void OnPaintSurface(object sender, SKPaintGLSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.BackendRenderTarget.Width; + var height = e.BackendRenderTarget.Height; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { (float)width, (float)height }; + builder.Uniforms["iTouchPos"] = new float[] { touchPos.X, touchPos.Y }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + + if (fpsCounter.Tick() is double fps) + Activity?.RunOnUiThread(() => fpsLabel.Text = $"FPS: {fps:F0}"); + } + + private void OnTouch(object sender, View.TouchEventArgs e) + { + switch (e.Event.Action) + { + case MotionEventActions.Down: + case MotionEventActions.Move: + touchActive = true; + if (skiaView.Width > 0 && skiaView.Height > 0) + touchPos = new SKPoint(e.Event.GetX() / skiaView.Width, e.Event.GetY() / skiaView.Height); + break; + case MotionEventActions.Up: + case MotionEventActions.Cancel: + touchActive = false; + break; + } + e.Handled = true; + } + + public override void OnDestroyView() + { + if (skiaView != null) + { + skiaView.PaintSurface -= OnPaintSurface; + skiaView.Touch -= OnTouch; + skiaView = null; + } + if (shaderBuilder?.IsValueCreated == true) + shaderBuilder.Value.Dispose(); + shaderBuilder = null; + base.OnDestroyView(); + } +} diff --git a/samples/Basic/Android/SkiaSharpSample/MainActivity.cs b/samples/Basic/Android/SkiaSharpSample/MainActivity.cs index 9d3734ac41..5beef8bfba 100644 --- a/samples/Basic/Android/SkiaSharpSample/MainActivity.cs +++ b/samples/Basic/Android/SkiaSharpSample/MainActivity.cs @@ -1,61 +1,76 @@ using Android.App; using Android.OS; +using Android.Views; using AndroidX.AppCompat.App; +using AndroidX.Core.View; +using Google.Android.Material.BottomNavigation; -using SkiaSharp; -using SkiaSharp.Views.Android; +namespace SkiaSharpSample; -namespace SkiaSharpSample +[Activity(Label = "SkiaSharp", MainLauncher = true, Theme = "@style/Theme.SkiaSharpSample")] +public class MainActivity : AppCompatActivity, BottomNavigationView.IOnItemSelectedListener, IOnApplyWindowInsetsListener { - [Activity(MainLauncher = true)] - public class MainActivity : AppCompatActivity + /// + /// Change this to start the app on a different page. + /// + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; + + protected override void OnCreate(Bundle savedInstanceState) { - private SKCanvasView skiaView; + base.OnCreate(savedInstanceState); - protected override void OnCreate(Bundle savedInstanceState) - { - base.OnCreate(savedInstanceState); + WindowCompat.SetDecorFitsSystemWindows(Window, false); - SetContentView(Resource.Layout.main); + SetContentView(Resource.Layout.main); - skiaView = FindViewById(Resource.Id.skiaView); - } + var toolbar = FindViewById(Resource.Id.toolbar); + SetSupportActionBar(toolbar); - protected override void OnResume() - { - base.OnResume(); + var bottomNav = FindViewById(Resource.Id.bottom_nav); + bottomNav.SetOnItemSelectedListener(this); - skiaView.PaintSurface += OnPaintSurface; - } + // Apply top status bar inset to the AppBarLayout + var appBar = FindViewById(Resource.Id.appbar); + ViewCompat.SetOnApplyWindowInsetsListener(appBar, this); - protected override void OnPause() + if (savedInstanceState == null) { - skiaView.PaintSurface -= OnPaintSurface; - - base.OnPause(); + bottomNav.SelectedItemId = DefaultPage switch + { + SamplePage.GpuSurface => Resource.Id.nav_gpu_surface, + SamplePage.GpuTexture => Resource.Id.nav_gpu_texture, + SamplePage.Drawing => Resource.Id.nav_drawing, + _ => Resource.Id.nav_cpu, + }; } + } + + public WindowInsetsCompat OnApplyWindowInsets(View v, WindowInsetsCompat insets) + { + var bars = insets.GetInsets(WindowInsetsCompat.Type.SystemBars()); + v.SetPadding(0, bars.Top, 0, 0); + return insets; + } - private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + public bool OnNavigationItemSelected(IMenuItem item) + { + AndroidX.Fragment.App.Fragment fragment = item.ItemId switch { - // the the canvas and properties - var canvas = e.Surface.Canvas; + Resource.Id.nav_cpu => new CpuFragment(), + Resource.Id.nav_gpu_surface => new GpuSurfaceFragment(), + Resource.Id.nav_gpu_texture => new GpuTextureFragment(), + Resource.Id.nav_drawing => new DrawingFragment(), + _ => new CpuFragment() + }; - // make sure the canvas is blank - canvas.Clear(SKColors.White); + ShowFragment(fragment); + return true; + } - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill, - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } + private void ShowFragment(AndroidX.Fragment.App.Fragment fragment) + { + SupportFragmentManager.BeginTransaction() + .Replace(Resource.Id.content_frame, fragment) + .Commit(); } } diff --git a/samples/Basic/Android/SkiaSharpSample/Properties/AndroidManifest.xml b/samples/Basic/Android/SkiaSharpSample/Properties/AndroidManifest.xml index 042e741373..3a4e201d85 100644 --- a/samples/Basic/Android/SkiaSharpSample/Properties/AndroidManifest.xml +++ b/samples/Basic/Android/SkiaSharpSample/Properties/AndroidManifest.xml @@ -1,5 +1,5 @@  - + \ No newline at end of file diff --git a/samples/Basic/Android/SkiaSharpSample/Properties/AssemblyInfo.cs b/samples/Basic/Android/SkiaSharpSample/Properties/AssemblyInfo.cs index 464b2810dd..326ea856d0 100644 --- a/samples/Basic/Android/SkiaSharpSample/Properties/AssemblyInfo.cs +++ b/samples/Basic/Android/SkiaSharpSample/Properties/AssemblyInfo.cs @@ -4,7 +4,7 @@ [assembly: AssemblyTrademark("")] [assembly: AssemblyCulture("")] -// The following attributes are used to specify the signing key for the assembly, +// The following attributes are used to specify the signing key for the assembly, // if desired. See the Mono documentation for more information about signing. //[assembly: AssemblyDelaySign(false)] diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_cpu.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_cpu.xml new file mode 100644 index 0000000000..8d140a2148 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_cpu.xml @@ -0,0 +1,9 @@ + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_drawing.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_drawing.xml new file mode 100644 index 0000000000..004493d200 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_drawing.xml @@ -0,0 +1,9 @@ + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu.xml new file mode 100644 index 0000000000..ac837a6976 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu.xml @@ -0,0 +1,9 @@ + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu_texture.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu_texture.xml new file mode 100644 index 0000000000..054f47d1ce --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/ic_gpu_texture.xml @@ -0,0 +1,9 @@ + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/pill_background.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/pill_background.xml new file mode 100644 index 0000000000..15504624c7 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/pill_background.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_black.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_black.xml new file mode 100644 index 0000000000..3cc568b5c9 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_black.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_blue.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_blue.xml new file mode 100644 index 0000000000..cfe4fc22dc --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_blue.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_green.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_green.xml new file mode 100644 index 0000000000..515f08af46 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_green.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_orange.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_orange.xml new file mode 100644 index 0000000000..3e6b80b2cf --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_orange.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_purple.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_purple.xml new file mode 100644 index 0000000000..4dc210da5d --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_purple.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_red.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_red.xml new file mode 100644 index 0000000000..d66c383370 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/swatch_red.xml @@ -0,0 +1,5 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/drawable/toolbox_background.xml b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/toolbox_background.xml new file mode 100644 index 0000000000..f25ed7e94c --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/drawable/toolbox_background.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_cpu.xml b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_cpu.xml new file mode 100644 index 0000000000..de27d1300c --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_cpu.xml @@ -0,0 +1,6 @@ + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_drawing.xml b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_drawing.xml new file mode 100644 index 0000000000..040e9f2767 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_drawing.xml @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_surface.xml b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_surface.xml new file mode 100644 index 0000000000..e02abe0055 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_surface.xml @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_texture.xml b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_texture.xml new file mode 100644 index 0000000000..30005006a9 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/layout/fragment_gpu_texture.xml @@ -0,0 +1,26 @@ + + + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/layout/main.xml b/samples/Basic/Android/SkiaSharpSample/Resources/layout/main.xml index bafc84ba08..3dfd981804 100644 --- a/samples/Basic/Android/SkiaSharpSample/Resources/layout/main.xml +++ b/samples/Basic/Android/SkiaSharpSample/Resources/layout/main.xml @@ -1,12 +1,37 @@ - - + + - \ No newline at end of file + android:layout_height="wrap_content" + app:liftOnScroll="false"> + + + + + + + + + + \ No newline at end of file diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/menu/nav_menu.xml b/samples/Basic/Android/SkiaSharpSample/Resources/menu/nav_menu.xml new file mode 100644 index 0000000000..043c8979cd --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/menu/nav_menu.xml @@ -0,0 +1,7 @@ + + + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values-night/colors.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/colors.xml new file mode 100644 index 0000000000..80ad3355af --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/colors.xml @@ -0,0 +1,153 @@ + + + + #AAC7FF + #0A305F + #284777 + #D6E3FF + #BEC6DC + #283141 + #3E4759 + #DAE2F9 + #DDBCE0 + #3F2844 + #573E5C + #FAD8FD + #FFB4AB + #690005 + #93000A + #FFDAD6 + #111318 + #E2E2E9 + #111318 + #E2E2E9 + #44474E + #C4C6D0 + #8E9099 + #44474E + #000000 + #E2E2E9 + #2E3036 + #415F91 + #D6E3FF + #001B3E + #AAC7FF + #284777 + #DAE2F9 + #131C2B + #BEC6DC + #3E4759 + #FAD8FD + #28132E + #DDBCE0 + #573E5C + #111318 + #37393E + #0C0E13 + #191C20 + #1D2024 + #282A2F + #33353A + #CDDDFF + #002551 + #7491C7 + #000000 + #D4DCF2 + #1D2636 + #8891A5 + #000000 + #F3D2F7 + #331D39 + #A487A9 + #000000 + #FFD2CC + #540003 + #FF5449 + #000000 + #111318 + #E2E2E9 + #111318 + #FFFFFF + #44474E + #DADCE6 + #AFB2BB + #8E9099 + #000000 + #E2E2E9 + #282A2F + #294878 + #D6E3FF + #00112B + #AAC7FF + #133665 + #DAE2F9 + #081121 + #BEC6DC + #2E3647 + #FAD8FD + #1D0823 + #DDBCE0 + #452E4A + #111318 + #43444A + #06070C + #1B1E22 + #26282D + #313238 + #3C3E43 + #EBF0FF + #000000 + #A6C3FC + #000B20 + #EBF0FF + #000000 + #BAC3D8 + #030B1A + #FFE9FF + #000000 + #D8B8DC + #16041D + #FFECE9 + #000000 + #FFAEA4 + #220001 + #111318 + #E2E2E9 + #111318 + #FFFFFF + #44474E + #FFFFFF + #EEEFF9 + #C0C2CC + #000000 + #E2E2E9 + #000000 + #294878 + #D6E3FF + #000000 + #AAC7FF + #00112B + #DAE2F9 + #000000 + #BEC6DC + #081121 + #FAD8FD + #000000 + #DDBCE0 + #1D0823 + #111318 + #4E5056 + #000000 + #1D2024 + #2E3036 + #393B41 + #45474C + + + #FFFFFF + #EF5350 + #42A5F5 + #66BB6A + #FFA726 + #AB47BC + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values-night/theme_overlays.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/theme_overlays.xml new file mode 100644 index 0000000000..0052ee19fd --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/theme_overlays.xml @@ -0,0 +1,99 @@ + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values-night/themes.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/themes.xml new file mode 100644 index 0000000000..4e17b4cda3 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values-night/themes.xml @@ -0,0 +1,55 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values/colors.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values/colors.xml new file mode 100644 index 0000000000..756642b307 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values/colors.xml @@ -0,0 +1,153 @@ + + + + #415F91 + #FFFFFF + #D6E3FF + #284777 + #565F71 + #FFFFFF + #DAE2F9 + #3E4759 + #705575 + #FFFFFF + #FAD8FD + #573E5C + #BA1A1A + #FFFFFF + #FFDAD6 + #93000A + #F9F9FF + #191C20 + #F9F9FF + #191C20 + #E0E2EC + #44474E + #74777F + #C4C6D0 + #000000 + #2E3036 + #F0F0F7 + #AAC7FF + #D6E3FF + #001B3E + #AAC7FF + #284777 + #DAE2F9 + #131C2B + #BEC6DC + #3E4759 + #FAD8FD + #28132E + #DDBCE0 + #573E5C + #D9D9E0 + #F9F9FF + #FFFFFF + #F3F3FA + #EDEDF4 + #E7E8EE + #E2E2E9 + #133665 + #FFFFFF + #506DA0 + #FFFFFF + #2E3647 + #FFFFFF + #646D80 + #FFFFFF + #452E4A + #FFFFFF + #7F6484 + #FFFFFF + #740006 + #FFFFFF + #CF2C27 + #FFFFFF + #F9F9FF + #191C20 + #F9F9FF + #0F1116 + #E0E2EC + #33363E + #4F525A + #6A6D75 + #000000 + #2E3036 + #F0F0F7 + #AAC7FF + #506DA0 + #FFFFFF + #375586 + #FFFFFF + #646D80 + #FFFFFF + #4C5567 + #FFFFFF + #7F6484 + #FFFFFF + #654C6B + #FFFFFF + #C5C6CD + #F9F9FF + #FFFFFF + #F3F3FA + #E7E8EE + #DCDCE3 + #D1D1D8 + #032B5B + #FFFFFF + #2A497A + #FFFFFF + #232C3D + #FFFFFF + #41495B + #FFFFFF + #3A2440 + #FFFFFF + #59405E + #FFFFFF + #600004 + #FFFFFF + #98000A + #FFFFFF + #F9F9FF + #191C20 + #F9F9FF + #000000 + #E0E2EC + #000000 + #292C33 + #464951 + #000000 + #2E3036 + #FFFFFF + #AAC7FF + #2A497A + #FFFFFF + #0E3262 + #FFFFFF + #41495B + #FFFFFF + #2A3344 + #FFFFFF + #59405E + #FFFFFF + #412A47 + #FFFFFF + #B8B8BF + #F9F9FF + #FFFFFF + #F0F0F7 + #E2E2E9 + #D3D4DB + #C5C6CD + + + #000000 + #E53935 + #1E88E5 + #43A047 + #FB8C00 + #8E24AA + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values/theme_overlays.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values/theme_overlays.xml new file mode 100644 index 0000000000..1de76672e9 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values/theme_overlays.xml @@ -0,0 +1,99 @@ + + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/Resources/values/themes.xml b/samples/Basic/Android/SkiaSharpSample/Resources/values/themes.xml new file mode 100644 index 0000000000..f5b01d05b6 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/Resources/values/themes.xml @@ -0,0 +1,55 @@ + + + + diff --git a/samples/Basic/Android/SkiaSharpSample/SamplePage.cs b/samples/Basic/Android/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..e326d6f2e5 --- /dev/null +++ b/samples/Basic/Android/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,12 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + GpuSurface, + GpuTexture, + Drawing, +} diff --git a/samples/Basic/Android/SkiaSharpSample/SkiaSharpSample.csproj b/samples/Basic/Android/SkiaSharpSample/SkiaSharpSample.csproj index 6802ba0fa2..39c18a3fe2 100644 --- a/samples/Basic/Android/SkiaSharpSample/SkiaSharpSample.csproj +++ b/samples/Basic/Android/SkiaSharpSample/SkiaSharpSample.csproj @@ -7,7 +7,8 @@ - + + diff --git a/samples/Basic/Android/screenshots/cpu-dark.png b/samples/Basic/Android/screenshots/cpu-dark.png new file mode 100644 index 0000000000..1ffc9241a9 Binary files /dev/null and b/samples/Basic/Android/screenshots/cpu-dark.png differ diff --git a/samples/Basic/Android/screenshots/cpu-light.png b/samples/Basic/Android/screenshots/cpu-light.png new file mode 100644 index 0000000000..36a77ae2ed Binary files /dev/null and b/samples/Basic/Android/screenshots/cpu-light.png differ diff --git a/samples/Basic/Android/screenshots/drawing-dark.png b/samples/Basic/Android/screenshots/drawing-dark.png new file mode 100644 index 0000000000..6cb9027d93 Binary files /dev/null and b/samples/Basic/Android/screenshots/drawing-dark.png differ diff --git a/samples/Basic/Android/screenshots/drawing-light.png b/samples/Basic/Android/screenshots/drawing-light.png new file mode 100644 index 0000000000..11869bb5a5 Binary files /dev/null and b/samples/Basic/Android/screenshots/drawing-light.png differ diff --git a/samples/Basic/Android/screenshots/surface-dark.png b/samples/Basic/Android/screenshots/surface-dark.png new file mode 100644 index 0000000000..6390aecdec Binary files /dev/null and b/samples/Basic/Android/screenshots/surface-dark.png differ diff --git a/samples/Basic/Android/screenshots/surface-light.png b/samples/Basic/Android/screenshots/surface-light.png new file mode 100644 index 0000000000..dbd0a1ff28 Binary files /dev/null and b/samples/Basic/Android/screenshots/surface-light.png differ diff --git a/samples/Basic/Android/screenshots/texture-dark.png b/samples/Basic/Android/screenshots/texture-dark.png new file mode 100644 index 0000000000..97f45f8ba3 Binary files /dev/null and b/samples/Basic/Android/screenshots/texture-dark.png differ diff --git a/samples/Basic/Android/screenshots/texture-light.png b/samples/Basic/Android/screenshots/texture-light.png new file mode 100644 index 0000000000..eccb9a935c Binary files /dev/null and b/samples/Basic/Android/screenshots/texture-light.png differ diff --git a/samples/Basic/BlazorWebAssembly/README.md b/samples/Basic/BlazorWebAssembly/README.md new file mode 100644 index 0000000000..8e63c7aec1 --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/README.md @@ -0,0 +1,72 @@ +# SkiaSharp Blazor WebAssembly Sample + +Demonstrates SkiaSharp running in the browser via WebAssembly with MudBlazor navigation, three-mode theming (light, dark, system), and responsive layout. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a Blazor WebAssembly app using Razor components. The views are placed declaratively in `.razor` files alongside standard HTML and Blazor components, with a responsive MudBlazor sidebar for navigation. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas that draws each frame on the CPU via the HTML `` element. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom font loaded from an embedded resource via `SKTypeface.FromStream`. + +### GPU + +A real-time animated shader running at full frame rate on the GPU via WebGL, with pointer interaction that adds a white-hot blob to the metaball field. + +**Features:** + +- **`SKGLView`** — Hardware-accelerated canvas backed by WebGL, rendered into an HTML `` element. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **`EnableRenderLoop`** — Continuous animation driven by the browser's `requestAnimationFrame`. +- **Pointer interaction** — Mouse/touch position is passed as a shader uniform, adding a white-hot blob to the metaball field. + +### Drawing + +A freehand drawing canvas with a color palette, brush size slider, and clear button. Strokes persist across color and size changes. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from pointer events. +- **Pointer events** — Blazor `@onpointerdown`, `@onpointermove`, `@onpointerup` for cross-device input. +- **Color palette** — Six selectable colors with dark/light mode variants. +- **Brush size** — Adjustable stroke width via a MudBlazor slider. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- WebAssembly tools workload: `dotnet workload install wasm-tools` + +## Running the Sample + +Build and run: + +```bash +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +Then open `http://localhost:5000` in a browser. + +To start on a different page, change `DefaultPage` in `Program.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.Gpu; +``` + +Available pages: `Cpu` (default), `Gpu`, `Drawing` + +## Screenshots + +| CPU | GPU | Drawing | +|---|---|---| +| CPU | GPU | Drawing Light | +| | | Drawing Dark | diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/FpsCounter.cs b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/FpsCounter.cs new file mode 100644 index 0000000000..136fcdccef --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/FpsCounter.cs @@ -0,0 +1,50 @@ +using System.Diagnostics; + +namespace SkiaSharpSample; + +/// +/// Lightweight frame-rate counter. Call once per frame; +/// it returns the measured FPS each time the sampling interval elapses. +/// Also exposes so GPU pages can feed shader time +/// from the same clock without a separate . +/// +public sealed class FpsCounter +{ + private readonly Stopwatch stopwatch = new(); + + private int frameCount; + private double lastSampleTime; + + /// + /// Seconds between FPS samples (default 0.5 s). + /// + public double Interval { get; set; } = 0.5; + + /// + /// Wall-clock seconds since was called. + /// Useful as a shader iTime uniform. + /// + public float ElapsedSeconds => (float)stopwatch.Elapsed.TotalSeconds; + + public void Start() => stopwatch.Start(); + + public void Stop() => stopwatch.Stop(); + + /// + /// Record one frame. Returns the measured FPS when the sampling + /// interval has elapsed, or null otherwise. + /// + public double? Tick() + { + frameCount++; + var now = stopwatch.Elapsed.TotalSeconds; + var delta = now - lastSampleTime; + if (delta < Interval) + return null; + + var fps = frameCount / delta; + frameCount = 0; + lastSampleTime = now; + return fps; + } +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor index 50e11e7a73..c0f721d8ea 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor @@ -1,17 +1,133 @@ @inherits LayoutComponentBase +@inject NavigationManager Navigation -
-
- -
+ + + + -
-
- About -
- -
+ + + + SkiaSharp + + + + + + + + CPU + GPU + Drawing + + + + @Body -
-
-
+ + + + +@code { + bool _drawerOpen = true; + bool _isDarkMode; + ThemeMode _themeMode = ThemeMode.System; + MudThemeProvider _themeProvider = null!; + + readonly MudTheme _theme = new() + { + PaletteLight = new PaletteLight + { + Primary = "#594AE2", + AppbarBackground = "#594AE2", + DrawerBackground = "#f0eef6", + DrawerText = "#424242", + DrawerIcon = "#594AE2", + Background = "#fafafa", + Surface = "#ffffff", + }, + PaletteDark = new PaletteDark + { + Primary = "#776be7", + AppbarBackground = "#1e1e2d", + DrawerBackground = "#1a1a27", + Background = "#121218", + Surface = "#1e1e2d", + }, + LayoutProperties = new LayoutProperties + { + DefaultBorderRadius = "12px", + }, + }; + + string _themeIcon => _themeMode switch + { + ThemeMode.Light => Icons.Material.Filled.LightMode, + ThemeMode.Dark => Icons.Material.Filled.DarkMode, + _ => Icons.Material.Filled.SettingsBrightness, + }; + + string _themeTooltip => _themeMode switch + { + ThemeMode.Light => "Light mode (click for dark)", + ThemeMode.Dark => "Dark mode (click for system)", + _ => "System theme (click for light)", + }; + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + if (firstRender) + { + _isDarkMode = await _themeProvider.GetSystemDarkModeAsync(); + await _themeProvider.WatchSystemDarkModeAsync(OnSystemPreferenceChanged); + + var route = Program.DefaultPage switch + { + SamplePage.Gpu => "/gpu", + SamplePage.Drawing => "/drawing", + _ => null, + }; + if (route is not null) + Navigation.NavigateTo(route); + + StateHasChanged(); + } + } + + Task OnSystemPreferenceChanged(bool isDark) + { + if (_themeMode == ThemeMode.System) + { + _isDarkMode = isDark; + StateHasChanged(); + } + return Task.CompletedTask; + } + + async Task CycleTheme() + { + _themeMode = _themeMode switch + { + ThemeMode.System => ThemeMode.Light, + ThemeMode.Light => ThemeMode.Dark, + ThemeMode.Dark => ThemeMode.System, + _ => ThemeMode.System, + }; + + _isDarkMode = _themeMode switch + { + ThemeMode.Light => false, + ThemeMode.Dark => true, + _ => await _themeProvider.GetSystemDarkModeAsync(), + }; + + StateHasChanged(); + } + + void ToggleDrawer() => _drawerOpen = !_drawerOpen; + + enum ThemeMode { System, Light, Dark } +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor.css index ecf25e5b2e..e69de29bb2 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor.css +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/MainLayout.razor.css @@ -1,77 +0,0 @@ -.page { - position: relative; - display: flex; - flex-direction: column; -} - -main { - flex: 1; -} - -.sidebar { - background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); -} - -.top-row { - background-color: #f7f7f7; - border-bottom: 1px solid #d6d5d5; - justify-content: flex-end; - height: 3.5rem; - display: flex; - align-items: center; -} - - .top-row ::deep a, .top-row ::deep .btn-link { - white-space: nowrap; - margin-left: 1.5rem; - text-decoration: none; - } - - .top-row ::deep a:hover, .top-row ::deep .btn-link:hover { - text-decoration: underline; - } - - .top-row ::deep a:first-child { - overflow: hidden; - text-overflow: ellipsis; - } - -@media (max-width: 640.98px) { - .top-row { - justify-content: space-between; - } - - .top-row ::deep a, .top-row ::deep .btn-link { - margin-left: 0; - } -} - -@media (min-width: 641px) { - .page { - flex-direction: row; - } - - .sidebar { - width: 250px; - height: 100vh; - position: sticky; - top: 0; - } - - .top-row { - position: sticky; - top: 0; - z-index: 1; - } - - .top-row.auth ::deep a:first-child { - flex: 1; - text-align: right; - width: 0; - } - - .top-row, article { - padding-left: 2rem !important; - padding-right: 1.5rem !important; - } -} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor deleted file mode 100644 index 548e2130c4..0000000000 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor +++ /dev/null @@ -1,39 +0,0 @@ -
-
- SkiaSharp on Blazor - -
-
- -
- -
- -@code { - private bool collapseNavMenu = true; - - private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; - - private void ToggleNavMenu() - { - collapseNavMenu = !collapseNavMenu; - } -} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor.css deleted file mode 100644 index 881d128a5f..0000000000 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Layout/NavMenu.razor.css +++ /dev/null @@ -1,83 +0,0 @@ -.navbar-toggler { - background-color: rgba(255, 255, 255, 0.1); -} - -.top-row { - height: 3.5rem; - background-color: rgba(0,0,0,0.4); -} - -.navbar-brand { - font-size: 1.1rem; -} - -.bi { - display: inline-block; - position: relative; - width: 1.25rem; - height: 1.25rem; - margin-right: 0.75rem; - top: -1px; - background-size: cover; -} - -.bi-house-door-fill-nav-menu { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); -} - -.bi-plus-square-fill-nav-menu { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); -} - -.bi-list-nested-nav-menu { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); -} - -.nav-item { - font-size: 0.9rem; - padding-bottom: 0.5rem; -} - - .nav-item:first-of-type { - padding-top: 1rem; - } - - .nav-item:last-of-type { - padding-bottom: 1rem; - } - - .nav-item ::deep a { - color: #d7d7d7; - border-radius: 4px; - height: 3rem; - display: flex; - align-items: center; - line-height: 3rem; - } - -.nav-item ::deep a.active { - background-color: rgba(255,255,255,0.37); - color: white; -} - -.nav-item ::deep a:hover { - background-color: rgba(255,255,255,0.1); - color: white; -} - -@media (min-width: 641px) { - .navbar-toggler { - display: none; - } - - .collapse { - /* Never collapse the sidebar for wide screens */ - display: block; - } - - .nav-scrollable { - /* Allow sidebar to scroll for tall menus */ - height: calc(100vh - 3.5rem); - overflow-y: auto; - } -} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor new file mode 100644 index 0000000000..16cc821649 --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor @@ -0,0 +1,199 @@ +@page "/drawing" +@implements IDisposable + +@* Drawing Canvas Demo + Demonstrates SKCanvasView with pointer events, wheel delta for + brush size control, and basic stroke rendering. + Shows multi-stroke drawing with color picker and on-demand rendering + via manual Invalidate() (no render loop). *@ + +
+ + + + + +
+
+ @foreach (var (name, darkName, color, darkColor) in colors) + { + var c = _isDarkMode ? darkColor : color; + var css = _isDarkMode ? darkName : name; +
+ } +
+
+ + @($"{brushSize:F0}") +
+
+ +
+ +@code { + + [CascadingParameter(Name = "IsDarkMode")] + bool _isDarkMode { get; set; } + + bool _prevDarkMode; + SKCanvasView skiaView = null!; + float brushSize = 4f; + SKColor currentColor = SKColors.Black; + List strokes = []; + DrawingStroke? currentStroke = null; + SKPoint lastPoint; + + protected override void OnParametersSet() + { + if (_prevDarkMode != _isDarkMode) + { + _prevDarkMode = _isDarkMode; + // Swap the default color when toggling themes + if (_isDarkMode && currentColor == SKColors.Black) + currentColor = SKColors.White; + else if (!_isDarkMode && currentColor == SKColors.White) + currentColor = SKColors.Black; + skiaView?.Invalidate(); + } + } + + // The paint that is reused for drawing strokes. + readonly SKPaint strokePaint = new() + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + // Colors with light and dark variants — brighter in dark mode for visibility. + // Matches the Android Material 3 drawing palette. + static readonly (string Name, string DarkName, SKColor Color, SKColor DarkColor)[] colors = + { + ("#000000", "#FFFFFF", new SKColor(0x00, 0x00, 0x00), new SKColor(0xFF, 0xFF, 0xFF)), + ("#E53935", "#EF5350", new SKColor(0xE5, 0x39, 0x35), new SKColor(0xEF, 0x53, 0x50)), + ("#1E88E5", "#42A5F5", new SKColor(0x1E, 0x88, 0xE5), new SKColor(0x42, 0xA5, 0xF5)), + ("#43A047", "#66BB6A", new SKColor(0x43, 0xA0, 0x47), new SKColor(0x66, 0xBB, 0x6A)), + ("#FB8C00", "#FFA726", new SKColor(0xFB, 0x8C, 0x00), new SKColor(0xFF, 0xA7, 0x26)), + ("#8E24AA", "#AB47BC", new SKColor(0x8E, 0x24, 0xAA), new SKColor(0xAB, 0x47, 0xBC)), + }; + + SKColor CanvasBackground => _isDarkMode ? new SKColor(0x11, 0x13, 0x18) : SKColors.White; + + void OnPaintSurface(SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + + canvas.Clear(CanvasBackground); + + // Draw completed strokes. + foreach (var stroke in strokes) + { + strokePaint.Color = stroke.Color; + strokePaint.StrokeWidth = stroke.StrokeWidth; + canvas.DrawPath(stroke.Path, strokePaint); + } + + // Draw in-progress stroke. + if (currentStroke is not null) + { + strokePaint.Color = currentStroke.Color; + strokePaint.StrokeWidth = currentStroke.StrokeWidth; + canvas.DrawPath(currentStroke.Path, strokePaint); + } + + // Brush size indicator at last pointer position. + strokePaint.Color = SKColors.Gray; + strokePaint.StrokeWidth = 1; + canvas.DrawCircle(lastPoint, brushSize / 2f, strokePaint); + } + + void OnPointerDown(PointerEventArgs e) + { + if (!e.IsPrimary) + return; + lastPoint = new SKPoint((float)e.OffsetX, (float)e.OffsetY); + currentStroke = new DrawingStroke(new(), currentColor, brushSize); + currentStroke.Path.MoveTo(lastPoint); + skiaView.Invalidate(); + } + + void OnPointerMove(PointerEventArgs e) + { + if (!e.IsPrimary) + return; + lastPoint = new SKPoint((float)e.OffsetX, (float)e.OffsetY); + if (currentStroke is not null) + currentStroke.Path.LineTo(lastPoint); + skiaView.Invalidate(); + } + + void OnPointerUp(PointerEventArgs e) + { + if (!e.IsPrimary) + return; + if (currentStroke is not null) + { + strokes.Add(currentStroke); + currentStroke = null; + skiaView.Invalidate(); + } + } + + void OnWheel(WheelEventArgs e) + { + // DeltaY > 0 = scroll down = decrease brush size; DeltaY < 0 = scroll up = increase. + // Normalize ~100 CSS pixels per notch to ~1px brush change per notch. + brushSize -= (float)(e.DeltaY / 100.0); + brushSize = Math.Clamp(brushSize, 1f, 50f); + StateHasChanged(); + } + + void OnSliderInput(ChangeEventArgs e) + { + if (float.TryParse(e.Value?.ToString(), out var val)) + { + brushSize = val; + StateHasChanged(); + } + } + + void SetColor(SKColor color) + { + currentColor = color; + skiaView.Invalidate(); + StateHasChanged(); + } + + void ClearCanvas() + { + foreach (var stroke in strokes) + { + stroke.Path.Dispose(); + } + strokes.Clear(); + currentStroke?.Path.Dispose(); + currentStroke = null; + skiaView.Invalidate(); + StateHasChanged(); + } + + // Represents a single drawing stroke with its path, color, and width. + // Path is owned — callers must dispose when removing strokes. + record DrawingStroke(SKPath Path, SKColor Color, float StrokeWidth = 4); + + public void Dispose() + { + foreach (var stroke in strokes) + stroke.Path.Dispose(); + strokes.Clear(); + currentStroke?.Path.Dispose(); + currentStroke = null; + strokePaint?.Dispose(); + } +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor.css new file mode 100644 index 0000000000..0dbb459ac9 --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Drawing.razor.css @@ -0,0 +1,90 @@ +.canvas-container { + position: relative; + overflow: hidden; +} + +.clear-btn { + position: absolute; + top: 12px; + right: 12px; + z-index: 1; + background: var(--pill-bg); + border: 1px solid var(--pill-border); + border-radius: 24px; + padding: 6px 20px; + backdrop-filter: blur(8px); + color: var(--pill-text); + font-size: 0.85rem; + font-weight: 500; + cursor: pointer; + transition: background 0.2s; +} + +.clear-btn:hover { + background: rgba(0,0,0,0.85); +} + +.overlay-toolbar { + position: absolute; + bottom: 16px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 12px; + z-index: 1; + background: var(--pill-bg); + border: 1px solid var(--pill-border); + border-radius: 28px; + padding: 14px 24px; + backdrop-filter: blur(8px); +} + +.swatch-row { + display: flex; + gap: 14px; + align-items: center; +} + +.color-swatch { + width: 32px; + height: 32px; + border-radius: 50%; + cursor: pointer; + border: 2px solid transparent; + transition: transform 0.2s, box-shadow 0.2s; +} + +.color-swatch:hover { + transform: scale(1.15); +} + +.color-swatch.selected { + transform: scale(1.3); + border-color: transparent; + box-shadow: 0 0 0 2px rgba(255,255,255,0.8); +} + +.slider-row { + display: flex; + align-items: center; + gap: 10px; + width: 100%; +} + +.brush-slider { + flex: 1; + min-width: 160px; + accent-color: white; + cursor: pointer; +} + +.size-label { + color: var(--pill-text); + font-size: 0.8rem; + font-weight: 500; + font-variant-numeric: tabular-nums; + min-width: 24px; + text-align: right; +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor index 25097e87bb..579fd9741e 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor @@ -1,101 +1,200 @@ -@page "/gpu" +@page "/gpu" +@implements IDisposable -

GPU (WebGL) Canvas

+@* GPU Canvas Demo + Demonstrates SKGLView with EnableRenderLoop for continuous animation, + SKRuntimeEffect.BuildShader() for compiling SkSL shaders, and + touch interaction via uniforms. The entire visual is rendered in SkSL — + no C# draw calls. C# only handles touch input and passes uniforms. *@ -

The canvas below is using WebGL. See the great FPS!

+
-
-
-
+ - - -
+
+ FPS: @($"{displayFps:F0}")
+
@code { - int tickIndex = 0; - long tickSum = 0; - long[] tickList = new long[100]; - long lastTick = DateTimeOffset.UtcNow.ToUnixTimeMilliseconds(); - void OnPaintSurface(SKPaintGLSurfaceEventArgs e) + // SkSL shader source: a "lava lamp" metaball effect. + // 6 colored blobs orbit on Lissajous curves. When the user touches, + // an extra white-hot blob appears at the touch position and merges + // with the others. All rendering is per-pixel in the shader. + const string sksl = @" + // Uniforms passed from C# each frame + uniform float iTime; // elapsed seconds + uniform float2 iResolution; // canvas size in pixels + uniform float2 iTouchPos; // touch position normalized 0..1 + uniform float iTouchActive; // 1.0 when touching, 0.0 otherwise + uniform float3 iColors[6]; // blob color palette + + half4 main(float2 fragCoord) { + // Convert pixel coords to normalized UV and aspect-corrected coords + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + + // Metaball field: accumulate 1/r² contributions from each blob. + // 'weighted' tracks color contribution weighted by field strength. + float field = 0.0; + float3 weighted = float3(0.0); + + // Each blob orbits on a Lissajous curve with unique phase and speed + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; // evenly spaced: 2*pi/6 + float speed = 0.3 + fi * 0.07; + + // Lissajous orbit center + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + + // Metaball field: strength falls off as 1/r², creating smooth merging + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + + // Touch interaction: add an extra, larger blob at the touch position + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + // white-hot touch blob + weighted += float3(1.0, 0.95, 0.9) * strength; + } + + // Normalize accumulated color by field strength for smooth blending + float3 blobColor = weighted / max(field, 0.001); + + // Threshold the field into blob edges with smooth falloff + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + + // Subtly animated dark background + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + + // Outer glow: visible between the halo and solid edge + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + + // Composite: background + halo + solid blobs with inner glow + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + + // Vignette: darken corners for depth + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + + return half4(clamp(result, 0.0, 1.0), 1.0); + } + "; + + static readonly float[] blobColors = { - // the the canvas and properties - var canvas = e.Surface.Canvas; + 1.0f, 0.3f, 0.4f, // hot pink + 0.3f, 0.7f, 1.0f, // sky blue + 1.0f, 0.6f, 0.1f, // orange + 0.4f, 1.0f, 0.7f, // mint + 0.7f, 0.3f, 1.0f, // purple + 1.0f, 0.9f, 0.2f, // yellow + }; + + // SKRuntimeShaderBuilder: compiled once via BuildShader(), then reused. + // Each frame we update uniforms and call Build() to get a new SKShader. + Lazy shaderBuilder = new(() => SKRuntimeEffect.BuildShader(sksl)); + + readonly FpsCounter fpsCounter = new(); - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - using var paint = new SKPaint - { - IsAntialias = true, - StrokeWidth = 5f, - StrokeCap = SKStrokeCap.Round - }; - using var font = new SKFont - { - Size = 24 - }; - - var surfaceSize = e.Info.Size; - var clockSize = Math.Min(surfaceSize.Width, surfaceSize.Height) * 0.4f; - var center = new SKPoint(surfaceSize.Width / 2f, surfaceSize.Height / 2f); - var now = DateTime.Now; - var fps = GetCurrentFPS(); - - // draw the fps counter - canvas.DrawText($"{fps:0.00}fps", surfaceSize.Width / 2, surfaceSize.Height - 10f, SKTextAlign.Center, font, paint); - - // draw the clock - canvas.RotateDegrees(-90f, center.X, center.Y); - - // hours - paint.StrokeWidth = 3f; - canvas.Save(); - canvas.Translate(center); - canvas.RotateDegrees(360f * (now.Hour / 12f)); - canvas.DrawLine(0, 0, clockSize * 0.4f, 0, paint); - canvas.Restore(); - - // minutes - paint.StrokeWidth = 2f; - canvas.Save(); - canvas.Translate(center); - canvas.RotateDegrees(360f * (now.Minute / 60f)); - canvas.DrawLine(0, 0, clockSize * 0.6f, 0, paint); - canvas.Restore(); - - // seconds - paint.StrokeWidth = 1f; - canvas.Save(); - canvas.Translate(center); - canvas.RotateDegrees(360f * ((now.Second * 1000f + now.Millisecond) / 1000f / 60f)); - canvas.DrawLine(0, 0, clockSize * 0.8f, 0, paint); - canvas.Restore(); - - // center - canvas.DrawCircle(center, 10f, paint); - - // border - paint.Style = SKPaintStyle.Stroke; - canvas.DrawCircle(center, clockSize * 0.9f, paint); + // The paint that is reused for drawing the shader quad. + readonly SKPaint shaderPaint = new(); + + // Touch state passed to the shader as uniforms. + SKPoint touchPos; + bool touchActive; + + // FPS display value, updated each sampling interval. + double displayFps; + + protected override void OnInitialized() + { + fpsCounter.Start(); } - double GetCurrentFPS() + // Handle pointer down: start tracking touch position. + void OnPointerDown(PointerEventArgs e) { - var newTick = DateTimeOffset.UtcNow.ToUnixTimeMilliseconds(); - var delta = newTick - lastTick; - lastTick = newTick; + if (!e.IsPrimary) + return; + touchPos = new SKPoint((float)e.OffsetX, (float)e.OffsetY); + touchActive = true; + } - tickSum -= tickList[tickIndex]; - tickSum += delta; - tickList[tickIndex] = delta; + // Handle pointer move: update touch position while pointer is pressed. + void OnPointerMove(PointerEventArgs e) + { + if (!e.IsPrimary || e.Buttons == 0) + return; + touchPos = new SKPoint((float)e.OffsetX, (float)e.OffsetY); + } + + // Handle pointer up: clear touch state. + void OnPointerUp(PointerEventArgs e) + { + if (!e.IsPrimary) + return; + touchActive = false; + } - if (++tickIndex == tickList.Length) - tickIndex = 0; + // Called every frame by SKGLView's render loop. + void OnPaintSurface(SKPaintGLSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + + // Update uniforms — no allocations, reuses the builder's internal storage. + var builder = shaderBuilder.Value; + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { width, height }; + builder.Uniforms["iTouchPos"] = new float[] { + touchActive ? touchPos.X / width : -1f, + touchActive ? touchPos.Y / height : -1f + }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + // Build() creates a shader from cached effect + current uniforms. + // Draw a full-screen quad to run the shader on every pixel. + using var shader = builder.Build(); + shaderPaint.Shader = shader; + canvas.DrawRect(0, 0, width, height, shaderPaint); + + if (fpsCounter.Tick() is double fps) + { + displayFps = fps; + _ = InvokeAsync(StateHasChanged); + } + } - return 1000.0 / ((double)tickSum / tickList.Length); + public void Dispose() + { + if (shaderBuilder?.IsValueCreated == true) + shaderBuilder.Value.Dispose(); + shaderPaint?.Dispose(); } } diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor.css new file mode 100644 index 0000000000..6c31c60166 --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/GPU.razor.css @@ -0,0 +1,20 @@ +.canvas-container { + position: relative; +} + +.overlay-stats { + position: absolute; + top: 12px; + left: 50%; + transform: translateX(-50%); + z-index: 1; + background: var(--pill-bg); + border: 1px solid var(--pill-border); + border-radius: 24px; + padding: 6px 20px; + backdrop-filter: blur(8px); + color: var(--pill-text); + font-size: 0.85rem; + font-weight: 500; + font-variant-numeric: tabular-nums; +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Home.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Home.razor index 2011a936c5..bbbf9254aa 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Home.razor +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Home.razor @@ -1,44 +1,85 @@ -@page "/" +@page "/" -

SkiaSharp

+@inject HttpClient Http -

SkiaSharp is a cross-platform 2D graphics API for .NET platforms based on Google's Skia Graphics Library. It provides a comprehensive 2D API that can be used across mobile, server and desktop models to render images.

+@* Home Page + Demonstrates basic SKCanvasView usage with gradients, shapes, and text. + Shows SKShader.CreateRadialGradient, DrawCircle, DrawText, and SKFont. *@ -
-
-
+
- + -
-
@code { + static SKTypeface? notoSans; + + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + protected override async Task OnInitializedAsync() + { + if (notoSans != null) + return; + + var fontBytes = await Http.GetByteArrayAsync("fonts/NotoSans-Regular.ttf"); + using var stream = new MemoryStream(fontBytes); + notoSans = SKTypeface.FromStream(stream); + } + void OnPaintSurface(SKPaintSurfaceEventArgs e) { - // the the canvas and properties var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; - // make sure the canvas is blank canvas.Clear(SKColors.White); - // decide what the text looks like - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - - // draw some text - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } + // Background gradient + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + // Circles + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + // Centered text + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont(notoSans, width * 0.12f); + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } } diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Raster.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Raster.razor deleted file mode 100644 index 60909cce04..0000000000 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Pages/Raster.razor +++ /dev/null @@ -1,84 +0,0 @@ -@page "/raster" - -

Raster (Bitmap) Canvas

- -

The canvas below is using pixels in memory. Click and drag to draw a line.

- -
-
-
- - - -
-
-
- -@code { - SKCanvasView skiaView = null!; - SKPath? drawing; - - void OnPaintSurface(SKPaintSurfaceEventArgs e) - { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // decide what the text looks like - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - - // draw some text - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - - // draw the path - if (drawing != null) - { - paint.Style = SKPaintStyle.Stroke; - paint.StrokeWidth = 5; - - canvas.DrawPath(drawing, paint); - } - } - - void OnPointerDown(PointerEventArgs e) - { - var touchLocation = new SKPoint((float)e.OffsetX, (float)e.OffsetY); - - drawing = new SKPath(); - drawing.MoveTo(touchLocation); - - skiaView.Invalidate(); - } - - void OnPointerMove(PointerEventArgs e) - { - if (drawing is null) - return; - - var touchLocation = new SKPoint((float)e.OffsetX, (float)e.OffsetY); - drawing.LineTo(touchLocation); - - skiaView.Invalidate(); - } - - void OnPointerUp(PointerEventArgs e) - { - drawing = null; - - skiaView.Invalidate(); - } -} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Program.cs b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Program.cs index 0fcc8be8ee..e04d76d38f 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Program.cs +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/Program.cs @@ -1,5 +1,6 @@ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; +using MudBlazor.Services; using SkiaSharpSample; var builder = WebAssemblyHostBuilder.CreateDefault(args); @@ -8,5 +9,14 @@ builder.RootComponents.Add("head::after"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); +builder.Services.AddMudServices(); await builder.Build().RunAsync(); + +/// +/// Partial program class exposing the setting. +/// +public partial class Program +{ + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SamplePage.cs b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..0948902a3d --- /dev/null +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,11 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + Gpu, + Drawing, +} diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SkiaSharpSample.csproj b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SkiaSharpSample.csproj index c0c6c183b7..b774609638 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SkiaSharpSample.csproj +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/SkiaSharpSample.csproj @@ -15,6 +15,7 @@ + diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/_Imports.razor b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/_Imports.razor index faf946fb44..7f211393f0 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/_Imports.razor +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/_Imports.razor @@ -8,5 +8,6 @@ @using Microsoft.JSInterop @using SkiaSharp @using SkiaSharp.Views.Blazor +@using MudBlazor @using SkiaSharpSample @using SkiaSharpSample.Layout diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/app.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/app.css index e9c2cb2d06..6765280890 100644 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/app.css +++ b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/app.css @@ -1,39 +1,17 @@ -html, body { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -} - -h1:focus { - outline: none; -} - -a, .btn-link { - color: #0071c1; -} - -.btn-primary { - color: #fff; - background-color: #1b6ec2; - border-color: #1861ac; -} - -.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { - box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; +:root { + --pill-bg: rgba(0,0,0,0.75); + --pill-border: rgba(255,255,255,0.15); + --pill-text: #ffffff; } -.content { - padding-top: 1.1rem; -} - -.valid.modified:not([type=checkbox]) { - outline: 1px solid #26b050; -} - -.invalid { - outline: 1px solid red; +html, body { + height: 100%; + margin: 0; + overflow: hidden; } -.validation-message { - color: red; +#app { + height: 100%; } #blazor-error-ui { @@ -98,16 +76,13 @@ a, .btn-link { content: var(--blazor-load-percentage-text, "Loading"); } -code { - color: #c02d76; -} - - .canvas-container { line-height: 1; + flex: 1; + min-height: 0; } .canvas-container canvas { width: 100%; - height: 300px; + height: 100%; } diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css deleted file mode 100644 index 02ae65b5fe..0000000000 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css +++ /dev/null @@ -1,7 +0,0 @@ -@charset "UTF-8";/*! - * Bootstrap v5.1.0 (https://getbootstrap.com/) - * Copyright 2011-2021 The Bootstrap Authors - * Copyright 2011-2021 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-rgb:33,37,41;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} -/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css.map b/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css.map deleted file mode 100644 index afcd9e33e9..0000000000 --- a/samples/Basic/BlazorWebAssembly/SkiaSharpSample/wwwroot/css/bootstrap/bootstrap.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../scss/bootstrap.scss","../../scss/_root.scss","../../scss/_reboot.scss","dist/css/bootstrap.css","../../scss/vendor/_rfs.scss","../../scss/mixins/_border-radius.scss","../../scss/_type.scss","../../scss/mixins/_lists.scss","../../scss/_images.scss","../../scss/mixins/_image.scss","../../scss/_containers.scss","../../scss/mixins/_container.scss","../../scss/mixins/_breakpoints.scss","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/_tables.scss","../../scss/mixins/_table-variants.scss","../../scss/forms/_labels.scss","../../scss/forms/_form-text.scss","../../scss/forms/_form-control.scss","../../scss/mixins/_transition.scss","../../scss/mixins/_gradients.scss","../../scss/forms/_form-select.scss","../../scss/forms/_form-check.scss","../../scss/forms/_form-range.scss","../../scss/forms/_floating-labels.scss","../../scss/forms/_input-group.scss","../../scss/mixins/_forms.scss","../../scss/_buttons.scss","../../scss/mixins/_buttons.scss","../../scss/_transitions.scss","../../scss/_dropdown.scss","../../scss/mixins/_caret.scss","../../scss/_button-group.scss","../../scss/_nav.scss","../../scss/_navbar.scss","../../scss/_card.scss","../../scss/_accordion.scss","../../scss/_breadcrumb.scss","../../scss/_pagination.scss","../../scss/mixins/_pagination.scss","../../scss/_badge.scss","../../scss/_alert.scss","../../scss/mixins/_alert.scss","../../scss/_progress.scss","../../scss/_list-group.scss","../../scss/mixins/_list-group.scss","../../scss/_close.scss","../../scss/_toasts.scss","../../scss/_modal.scss","../../scss/mixins/_backdrop.scss","../../scss/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/_popover.scss","../../scss/_carousel.scss","../../scss/mixins/_clearfix.scss","../../scss/_spinners.scss","../../scss/_offcanvas.scss","../../scss/_placeholders.scss","../../scss/helpers/_colored-links.scss","../../scss/helpers/_ratio.scss","../../scss/helpers/_position.scss","../../scss/helpers/_stacks.scss","../../scss/helpers/_visually-hidden.scss","../../scss/mixins/_visually-hidden.scss","../../scss/helpers/_stretched-link.scss","../../scss/helpers/_text-truncation.scss","../../scss/mixins/_text-truncate.scss","../../scss/helpers/_vr.scss","../../scss/mixins/_utilities.scss","../../scss/utilities/_api.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap v5.1.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n",":root {\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Colors\n //\n // Generate palettes for full colors, grays, and theme colors.\n\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$variable-prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$variable-prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$variable-prefix}white-rgb: #{to-rgb($white)};\n --#{$variable-prefix}black-rgb: #{to-rgb($black)};\n --#{$variable-prefix}body-rgb: #{to-rgb($body-color)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n\n // Root and body\n // stylelint-disable custom-property-empty-line-before\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$variable-prefix}root-font-size: #{$font-size-root};\n }\n --#{$variable-prefix}body-font-family: #{$font-family-base};\n --#{$variable-prefix}body-font-size: #{$font-size-base};\n --#{$variable-prefix}body-font-weight: #{$font-weight-base};\n --#{$variable-prefix}body-line-height: #{$line-height-base};\n --#{$variable-prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$variable-prefix}body-text-align: #{$body-text-align};\n }\n --#{$variable-prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n // stylelint-enable custom-property-empty-line-before\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n @if $font-size-root != null {\n font-size: var(--#{$variable-prefix}-root-font-size);\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n margin: 0; // 1\n font-family: var(--#{$variable-prefix}body-font-family);\n @include font-size(var(--#{$variable-prefix}body-font-size));\n font-weight: var(--#{$variable-prefix}body-font-weight);\n line-height: var(--#{$variable-prefix}body-line-height);\n color: var(--#{$variable-prefix}body-color);\n text-align: var(--#{$variable-prefix}body-text-align);\n background-color: var(--#{$variable-prefix}body-bg); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`

+ diff --git a/samples/Basic/BlazorWebAssembly/screenshots/cpu.png b/samples/Basic/BlazorWebAssembly/screenshots/cpu.png new file mode 100644 index 0000000000..7be28d84ca Binary files /dev/null and b/samples/Basic/BlazorWebAssembly/screenshots/cpu.png differ diff --git a/samples/Basic/BlazorWebAssembly/screenshots/drawing-dark.png b/samples/Basic/BlazorWebAssembly/screenshots/drawing-dark.png new file mode 100644 index 0000000000..1fe690fb4d Binary files /dev/null and b/samples/Basic/BlazorWebAssembly/screenshots/drawing-dark.png differ diff --git a/samples/Basic/BlazorWebAssembly/screenshots/drawing-light.png b/samples/Basic/BlazorWebAssembly/screenshots/drawing-light.png new file mode 100644 index 0000000000..98924bfa94 Binary files /dev/null and b/samples/Basic/BlazorWebAssembly/screenshots/drawing-light.png differ diff --git a/samples/Basic/BlazorWebAssembly/screenshots/gpu.png b/samples/Basic/BlazorWebAssembly/screenshots/gpu.png new file mode 100644 index 0000000000..b2974bdf5e Binary files /dev/null and b/samples/Basic/BlazorWebAssembly/screenshots/gpu.png differ diff --git a/samples/Basic/BrowserWebAssembly/README.md b/samples/Basic/BrowserWebAssembly/README.md new file mode 100644 index 0000000000..d43d0739b1 --- /dev/null +++ b/samples/Basic/BrowserWebAssembly/README.md @@ -0,0 +1,18 @@ +# SkiaSharp Browser WebAssembly Sample + +Demonstrates using SkiaSharp in the browser via WebAssembly. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- WebAssembly tools workload: `dotnet workload install wasm-tools` + +## Running the Sample + +Build and run: + +```bash +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +Then open `http://localhost:5000` in a browser. diff --git a/samples/Basic/BrowserWebAssembly/SkiaSharpSample/Program.cs b/samples/Basic/BrowserWebAssembly/SkiaSharpSample/Program.cs index 101c717dda..7733b36db0 100644 --- a/samples/Basic/BrowserWebAssembly/SkiaSharpSample/Program.cs +++ b/samples/Basic/BrowserWebAssembly/SkiaSharpSample/Program.cs @@ -4,11 +4,11 @@ Console.WriteLine("Hello, Browser!"); Console.WriteLine("Your platform color type is " + SKImageInfo.PlatformColorType); -// crate a surface +// create a surface var info = new SKImageInfo(256, 256); using var bitmap = new SKBitmap(info); -// the the canvas and properties +// get the canvas and properties using var canvas = new SKCanvas(bitmap); // make sure the canvas is blank @@ -17,13 +17,13 @@ // draw some text using var paint = new SKPaint { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill + Color = SKColors.Black, + IsAntialias = true, + Style = SKPaintStyle.Fill }; using var font = new SKFont { - Size = 24 + Size = 24 }; var coord = new SKPoint(info.Width / 2, (info.Height + font.Size) / 2); canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); @@ -33,6 +33,6 @@ partial class Renderer { - [JSImport("renderer.render", "main.js")] - internal static partial void Render(int width, int height, [JSMarshalAs] Span buffer); + [JSImport("renderer.render", "main.js")] + internal static partial void Render(int width, int height, [JSMarshalAs] Span buffer); } diff --git a/samples/Basic/Console/README.md b/samples/Basic/Console/README.md new file mode 100644 index 0000000000..dea172837d --- /dev/null +++ b/samples/Basic/Console/README.md @@ -0,0 +1,17 @@ +# SkiaSharp Console Sample + +Demonstrates using SkiaSharp to generate images from a console application. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later + +## Running the Sample + +Build and run: + +```bash +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +The sample generates an image file in the current directory. diff --git a/samples/Basic/Console/SkiaSharpSample/Program.cs b/samples/Basic/Console/SkiaSharpSample/Program.cs index 4fa249391b..c09c2155b6 100644 --- a/samples/Basic/Console/SkiaSharpSample/Program.cs +++ b/samples/Basic/Console/SkiaSharpSample/Program.cs @@ -3,44 +3,43 @@ using SkiaSharp; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +class Program { - class Program + static void Main(string[] args) { - static void Main(string[] args) + Console.WriteLine("Hello World!"); + Console.WriteLine("Your platform color type is " + SKImageInfo.PlatformColorType); + + // create a surface + var info = new SKImageInfo(256, 256); + using var surface = SKSurface.Create(info); + + // get the canvas and properties + var canvas = surface.Canvas; + + // make sure the canvas is blank + canvas.Clear(SKColors.White); + + // draw some text + using var paint = new SKPaint + { + Color = SKColors.Black, + IsAntialias = true, + Style = SKPaintStyle.Fill + }; + using var font = new SKFont { - Console.WriteLine("Hello World!"); - Console.WriteLine("Your platform color type is " + SKImageInfo.PlatformColorType); - - // crate a surface - var info = new SKImageInfo(256, 256); - using var surface = SKSurface.Create(info); - - // the the canvas and properties - var canvas = surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(info.Width / 2, (info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - - // save the file - using var image = surface.Snapshot(); - using var data = image.Encode(SKEncodedImageFormat.Png, 100); - using var stream = File.OpenWrite("output.png"); - data.SaveTo(stream); - } + Size = 24 + }; + var coord = new SKPoint(info.Width / 2, (info.Height + font.Size) / 2); + canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); + + // save the file + using var image = surface.Snapshot(); + using var data = image.Encode(SKEncodedImageFormat.Png, 100); + using var stream = File.OpenWrite("output.png"); + data.SaveTo(stream); } } diff --git a/samples/Basic/Docker/Console/SkiaSharpSample/Program.cs b/samples/Basic/Docker/Console/SkiaSharpSample/Program.cs index a4ad9a1043..2ddf0058f8 100644 --- a/samples/Basic/Docker/Console/SkiaSharpSample/Program.cs +++ b/samples/Basic/Docker/Console/SkiaSharpSample/Program.cs @@ -2,13 +2,12 @@ using SkiaSharp; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +class Program { - class Program - { - static void Main(string[] args) - { - Console.WriteLine("Platform Color Type: " + SKImageInfo.PlatformColorType); - } - } + static void Main(string[] args) + { + Console.WriteLine("Platform Color Type: " + SKImageInfo.PlatformColorType); + } } diff --git a/samples/Basic/Docker/README.md b/samples/Basic/Docker/README.md new file mode 100644 index 0000000000..71756626ec --- /dev/null +++ b/samples/Basic/Docker/README.md @@ -0,0 +1,18 @@ +# SkiaSharp Docker Sample + +Demonstrates using SkiaSharp in a Docker container. + +## Requirements + +- [Docker](https://docs.docker.com/get-docker/) + +## Running the Sample + +Build and run: + +```bash +cd WebApi +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +Then open `http://localhost:5000/api/images` in a browser. diff --git a/samples/Basic/Docker/WebApi/SkiaSharpSample/Controllers/Images.cs b/samples/Basic/Docker/WebApi/SkiaSharpSample/Controllers/Images.cs index eb9ac0a814..f5bf1a6ef4 100644 --- a/samples/Basic/Docker/WebApi/SkiaSharpSample/Controllers/Images.cs +++ b/samples/Basic/Docker/WebApi/SkiaSharpSample/Controllers/Images.cs @@ -1,73 +1,66 @@ -using System.Collections.Generic; -using Microsoft.AspNetCore.Mvc; +using Microsoft.AspNetCore.Mvc; using Microsoft.Extensions.Logging; using SkiaSharp; -namespace SkiaSharpSample.Controllers +namespace SkiaSharpSample.Controllers; + +[Route("api/[controller]")] +[ApiController] +public class ImagesController : ControllerBase { - [Route("api/[controller]")] - [ApiController] - public class ImagesController : ControllerBase + private readonly ILogger logger; + + public ImagesController(ILogger logger) { - private readonly ILogger logger; + this.logger = logger; + } - public ImagesController(ILogger logger) - { - this.logger = logger; - } + // GET api/images + [HttpGet] + public IActionResult Get() + { + using var image = CreateImage("SkiaSharp"); + return File(image.ToArray(), "image/png"); + } - // GET api/images - [HttpGet] - public ActionResult> Get() - { - using (var image = CreateImage("SkiaSharp")) - { - return File(image.ToArray(), "image/png"); - } - } + // GET api/images/text + [HttpGet("{text}")] + public IActionResult Get(string text) + { + using var image = CreateImage(text ?? "SkiaSharp"); + return File(image.ToArray(), "image/png"); + } - // GET api/image/text - [HttpGet("{text}")] - public ActionResult Get(string text) - { - using (var image = CreateImage(text ?? "SkiaSharp")) - { - return File(image.ToArray(), "image/png"); - } - } + private SKData CreateImage(string text) + { + logger.LogInformation($"Creating image with text: {text}"); - private SKData CreateImage(string text) - { - logger.LogInformation($"Creating image with text: {text}"); + // create a surface + var info = new SKImageInfo(256, 256); + using var surface = SKSurface.Create(info); - // create a surface - var info = new SKImageInfo(256, 256); - using (var surface = SKSurface.Create(info)) - { - // the the canvas and properties - var canvas = surface.Canvas; + // get the canvas and properties + var canvas = surface.Canvas; - // make sure the canvas is blank - canvas.Clear(SKColors.White); + // make sure the canvas is blank + canvas.Clear(SKColors.White); - // draw some text - var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill, - TextAlign = SKTextAlign.Center, - TextSize = 24 - }; - var coord = new SKPoint(info.Width / 2, (info.Height + paint.TextSize) / 2); - canvas.DrawText(text, coord, paint); + // draw some text + using var paint = new SKPaint + { + Color = SKColors.Black, + IsAntialias = true, + Style = SKPaintStyle.Fill + }; + using var font = new SKFont + { + Size = 24 + }; + var coord = new SKPoint(info.Width / 2, (info.Height + font.Size) / 2); + canvas.DrawText(text, coord, SKTextAlign.Center, font, paint); - // retrieve the encoded image - using (var image = surface.Snapshot()) - { - return image.Encode(SKEncodedImageFormat.Png, 100); - } - } - } + // retrieve the encoded image + using var image = surface.Snapshot(); + return image.Encode(SKEncodedImageFormat.Png, 100); } } diff --git a/samples/Basic/Docker/WebApi/SkiaSharpSample/Program.cs b/samples/Basic/Docker/WebApi/SkiaSharpSample/Program.cs index 153ed49334..5be340c952 100644 --- a/samples/Basic/Docker/WebApi/SkiaSharpSample/Program.cs +++ b/samples/Basic/Docker/WebApi/SkiaSharpSample/Program.cs @@ -1,17 +1,16 @@ using Microsoft.AspNetCore; using Microsoft.AspNetCore.Hosting; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +public class Program { - public class Program + public static void Main(string[] args) { - public static void Main(string[] args) - { - CreateWebHostBuilder(args).Build().Run(); - } - - public static IWebHostBuilder CreateWebHostBuilder(string[] args) => - WebHost.CreateDefaultBuilder(args) - .UseStartup(); + CreateWebHostBuilder(args).Build().Run(); } + + public static IWebHostBuilder CreateWebHostBuilder(string[] args) => + WebHost.CreateDefaultBuilder(args) + .UseStartup(); } diff --git a/samples/Basic/Docker/WebApi/SkiaSharpSample/Startup.cs b/samples/Basic/Docker/WebApi/SkiaSharpSample/Startup.cs index b895a1777e..be83e80cdd 100644 --- a/samples/Basic/Docker/WebApi/SkiaSharpSample/Startup.cs +++ b/samples/Basic/Docker/WebApi/SkiaSharpSample/Startup.cs @@ -4,39 +4,38 @@ using Microsoft.Extensions.DependencyInjection; using Microsoft.Extensions.Hosting; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +public class Startup { - public class Startup + public Startup(IConfiguration configuration) { - public Startup(IConfiguration configuration) - { - Configuration = configuration; - } + Configuration = configuration; + } - public IConfiguration Configuration { get; } + public IConfiguration Configuration { get; } - // This method gets called by the runtime. Use this method to add services to the container. - public void ConfigureServices(IServiceCollection services) - { - services.AddControllers(); - } + // This method gets called by the runtime. Use this method to add services to the container. + public void ConfigureServices(IServiceCollection services) + { + services.AddControllers(); + } - // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. - public void Configure(IApplicationBuilder app, IWebHostEnvironment env) + // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. + public void Configure(IApplicationBuilder app, IWebHostEnvironment env) + { + if (env.IsDevelopment()) { - if (env.IsDevelopment()) - { - app.UseDeveloperExceptionPage(); - } + app.UseDeveloperExceptionPage(); + } - app.UseRouting(); + app.UseRouting(); - app.UseAuthorization(); + app.UseAuthorization(); - app.UseEndpoints(endpoints => - { - endpoints.MapControllers(); - }); - } + app.UseEndpoints(endpoints => + { + endpoints.MapControllers(); + }); } } diff --git a/samples/Basic/Gtk3/README.md b/samples/Basic/Gtk3/README.md new file mode 100644 index 0000000000..85b70ebe49 --- /dev/null +++ b/samples/Basic/Gtk3/README.md @@ -0,0 +1,61 @@ +# SkiaSharp GTK 3 Sample + +Demonstrates SkiaSharp running in a GTK 3 desktop app with tab-based navigation, Glade layout support, and dark theme detection. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a GTK 3 app. The UI structure is defined in a Glade `.glade` file (editable in the Glade UI designer), with `SKDrawingArea` widgets injected into the layout containers. GTK 3 does not provide a GPU-accelerated SkiaSharp view, so both pages use CPU rendering. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKDrawingArea`** — Software-rendered canvas backed by a `Gtk.DrawingArea`, the standard GTK drawing surface. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom font loaded via `SKTypeface.FromStream`. + +### Drawing + +A freehand drawing canvas with a color palette, brush size label, and clear button. Strokes persist across color and size changes. + +**Features:** + +- **`SKDrawingArea`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from GTK gesture events. +- **`GestureDrag`** — GTK 3 drag gesture for tracking press, move, and release. +- **`EventControllerScroll`** — Scroll wheel to adjust brush size. +- **Color palette** — Six selectable colors with dark/light mode variants. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- GTK 3 development libraries: + - **macOS:** `brew install gtk+3` + - **Ubuntu/Debian:** `sudo apt-get install libgtk-3-dev` + - **Fedora:** `sudo dnf install gtk3-devel` + +## Running the Sample + +Build and run (Linux): + +```bash +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +To start on a different page, change `DefaultPage` in `MainWindow.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.Drawing; +``` + +Available pages: `Cpu` (default), `Drawing` + +## Screenshots + +| CPU | Drawing | +|---|---| +| CPU | Drawing | diff --git a/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.cs b/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.cs new file mode 100644 index 0000000000..9b62c74925 --- /dev/null +++ b/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.cs @@ -0,0 +1,79 @@ +using System; +using Gtk; +using SkiaSharp; +using SkiaSharp.Views.Desktop; +using SkiaSharp.Views.Gtk; + +namespace SkiaSharpSample; + +public class CpuPage : Box +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + public CpuPage() + : base(Orientation.Vertical, 0) + { + // Load layout from Glade — provides the placeholder container + var builder = MainWindow.LoadBuilder("SkiaSharpSample.CpuPage.glade"); + var page = (Box)builder.GetObject("cpuPage"); + + // Insert SKDrawingArea (custom widget not available in Glade) + var skiaView = new SKDrawingArea(); + skiaView.PaintSurface += OnPaintSurface; + page.PackStart(skiaView, true, true, 0); + + PackStart(page, true, true, 0); + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } +} diff --git a/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.glade b/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.glade new file mode 100644 index 0000000000..bcf651c929 --- /dev/null +++ b/samples/Basic/Gtk3/SkiaSharpSample/CpuPage.glade @@ -0,0 +1,12 @@ + + + + + + True + False + vertical + + diff --git a/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.cs b/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.cs new file mode 100644 index 0000000000..01aa4d8a2d --- /dev/null +++ b/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.cs @@ -0,0 +1,227 @@ +using System; +using System.Collections.Generic; +using Gdk; +using Gtk; +using SkiaSharp; +using SkiaSharp.Views.Desktop; +using SkiaSharp.Views.Gtk; + +namespace SkiaSharpSample; + +public class DrawingPage : Box +{ + private static readonly (string Name, SKColor Light, SKColor Dark)[] ColorOptions = + { + ("Black", SKColors.Black, SKColors.White), + ("Red", new SKColor(0xE5, 0x39, 0x35), new SKColor(0xEF, 0x53, 0x50)), + ("Blue", new SKColor(0x1E, 0x88, 0xE5), new SKColor(0x42, 0xA5, 0xF5)), + ("Green", new SKColor(0x43, 0xA0, 0x47), new SKColor(0x66, 0xBB, 0x6A)), + ("Orange", new SKColor(0xFB, 0x8C, 0x00), new SKColor(0xFF, 0xA7, 0x26)), + ("Purple", new SKColor(0x8E, 0x24, 0xAA), new SKColor(0xAB, 0x47, 0xBC)), + }; + + private static bool IsDarkMode + { + get + { + var settings = Settings.Default; + return settings?.ApplicationPreferDarkTheme == true || + (settings?.ThemeName?.Contains("dark", StringComparison.OrdinalIgnoreCase) ?? false); + } + } + + private static SKColor CanvasBackground => IsDarkMode ? new SKColor(0x11, 0x13, 0x18) : SKColors.White; + + private readonly SKDrawingArea skiaView; + private readonly List<(SKPath Path, SKColor Color, float StrokeWidth)> strokes = new(); + private SKPath currentPath; + private SKColor currentColor; + private float brushSize = 4f; + private SKPoint cursorPosition; + private Scale brushScale; + private Label brushSizeLabel; + private bool isCursorOver; + + public DrawingPage() + : base(Orientation.Vertical, 0) + { + currentColor = IsDarkMode ? SKColors.White : SKColors.Black; + + // Load layout from Glade — provides the overlay, toolbox, and clear button + var builder = MainWindow.LoadBuilder("SkiaSharpSample.DrawingPage.glade"); + var overlay = (Overlay)builder.GetObject("drawingOverlay"); + var canvas = (Box)builder.GetObject("drawingCanvas"); + var toolbox = (Box)builder.GetObject("drawingToolbox"); + var clearBtn = (Button)builder.GetObject("btnClear"); + + // Insert SKDrawingArea into the canvas placeholder + skiaView = new SKDrawingArea(); + skiaView.PaintSurface += OnPaintSurface; + skiaView.AddEvents( + (int)(EventMask.ButtonPressMask | + EventMask.ButtonReleaseMask | + EventMask.PointerMotionMask | + EventMask.ScrollMask | + EventMask.EnterNotifyMask | + EventMask.LeaveNotifyMask)); + skiaView.ButtonPressEvent += OnButtonPress; + skiaView.ButtonReleaseEvent += OnButtonRelease; + skiaView.MotionNotifyEvent += OnMotionNotify; + skiaView.ScrollEvent += OnScroll; + skiaView.EnterNotifyEvent += (s, e) => { isCursorOver = true; }; + skiaView.LeaveNotifyEvent += (s, e) => { isCursorOver = false; skiaView.QueueDraw(); }; + canvas.PackStart(skiaView, true, true, 0); + + // Style the clear button + clearBtn.Clicked += OnClearClicked; + var clearCss = new CssProvider(); + clearCss.LoadFromData( + "button { background-color: rgba(30,30,30,0.6); border-radius: 18px; padding: 6px 16px; color: white; border: none; }"); + clearBtn.StyleContext.AddProvider(clearCss, StyleProviderPriority.Application); + + // Style the toolbox container + var toolboxCss = new CssProvider(); + toolboxCss.LoadFromData( + "box { background-color: rgba(30,30,30,0.8); border-radius: 24px; padding: 12px 20px; }"); + toolbox.StyleContext.AddProvider(toolboxCss, StyleProviderPriority.Application); + + // Add color swatches to the toolbox + foreach (var (name, light, dark) in ColorOptions) + { + var btn = new Button { Relief = ReliefStyle.None }; + var css = new CssProvider(); + css.LoadFromData( + $"button {{ background: rgb({light.Red},{light.Green},{light.Blue}); min-width: 28px; min-height: 28px; padding: 0; border-radius: 14px; border: 2px solid rgba(0,0,0,0.2); }}"); + btn.StyleContext.AddProvider(css, StyleProviderPriority.Application); + var capturedLight = light; + var capturedDark = dark; + btn.Clicked += (s, e) => currentColor = IsDarkMode ? capturedDark : capturedLight; + toolbox.PackStart(btn, false, false, 0); + } + + // Brush size slider + var adjustment = new Adjustment(brushSize, 1, 50, 1, 5, 0); + brushScale = new Scale(Orientation.Horizontal, adjustment) { WidthRequest = 120, DrawValue = false }; + var scaleCss = new CssProvider(); + scaleCss.LoadFromData( + "scale { min-height: 20px; } " + + "scale trough { background: rgba(255,255,255,0.3); border-radius: 4px; min-height: 4px; } " + + "scale slider { background: white; border-radius: 8px; min-width: 16px; min-height: 16px; }"); + brushScale.StyleContext.AddProvider(scaleCss, StyleProviderPriority.Application); + brushScale.ValueChanged += (s, e) => + { + brushSize = (float)brushScale.Value; + brushSizeLabel.Text = $"{brushSize:0}px"; + skiaView?.QueueDraw(); + }; + toolbox.PackStart(brushScale, false, false, 0); + + // Brush size label + brushSizeLabel = new Label($"{brushSize:0}px"); + var labelCss = new CssProvider(); + labelCss.LoadFromData("label { color: white; font-size: 11px; }"); + brushSizeLabel.StyleContext.AddProvider(labelCss, StyleProviderPriority.Application); + toolbox.PackStart(brushSizeLabel, false, false, 0); + + PackStart(overlay, true, true, 0); + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + canvas.Clear(CanvasBackground); + + using var paint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + float sx = (float)e.Info.Width / skiaView.AllocatedWidth; + float sy = (float)e.Info.Height / skiaView.AllocatedHeight; + canvas.Scale(sx, sy); + + foreach (var (path, color, strokeWidth) in strokes) + { + paint.Color = color; + paint.StrokeWidth = strokeWidth; + canvas.DrawPath(path, paint); + } + + if (currentPath != null) + { + paint.Color = currentColor; + paint.StrokeWidth = brushSize; + canvas.DrawPath(currentPath, paint); + } + + if (isCursorOver) + { + using var indicatorPaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + Color = currentColor.WithAlpha(128), + StrokeWidth = 1.5f, + }; + canvas.DrawCircle(cursorPosition.X, cursorPosition.Y, brushSize / 2f, indicatorPaint); + } + } + + [GLib.ConnectBefore] + private void OnButtonPress(object sender, ButtonPressEventArgs e) + { + if (e.Event.Button != 1) + return; + currentPath = new SKPath(); + currentPath.MoveTo((float)e.Event.X, (float)e.Event.Y); + cursorPosition = new SKPoint((float)e.Event.X, (float)e.Event.Y); + skiaView.QueueDraw(); + } + + [GLib.ConnectBefore] + private void OnButtonRelease(object sender, ButtonReleaseEventArgs e) + { + if (currentPath != null) + { + strokes.Add((currentPath, currentColor, brushSize)); + currentPath = null; + skiaView.QueueDraw(); + } + } + + [GLib.ConnectBefore] + private void OnMotionNotify(object sender, MotionNotifyEventArgs e) + { + cursorPosition = new SKPoint((float)e.Event.X, (float)e.Event.Y); + currentPath?.LineTo((float)e.Event.X, (float)e.Event.Y); + skiaView.QueueDraw(); + } + + [GLib.ConnectBefore] + private void OnScroll(object sender, ScrollEventArgs e) + { + bool scrollUp = e.Event.Direction == ScrollDirection.Smooth + ? e.Event.DeltaY < 0 + : e.Event.Direction == ScrollDirection.Up; + + brushSize = scrollUp + ? Math.Min(brushSize + 1, 50) + : Math.Max(brushSize - 1, 1); + + brushScale.Value = brushSize; + skiaView?.QueueDraw(); + } + + private void OnClearClicked(object sender, EventArgs e) + { + foreach (var (path, _, _) in strokes) + path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + skiaView.QueueDraw(); + } +} diff --git a/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.glade b/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.glade new file mode 100644 index 0000000000..44e711fb63 --- /dev/null +++ b/samples/Basic/Gtk3/SkiaSharpSample/DrawingPage.glade @@ -0,0 +1,43 @@ + + + + + + True + False + + + + True + False + + + + + + True + True + Clear + end + start + 12 + 12 + + + + + + True + False + horizontal + 14 + center + end + 16 + + + + diff --git a/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.cs b/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.cs index fc72d10ee4..455f7b91fd 100644 --- a/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.cs +++ b/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.cs @@ -1,58 +1,45 @@ -using System; +using System.IO; +using System.Reflection; using Gtk; -using SkiaSharp; -using SkiaSharp.Views.Desktop; -using SkiaSharp.Views.Gtk; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +public class MainWindow : Gtk.Window { - public class MainWindow : Window + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; + + public MainWindow() + : base("SkiaSharp on Gtk3") + { + SetDefaultSize(1024, 768); + DeleteEvent += (s, e) => Application.Quit(); + + // Load shell layout from Glade + var builder = LoadBuilder("SkiaSharpSample.MainWindow.glade"); + var rootBox = (Box)builder.GetObject("rootBox"); + var stack = (Stack)builder.GetObject("contentStack"); + + // Add pages — each loads its own Glade layout + var cpuPage = new CpuPage(); + stack.AddTitled(cpuPage, "cpu", "CPU Canvas"); + + var drawingPage = new DrawingPage(); + stack.AddTitled(drawingPage, "drawing", "Drawing"); + + Add(rootBox); + ShowAll(); + + if (DefaultPage == SamplePage.Drawing) + stack.VisibleChildName = "drawing"; + } + + internal static Builder LoadBuilder(string resourceName) { - private SKDrawingArea skiaView; - - public MainWindow() - : this(new Builder("MainWindow.glade")) - { - } - - private MainWindow(Builder builder) - : base(builder.GetObject("MainWindow").Handle) - { - builder.Autoconnect(this); - DeleteEvent += OnWindowDeleteEvent; - - skiaView = new SKDrawingArea(); - skiaView.PaintSurface += OnPaintSurface; - skiaView.Show(); - Child = skiaView; - } - - private void OnWindowDeleteEvent(object sender, DeleteEventArgs a) - { - Application.Quit(); - } - - private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) - { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } + var builder = new Builder(); + var assembly = Assembly.GetExecutingAssembly(); + using var stream = assembly.GetManifestResourceStream(resourceName); + using var reader = new StreamReader(stream); + builder.AddFromString(reader.ReadToEnd()); + return builder; } } diff --git a/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.glade b/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.glade index 7f3edf9982..c9f4d5eca1 100644 --- a/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.glade +++ b/samples/Basic/Gtk3/SkiaSharpSample/MainWindow.glade @@ -1,11 +1,38 @@ - + - - - False - SkiaSharp - 400 - 300 + + + True + False + horizontal + + + True + False + 140 + contentStack + + + False + True + 0 + + + + + True + False + crossfade + 300 + + + True + True + 1 + + diff --git a/samples/Basic/Gtk3/SkiaSharpSample/Program.cs b/samples/Basic/Gtk3/SkiaSharpSample/Program.cs index a348b9af95..f321d07162 100644 --- a/samples/Basic/Gtk3/SkiaSharpSample/Program.cs +++ b/samples/Basic/Gtk3/SkiaSharpSample/Program.cs @@ -1,23 +1,21 @@ using System; using Gtk; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +class Program { - class Program + [STAThread] + public static void Main(string[] args) { - [STAThread] - public static void Main(string[] args) - { - Application.Init(); + Application.Init(); - var app = new Application("com.companyname.skiasharpsample", GLib.ApplicationFlags.None); - app.Register(GLib.Cancellable.Current); + var app = new Application("com.companyname.skiasharpsample", GLib.ApplicationFlags.None); + app.Register(GLib.Cancellable.Current); - var win = new MainWindow(); - app.AddWindow(win); + var win = new MainWindow(); + app.AddWindow(win); - win.Show(); - Application.Run(); - } + Application.Run(); } } diff --git a/samples/Basic/Gtk3/SkiaSharpSample/SamplePage.cs b/samples/Basic/Gtk3/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..d0dee514ef --- /dev/null +++ b/samples/Basic/Gtk3/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,10 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + Drawing, +} diff --git a/samples/Basic/Gtk3/SkiaSharpSample/SkiaSharpSample.csproj b/samples/Basic/Gtk3/SkiaSharpSample/SkiaSharpSample.csproj index 0806c06347..9ac4f02791 100644 --- a/samples/Basic/Gtk3/SkiaSharpSample/SkiaSharpSample.csproj +++ b/samples/Basic/Gtk3/SkiaSharpSample/SkiaSharpSample.csproj @@ -6,12 +6,13 @@ - - + - + + + diff --git a/samples/Basic/Gtk3/screenshots/cpu.png b/samples/Basic/Gtk3/screenshots/cpu.png new file mode 100644 index 0000000000..7d46294855 Binary files /dev/null and b/samples/Basic/Gtk3/screenshots/cpu.png differ diff --git a/samples/Basic/Gtk3/screenshots/drawing.png b/samples/Basic/Gtk3/screenshots/drawing.png new file mode 100644 index 0000000000..d99f7a3428 Binary files /dev/null and b/samples/Basic/Gtk3/screenshots/drawing.png differ diff --git a/samples/Basic/Gtk4/README.md b/samples/Basic/Gtk4/README.md new file mode 100644 index 0000000000..253bd56136 --- /dev/null +++ b/samples/Basic/Gtk4/README.md @@ -0,0 +1,61 @@ +# SkiaSharp GTK 4 Sample + +Demonstrates SkiaSharp running in a GTK 4 desktop app with tab-based navigation, UI Builder layout support, and dark theme detection. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a GTK 4 app. The UI structure is defined in a `.ui` file (editable in GNOME Builder or Cambalache), with `SKDrawingArea` widgets injected into the layout containers. GTK 4 does not provide a GPU-accelerated SkiaSharp view, so both pages use CPU rendering. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKDrawingArea`** — Software-rendered canvas backed by a `Gtk.DrawingArea`, the standard GTK 4 drawing surface. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom font loaded via `SKTypeface.FromStream`. + +### Drawing + +A freehand drawing canvas with a color palette, brush size label, and clear button. Strokes persist across color and size changes. + +**Features:** + +- **`SKDrawingArea`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from GTK gesture events. +- **`GestureDrag`** — GTK 4 drag gesture for tracking press, move, and release. +- **`EventControllerScroll`** — Scroll wheel to adjust brush size. +- **Color palette** — Six selectable colors with dark/light mode variants. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- GTK 4 development libraries: + - **macOS:** `brew install gtk4` + - **Ubuntu/Debian:** `sudo apt-get install libgtk-4-dev` + - **Fedora:** `sudo dnf install gtk4-devel` + +## Running the Sample + +Build and run (Linux): + +```bash +dotnet run --project SkiaSharpSample/SkiaSharpSample.csproj +``` + +To start on a different page, change `DefaultPage` in `MainWindow.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.Drawing; +``` + +Available pages: `Cpu` (default), `Drawing` + +## Screenshots + +| CPU | Drawing | +|---|---| +| CPU | Drawing | diff --git a/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.cs b/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.cs new file mode 100644 index 0000000000..b73688b34a --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.cs @@ -0,0 +1,86 @@ +using System; +using System.IO; +using Gtk; +using SkiaSharp; +using SkiaSharp.Views.Desktop; +using SkiaSharp.Views.Gtk; + +namespace SkiaSharpSample; + +public class CpuPage : Box +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + public CpuPage() + : base(new GObject.ConstructArgument[] { }) + { + Hexpand = true; + Vexpand = true; + + var builder = MainWindow.LoadBuilder("CpuPage.ui"); + var container = (Box)builder.GetObject("cpuContainer"); + + var skiaView = new SKDrawingArea(); + skiaView.Hexpand = true; + skiaView.Vexpand = true; + skiaView.PaintSurface += OnPaintSurface; + container.Append(skiaView); + + Append(container); + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + // Background gradient + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + // Circles + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + // Centered text + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } +} diff --git a/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.ui b/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.ui new file mode 100644 index 0000000000..9c947de185 --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/CpuPage.ui @@ -0,0 +1,8 @@ + + + + + True + True + + diff --git a/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.cs b/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.cs new file mode 100644 index 0000000000..a73581bb08 --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.cs @@ -0,0 +1,257 @@ +using System; +using System.Collections.Generic; +using System.IO; +using Gtk; +using SkiaSharp; +using SkiaSharp.Views.Desktop; +using SkiaSharp.Views.Gtk; + +namespace SkiaSharpSample; + +public class DrawingPage : Box +{ + private static readonly (string Name, SKColor Light, SKColor Dark)[] ColorOptions = new[] + { + ("Black", SKColors.Black, SKColors.White), + ("Red", new SKColor(0xE5, 0x39, 0x35), new SKColor(0xEF, 0x53, 0x50)), + ("Blue", new SKColor(0x1E, 0x88, 0xE5), new SKColor(0x42, 0xA5, 0xF5)), + ("Green", new SKColor(0x43, 0xA0, 0x47), new SKColor(0x66, 0xBB, 0x6A)), + ("Orange", new SKColor(0xFB, 0x8C, 0x00), new SKColor(0xFF, 0xA7, 0x26)), + ("Purple", new SKColor(0x8E, 0x24, 0xAA), new SKColor(0xAB, 0x47, 0xBC)), + }; + + private static bool IsDarkMode + { + get + { + var settings = Gtk.Settings.GetDefault(); + if (settings == null) + return false; + if (settings.GtkApplicationPreferDarkTheme) + return true; + var themeName = settings.GtkThemeName; + return themeName?.Contains("dark", StringComparison.OrdinalIgnoreCase) ?? false; + } + } + + private static SKColor CanvasBackground => IsDarkMode ? new SKColor(0x11, 0x13, 0x18) : SKColors.White; + + private SKDrawingArea drawingSkiaView; + private Scale brushScale; + private Label brushSizeLabel; + private readonly List<(SKPath Path, SKColor Color, float StrokeWidth)> strokes = new(); + private SKPath currentPath; + private SKColor currentColor; + private float brushSize = 4f; + private SKPoint cursorPosition; + private bool isCursorOver; + private double dragStartX, dragStartY; + + public DrawingPage() + : base(new GObject.ConstructArgument[] { }) + { + Hexpand = true; + Vexpand = true; + + currentColor = IsDarkMode ? SKColors.White : SKColors.Black; + + var builder = MainWindow.LoadBuilder("DrawingPage.ui"); + var overlay = (Overlay)builder.GetObject("drawingOverlay"); + + var drawingContainer = (Box)builder.GetObject("drawingContainer"); + drawingSkiaView = new SKDrawingArea(); + drawingSkiaView.Hexpand = true; + drawingSkiaView.Vexpand = true; + drawingSkiaView.PaintSurface += OnDrawingPaintSurface; + drawingContainer.Append(drawingSkiaView); + + SetupGestures(); + SetupToolbox(builder); + + Append(overlay); + } + + private void SetupToolbox(Builder builder) + { + var drawingToolbox = (Box)builder.GetObject("drawingToolbox"); + + // Create circular color swatch buttons + foreach (var (name, light, dark) in ColorOptions) + { + var btn = Button.New(); + var provider = new CssProvider(); + provider.LoadFromData( + $"button {{ background: rgb({light.Red},{light.Green},{light.Blue}); min-width: 28px; min-height: 28px; padding: 0; border-radius: 14px; border: 2px solid rgba(0,0,0,0.2); }}", + -1); + btn.GetStyleContext().AddProvider(provider, 600); + var capturedLight = light; + var capturedDark = dark; + btn.OnClicked += (sender, args) => currentColor = IsDarkMode ? capturedDark : capturedLight; + drawingToolbox.Append(btn); + } + + // Brush size slider + brushScale = Scale.NewWithRange(Orientation.Horizontal, 1, 50, 1); + brushScale.SetValue(brushSize); + brushScale.DrawValue = false; + brushScale.SetSizeRequest(120, -1); + var scaleProvider = new CssProvider(); + scaleProvider.LoadFromData( + "scale { min-height: 20px; } " + + "scale trough { background: rgba(255,255,255,0.3); border-radius: 4px; min-height: 4px; } " + + "scale slider { background: white; border-radius: 8px; min-width: 16px; min-height: 16px; }", + -1); + brushScale.GetStyleContext().AddProvider(scaleProvider, 600); + var adj = brushScale.GetAdjustment(); + adj.OnValueChanged += (s, a) => + { + brushSize = (float)brushScale.GetValue(); + brushSizeLabel.SetLabel($"{brushSize:0}px"); + drawingSkiaView.QueueDraw(); + }; + drawingToolbox.Append(brushScale); + + // Brush size label + brushSizeLabel = Label.New($"{brushSize:0}px"); + var labelProvider = new CssProvider(); + labelProvider.LoadFromData("label { color: white; font-size: 11px; }", -1); + brushSizeLabel.GetStyleContext().AddProvider(labelProvider, 600); + drawingToolbox.Append(brushSizeLabel); + + // Floating clear button (top-right overlay) + var clearBtn = (Button)builder.GetObject("btnClear"); + clearBtn.OnClicked += OnClearClicked; + var clearCss = new CssProvider(); + clearCss.LoadFromData( + "button { background-color: rgba(30, 30, 30, 0.6); border-radius: 18px; padding: 6px 16px; color: white; border: none; }", + -1); + clearBtn.GetStyleContext().AddProvider(clearCss, 600); + + // Translucent dark background for the floating toolbox + var toolboxCss = new CssProvider(); + toolboxCss.LoadFromData( + "box { background-color: rgba(30, 30, 30, 0.8); border-radius: 24px; padding: 12px 20px; }", + -1); + drawingToolbox.GetStyleContext().AddProvider(toolboxCss, 600); + } + + private void SetupGestures() + { + var dragGesture = GestureDrag.New(); + dragGesture.OnDragBegin += OnDragBegin; + dragGesture.OnDragUpdate += OnDragUpdate; + dragGesture.OnDragEnd += OnDragEnd; + drawingSkiaView.AddController(dragGesture); + + var motionController = EventControllerMotion.New(); + motionController.OnEnter += (sender, args) => + { + isCursorOver = true; + cursorPosition = new SKPoint((float)args.X, (float)args.Y); + }; + motionController.OnLeave += (sender, args) => + { + isCursorOver = false; + drawingSkiaView.QueueDraw(); + }; + motionController.OnMotion += (sender, args) => + { + cursorPosition = new SKPoint((float)args.X, (float)args.Y); + if (currentPath == null) + drawingSkiaView.QueueDraw(); + }; + drawingSkiaView.AddController(motionController); + + var scrollController = EventControllerScroll.New(EventControllerScrollFlags.Vertical); + scrollController.OnScroll += (sender, args) => + { + var newSize = Math.Max(1f, Math.Min(50f, brushSize + (args.Dy < 0 ? 1f : -1f))); + brushScale.SetValue(newSize); + return false; + }; + drawingSkiaView.AddController(scrollController); + } + + private void OnDrawingPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + canvas.Clear(CanvasBackground); + + using var paint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + float sx = (float)e.Info.Width / drawingSkiaView.GetAllocatedWidth(); + float sy = (float)e.Info.Height / drawingSkiaView.GetAllocatedHeight(); + canvas.Scale(sx, sy); + + foreach (var (path, color, strokeWidth) in strokes) + { + paint.Color = color; + paint.StrokeWidth = strokeWidth; + canvas.DrawPath(path, paint); + } + + if (currentPath != null) + { + paint.Color = currentColor; + paint.StrokeWidth = brushSize; + canvas.DrawPath(currentPath, paint); + } + + if (isCursorOver) + { + using var indicatorPaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + Color = currentColor.WithAlpha(128), + StrokeWidth = 1.5f, + }; + canvas.DrawCircle(cursorPosition.X, cursorPosition.Y, brushSize / 2f, indicatorPaint); + } + } + + private void OnDragBegin(GestureDrag sender, GestureDrag.DragBeginSignalArgs args) + { + dragStartX = args.StartX; + dragStartY = args.StartY; + currentPath = new SKPath(); + currentPath.MoveTo((float)dragStartX, (float)dragStartY); + cursorPosition = new SKPoint((float)dragStartX, (float)dragStartY); + drawingSkiaView.QueueDraw(); + } + + private void OnDragUpdate(GestureDrag sender, GestureDrag.DragUpdateSignalArgs args) + { + var x = dragStartX + args.OffsetX; + var y = dragStartY + args.OffsetY; + cursorPosition = new SKPoint((float)x, (float)y); + currentPath?.LineTo((float)x, (float)y); + drawingSkiaView.QueueDraw(); + } + + private void OnDragEnd(GestureDrag sender, GestureDrag.DragEndSignalArgs args) + { + if (currentPath != null) + { + strokes.Add((currentPath, currentColor, brushSize)); + currentPath = null; + drawingSkiaView.QueueDraw(); + } + } + + private void OnClearClicked(Button sender, EventArgs args) + { + foreach (var (path, _, _) in strokes) + path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + drawingSkiaView.QueueDraw(); + } +} diff --git a/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.ui b/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.ui new file mode 100644 index 0000000000..b76bb771ec --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/DrawingPage.ui @@ -0,0 +1,32 @@ + + + + + True + True + + + True + True + + + + + Clear + end + start + 12 + 12 + + + + + horizontal + 14 + center + end + 16 + + + + diff --git a/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.cs b/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.cs index 3b0ba944f7..7ae226d5fe 100644 --- a/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.cs +++ b/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.cs @@ -1,47 +1,40 @@ +using System; +using System.IO; using Gtk; -using SkiaSharp; -using SkiaSharp.Views.Desktop; -using SkiaSharp.Views.Gtk; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +public class MainWindow : ApplicationWindow { - public class MainWindow : ApplicationWindow + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; + + public MainWindow(Application app) + : base(new GObject.ConstructArgument[] { }) + { + Application = app; + Title = "SkiaSharp on Gtk4"; + SetDefaultSize(1024, 768); + + var builder = LoadBuilder("MainWindow.ui"); + var rootBox = (Box)builder.GetObject("rootBox"); + Child = rootBox; + + var contentStack = (Stack)builder.GetObject("contentStack"); + + // Add pages + var cpuPage = new CpuPage(); + contentStack.AddTitled(cpuPage, "cpu", "CPU Canvas"); + + var drawingPage = new DrawingPage(); + contentStack.AddTitled(drawingPage, "drawing", "Drawing"); + + if (DefaultPage == SamplePage.Drawing) + contentStack.SetVisibleChildName("drawing"); + } + + public static Builder LoadBuilder(string filename) { - private readonly SKDrawingArea skiaView; - - public MainWindow(Application app) - : base(new GObject.ConstructArgument[] { }) - { - Application = app; - Title = "SkiaSharp"; - SetDefaultSize(400, 300); - - skiaView = new SKDrawingArea(); - skiaView.PaintSurface += OnPaintSurface; - Child = skiaView; - } - - private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) - { - // get the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } + var path = Path.Combine(AppContext.BaseDirectory, filename); + return Builder.NewFromFile(path); } } diff --git a/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.ui b/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.ui new file mode 100644 index 0000000000..37fa197c7b --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/MainWindow.ui @@ -0,0 +1,24 @@ + + + + + + horizontal + + + 200 + contentStack + + + + + True + crossfade + 300 + + + + diff --git a/samples/Basic/Gtk4/SkiaSharpSample/Program.cs b/samples/Basic/Gtk4/SkiaSharpSample/Program.cs index b74991a720..8e6c136111 100644 --- a/samples/Basic/Gtk4/SkiaSharpSample/Program.cs +++ b/samples/Basic/Gtk4/SkiaSharpSample/Program.cs @@ -1,20 +1,19 @@ using Gtk; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +class Program { - class Program + public static int Main(string[] args) { - public static int Main(string[] args) - { - var app = Application.New("com.companyname.skiasharpsample", Gio.ApplicationFlags.FlagsNone); + var app = Application.New("com.companyname.skiasharpsample", Gio.ApplicationFlags.FlagsNone); - app.OnActivate += (sender, e) => - { - var win = new MainWindow((Application)sender); - win.Show(); - }; + app.OnActivate += (sender, e) => + { + var win = new MainWindow((Application)sender); + win.Show(); + }; - return app.RunWithSynchronizationContext(null); - } + return app.RunWithSynchronizationContext(null); } } diff --git a/samples/Basic/Gtk4/SkiaSharpSample/SamplePage.cs b/samples/Basic/Gtk4/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..d0dee514ef --- /dev/null +++ b/samples/Basic/Gtk4/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,10 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + Drawing, +} diff --git a/samples/Basic/Gtk4/SkiaSharpSample/SkiaSharpSample.csproj b/samples/Basic/Gtk4/SkiaSharpSample/SkiaSharpSample.csproj index 7f61b3ff07..7ce130a9de 100644 --- a/samples/Basic/Gtk4/SkiaSharpSample/SkiaSharpSample.csproj +++ b/samples/Basic/Gtk4/SkiaSharpSample/SkiaSharpSample.csproj @@ -9,6 +9,18 @@ + + + PreserveNewest + + + PreserveNewest + + + PreserveNewest + + + diff --git a/samples/Basic/Gtk4/screenshots/cpu.png b/samples/Basic/Gtk4/screenshots/cpu.png new file mode 100644 index 0000000000..4a2c4f1a67 Binary files /dev/null and b/samples/Basic/Gtk4/screenshots/cpu.png differ diff --git a/samples/Basic/Gtk4/screenshots/drawing.png b/samples/Basic/Gtk4/screenshots/drawing.png new file mode 100644 index 0000000000..5d8f9a12c1 Binary files /dev/null and b/samples/Basic/Gtk4/screenshots/drawing.png differ diff --git a/samples/Basic/MacCatalyst/README.md b/samples/Basic/MacCatalyst/README.md new file mode 100644 index 0000000000..3419c39533 --- /dev/null +++ b/samples/Basic/MacCatalyst/README.md @@ -0,0 +1,77 @@ +# SkiaSharp Mac Catalyst Sample + +Demonstrates all SkiaSharp Mac Catalyst view types with a `UITabBarController`, storyboard-driven views, system dark/light mode support, and touch/trackpad interaction. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a Mac Catalyst app using storyboards and `UIViewController` subclasses. Each view type is placed in a storyboard scene and configured in Interface Builder — view controllers only contain event wiring and paint logic. Navigation uses a `UITabBarController` which renders as a native macOS segmented control in the title bar. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas backed by a `UIView`, ideal for static or infrequently updated content. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. + +### GPU (Metal) + +A real-time animated shader running at full frame rate on the GPU via Apple's Metal framework, with touch/trackpad interaction that adds a white-hot blob to the metaball field. + +**Features:** + +- **`SKMetalView`** — Hardware-accelerated canvas backed by Metal, Apple's modern low-level GPU API. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation with `MTKView` pause/resume lifecycle and an FPS counter overlay. +- **Touch interaction** — Touch/trackpad position is passed as a shader uniform via `UITouch` events. + +### Drawing + +A freehand drawing canvas with a color palette, brush size slider, and a floating clear button. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` via `UIPanGestureRecognizer`. +- **Color palette** — Six selectable colors with dark/light mode variants. +- **Floating toolbox** — Centered blur-effect toolbar (max 420pt width) with swatch row, brush size slider, and label. +- **Floating clear button** — Top-right pill overlay to clear the canvas. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- macOS with [Xcode](https://developer.apple.com/xcode/) installed +- Mac Catalyst workload: `dotnet workload install maccatalyst` + +## Running the Sample + +Build and run: + +```bash +dotnet build -t:Run +``` + +To start on a different page, change `DefaultPage` in `AppDelegate.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.GpuMetal; +``` + +Available pages: `Cpu` (default), `GpuMetal`, `Drawing` + +## Screenshots + +### Light Mode + +| CPU | GPU (Metal) | Drawing | +|---|---|---| +| CPU | GPU Metal | Drawing | + +### Dark Mode + +| CPU | GPU (Metal) | Drawing | +|---|---|---| +| CPU Dark | GPU Metal Dark | Drawing Dark | diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/AppDelegate.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/AppDelegate.cs index db5293feb4..f1fb3eae86 100644 --- a/samples/Basic/MacCatalyst/SkiaSharpSample/AppDelegate.cs +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/AppDelegate.cs @@ -1,58 +1,13 @@ -using SkiaSharp; -using SkiaSharp.Views.iOS; - namespace SkiaSharpSample; [Register("AppDelegate")] public class AppDelegate : UIApplicationDelegate { - public override UIWindow? Window { get; set; } - - public override bool FinishedLaunching(UIApplication application, NSDictionary launchOptions) - { - // create a new window instance based on the screen size - Window = new UIWindow(UIScreen.MainScreen.Bounds); - - // create the canvas view - var skiaView = new SKCanvasView(Window!.Frame) - { - BackgroundColor = UIColor.White, - IgnorePixelScaling = true, - AutoresizingMask = UIViewAutoresizing.All, - }; - skiaView.PaintSurface += OnPaintSurface; - - // create a UIViewController and use the canvas view - var vc = new UIViewController (); - vc.View!.AddSubview (skiaView); - Window.RootViewController = vc; + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; - // make the window visible - Window.MakeKeyAndVisible (); - - return true; - } - - private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + [Export("application:configurationForConnectingSceneSession:options:")] + public UISceneConfiguration GetConfiguration(UIApplication application, UISceneSession connectingSceneSession, UISceneConnectionOptions options) { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); + return new UISceneConfiguration("Default Configuration", connectingSceneSession.Role); } } diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/CpuViewController.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/CpuViewController.cs new file mode 100644 index 0000000000..db73ed9abb --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/CpuViewController.cs @@ -0,0 +1,68 @@ +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.iOS; + +namespace SkiaSharpSample; + +[Register("CpuViewController")] +public class CpuViewController : UIViewController +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + [Outlet("skiaView")] + SKCanvasView skiaView { get; set; } = null!; + + public CpuViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.PaintSurface += OnPaintSurface; + } + + public override void ViewDidAppear(bool animated) + { + base.ViewDidAppear(animated); + skiaView.SetNeedsDisplay(); + } + + private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint { IsAntialias = true, Shader = shader }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + using var circlePaint = new SKPaint { IsAntialias = true, Style = SKPaintStyle.Fill }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + using var textPaint = new SKPaint { Color = SKColors.White, IsAntialias = true }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } +} diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/DrawingViewController.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/DrawingViewController.cs new file mode 100644 index 0000000000..90a9fe618e --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/DrawingViewController.cs @@ -0,0 +1,203 @@ +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.iOS; + +namespace SkiaSharpSample; + +[Register("DrawingViewController")] +public class DrawingViewController : UIViewController +{ + private readonly record struct Stroke(SKPath Path, SKColor Color, float Width); + + private static readonly (string Name, SKColor Light, SKColor Dark)[] colorPalette = + { + ("Black", SKColors.Black, SKColors.White), + ("Red", new SKColor(0xE5, 0x39, 0x35), new SKColor(0xEF, 0x53, 0x50)), + ("Blue", new SKColor(0x1E, 0x88, 0xE5), new SKColor(0x42, 0xA5, 0xF5)), + ("Green", new SKColor(0x43, 0xA0, 0x47), new SKColor(0x66, 0xBB, 0x6A)), + ("Orange", new SKColor(0xFB, 0x8C, 0x00), new SKColor(0xFF, 0xA7, 0x26)), + ("Purple", new SKColor(0x8E, 0x24, 0xAA), new SKColor(0xAB, 0x47, 0xBC)), + }; + + private readonly List strokes = new(); + private SKPath? currentPath; + private SKColor currentColorLight = SKColors.Black; + private SKColor currentColorDark = SKColors.White; + private float brushSize = 4f; + private UIView? selectedSwatch; + + [Outlet("skiaView")] SKCanvasView skiaView { get; set; } = null!; + [Outlet("clearButton")] UIButton clearButton { get; set; } = null!; + [Outlet("brushSlider")] UISlider brushSlider { get; set; } = null!; + [Outlet("brushLabel")] UILabel brushLabel { get; set; } = null!; + [Outlet("swatchStack")] UIStackView swatchStack { get; set; } = null!; + + bool IsDarkMode => TraitCollection.UserInterfaceStyle == UIUserInterfaceStyle.Dark; + SKColor CanvasBackground => IsDarkMode ? new SKColor(0x11, 0x13, 0x18) : SKColors.White; + SKColor ResolveColor(SKColor light, SKColor dark) => IsDarkMode ? dark : light; + SKColor CurrentColor => ResolveColor(currentColorLight, currentColorDark); + + public DrawingViewController(NativeHandle handle) : base(handle) { } + + public override UIRectEdge PreferredScreenEdgesDeferringSystemGestures => UIRectEdge.Bottom; + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + + skiaView.IgnorePixelScaling = true; + skiaView.PaintSurface += OnPaintSurface; + clearButton.TouchUpInside += (_, _) => ClearCanvas(); + brushSlider.ValueChanged += (_, _) => + { + brushSize = brushSlider.Value; + brushLabel.Text = $"{brushSize:F0}px"; + skiaView.SetNeedsDisplay(); + }; + + // Wire swatch tap gestures (swatches are defined in storyboard) + var swatches = swatchStack.ArrangedSubviews; + for (int i = 0; i < swatches.Length && i < colorPalette.Length; i++) + { + var swatch = swatches[i]; + var (_, light, dark) = colorPalette[i]; + var capturedLight = light; + var capturedDark = dark; + swatch.UserInteractionEnabled = true; + swatch.AddGestureRecognizer(new UITapGestureRecognizer(() => SelectColor(capturedLight, capturedDark, swatch))); + + if (i == 0) + { + swatch.Layer.BorderWidth = 3; + swatch.Layer.BorderColor = UIColor.SystemBlue.CGColor; + selectedSwatch = swatch; + } + } + + var draw = new UIPanGestureRecognizer(HandleDraw); + draw.MaximumNumberOfTouches = 1; + skiaView.AddGestureRecognizer(draw); + + var pinch = new UIPinchGestureRecognizer(HandlePinch); + pinch.CancelsTouchesInView = false; + skiaView.AddGestureRecognizer(pinch); + + UpdateSwatchColors(); + } + + public override void ViewDidAppear(bool animated) + { + base.ViewDidAppear(animated); + skiaView.SetNeedsDisplay(); + } + + private void SelectColor(SKColor light, SKColor dark, UIView swatch) + { + currentColorLight = light; + currentColorDark = dark; + if (selectedSwatch != null) + selectedSwatch.Layer.BorderWidth = 0; + swatch.Layer.BorderWidth = 3; + swatch.Layer.BorderColor = UIColor.SystemBlue.CGColor; + selectedSwatch = swatch; + } + + private void HandleDraw(UIPanGestureRecognizer gesture) + { + var loc = gesture.LocationInView(skiaView); + switch (gesture.State) + { + case UIGestureRecognizerState.Began: + currentPath = new SKPath(); + currentPath.MoveTo((float)loc.X, (float)loc.Y); + break; + case UIGestureRecognizerState.Changed: + currentPath?.LineTo((float)loc.X, (float)loc.Y); + break; + case UIGestureRecognizerState.Ended: + if (currentPath != null) + { + strokes.Add(new Stroke(currentPath, CurrentColor, brushSize)); + currentPath = null; + } + break; + case UIGestureRecognizerState.Cancelled: + currentPath?.Dispose(); + currentPath = null; + break; + } + skiaView.SetNeedsDisplay(); + } + + private void HandlePinch(UIPinchGestureRecognizer gesture) + { + if (gesture.State == UIGestureRecognizerState.Changed) + { + brushSize = Math.Clamp(brushSize * (float)gesture.Scale, 1f, 50f); + gesture.Scale = 1; + brushLabel.Text = $"{brushSize:F0}px"; + brushSlider.Value = brushSize; + skiaView.SetNeedsDisplay(); + } + } + + private void ClearCanvas() + { + foreach (var stroke in strokes) + stroke.Path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + skiaView.SetNeedsDisplay(); + } + + private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + canvas.Clear(CanvasBackground); + + using var paint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + foreach (var stroke in strokes) + { + paint.Color = stroke.Color; + paint.StrokeWidth = stroke.Width; + canvas.DrawPath(stroke.Path, paint); + } + + if (currentPath != null) + { + paint.Color = CurrentColor; + paint.StrokeWidth = brushSize; + canvas.DrawPath(currentPath, paint); + } + } + +#pragma warning disable CA1422 + public override void TraitCollectionDidChange(UITraitCollection? previousTraitCollection) + { + base.TraitCollectionDidChange(previousTraitCollection); + if (previousTraitCollection?.UserInterfaceStyle != TraitCollection.UserInterfaceStyle) + { + UpdateSwatchColors(); + skiaView.SetNeedsDisplay(); + } + } +#pragma warning restore CA1422 + + private void UpdateSwatchColors() + { + var swatches = swatchStack.ArrangedSubviews; + for (int i = 0; i < swatches.Length && i < colorPalette.Length; i++) + { + var resolved = ResolveColor(colorPalette[i].Light, colorPalette[i].Dark); + swatches[i].BackgroundColor = new UIColor(resolved.Red / 255f, resolved.Green / 255f, resolved.Blue / 255f, 1f); + } + } +} diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/FpsCounter.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/FpsCounter.cs new file mode 100644 index 0000000000..136fcdccef --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/FpsCounter.cs @@ -0,0 +1,50 @@ +using System.Diagnostics; + +namespace SkiaSharpSample; + +/// +/// Lightweight frame-rate counter. Call once per frame; +/// it returns the measured FPS each time the sampling interval elapses. +/// Also exposes so GPU pages can feed shader time +/// from the same clock without a separate . +/// +public sealed class FpsCounter +{ + private readonly Stopwatch stopwatch = new(); + + private int frameCount; + private double lastSampleTime; + + /// + /// Seconds between FPS samples (default 0.5 s). + /// + public double Interval { get; set; } = 0.5; + + /// + /// Wall-clock seconds since was called. + /// Useful as a shader iTime uniform. + /// + public float ElapsedSeconds => (float)stopwatch.Elapsed.TotalSeconds; + + public void Start() => stopwatch.Start(); + + public void Stop() => stopwatch.Stop(); + + /// + /// Record one frame. Returns the measured FPS when the sampling + /// interval has elapsed, or null otherwise. + /// + public double? Tick() + { + frameCount++; + var now = stopwatch.Elapsed.TotalSeconds; + var delta = now - lastSampleTime; + if (delta < Interval) + return null; + + var fps = frameCount / delta; + frameCount = 0; + lastSampleTime = now; + return fps; + } +} diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/GpuMetalViewController.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/GpuMetalViewController.cs new file mode 100644 index 0000000000..31ff1cc804 --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/GpuMetalViewController.cs @@ -0,0 +1,165 @@ +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.iOS; + +namespace SkiaSharpSample; + +[Register("GpuMetalViewController")] +public class GpuMetalViewController : UIViewController +{ + private const string ShaderSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float2 iTouchPos; +uniform float iTouchActive; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + float field = 0.0; + float3 weighted = float3(0.0); + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + weighted += float3(1.0, 0.95, 0.9) * strength; + } + float3 blobColor = weighted / max(field, 0.001); + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + return half4(clamp(result, 0.0, 1.0), 1.0); +} +"; + + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, + 0.3f, 0.7f, 1.0f, + 1.0f, 0.6f, 0.1f, + 0.4f, 1.0f, 0.7f, + 0.7f, 0.3f, 1.0f, + 1.0f, 0.9f, 0.2f, + }; + + private readonly FpsCounter fpsCounter = new(); + private Lazy? shaderBuilder; + private SKPoint touchPos; + private bool touchActive; + + [Outlet("skiaView")] + SKMetalView skiaView { get; set; } = null!; + + [Outlet("fpsLabel")] + UILabel fpsLabel { get; set; } = null!; + + public GpuMetalViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + fpsLabel.Layer.BorderColor = UIColor.White.ColorWithAlpha(0.2f).CGColor; + skiaView.PaintSurface += OnPaintSurface; + skiaView.Paused = true; + skiaView.EnableSetNeedsDisplay = false; + } + + public override void ViewDidAppear(bool animated) + { + base.ViewDidAppear(animated); + shaderBuilder ??= new Lazy(() => SKRuntimeEffect.BuildShader(ShaderSource)); + fpsCounter.Start(); + skiaView.Paused = false; + } + + public override void ViewWillDisappear(bool animated) + { + base.ViewWillDisappear(animated); + skiaView.Paused = true; + fpsCounter.Stop(); + } + + private void OnPaintSurface(object? sender, SKPaintMetalSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.BackendRenderTarget.Width; + var height = e.BackendRenderTarget.Height; + canvas.Clear(SKColors.Black); + + if (shaderBuilder == null) return; + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { width, height }; + builder.Uniforms["iTouchPos"] = new float[] { touchPos.X, touchPos.Y }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + + if (fpsCounter.Tick() is double fps) + InvokeOnMainThread(() => fpsLabel.Text = $" FPS: {fps:F0} "); + } + + public override void TouchesBegan(NSSet touches, UIEvent? evt) + { + base.TouchesBegan(touches, evt); + if (touches.AnyObject is UITouch touch && View != null) + { + var loc = touch.LocationInView(View); + touchPos = new SKPoint((float)(loc.X / View.Bounds.Width), (float)(loc.Y / View.Bounds.Height)); + touchActive = true; + } + } + + public override void TouchesMoved(NSSet touches, UIEvent? evt) + { + base.TouchesMoved(touches, evt); + if (touches.AnyObject is UITouch touch && View != null) + { + var loc = touch.LocationInView(View); + touchPos = new SKPoint((float)(loc.X / View.Bounds.Width), (float)(loc.Y / View.Bounds.Height)); + } + } + + public override void TouchesEnded(NSSet touches, UIEvent? evt) + { + base.TouchesEnded(touches, evt); + touchActive = false; + } + + public override void TouchesCancelled(NSSet touches, UIEvent? evt) + { + base.TouchesCancelled(touches, evt); + touchActive = false; + } +} diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/Info.plist b/samples/Basic/MacCatalyst/SkiaSharpSample/Info.plist index d2fd9fedaa..f456e976cd 100644 --- a/samples/Basic/MacCatalyst/SkiaSharpSample/Info.plist +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/Info.plist @@ -31,5 +31,26 @@ XSAppIconAssets Assets.xcassets/AppIcon.appiconset + UIMainStoryboardFile + Main + UIApplicationSceneManifest + + UIApplicationSupportsMultipleScenes + + UISceneConfigurations + + UIWindowSceneSessionRoleApplication + + + UISceneConfigurationName + Default Configuration + UISceneDelegateClassName + SceneDelegate + UISceneStoryboardFile + Main + + + + \ No newline at end of file diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/Main.storyboard b/samples/Basic/MacCatalyst/SkiaSharpSample/Main.storyboard new file mode 100644 index 0000000000..e8dd34dd95 --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/Main.storyboard @@ -0,0 +1,311 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/SamplePage.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..405316db2e --- /dev/null +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,11 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + GpuMetal, + Drawing, +} diff --git a/samples/Basic/MacCatalyst/SkiaSharpSample/SceneDelegate.cs b/samples/Basic/MacCatalyst/SkiaSharpSample/SceneDelegate.cs index 7e39feed5e..65afb284ad 100644 --- a/samples/Basic/MacCatalyst/SkiaSharpSample/SceneDelegate.cs +++ b/samples/Basic/MacCatalyst/SkiaSharpSample/SceneDelegate.cs @@ -1,54 +1,18 @@ namespace SkiaSharpSample; -[Register ("SceneDelegate")] -public class SceneDelegate : UIResponder, IUIWindowSceneDelegate { - - [Export ("window")] +[Register("SceneDelegate")] +public class SceneDelegate : UIResponder, IUIWindowSceneDelegate +{ + [Export("window")] public UIWindow? Window { get; set; } - [Export ("scene:willConnectToSession:options:")] - public void WillConnect (UIScene scene, UISceneSession session, UISceneConnectionOptions connectionOptions) - { - // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`. - // If using a storyboard, the `window` property will automatically be initialized and attached to the scene. - // This delegate does not imply the connecting scene or session are new (see UIApplicationDelegate `GetConfiguration` instead). - } - - [Export ("sceneDidDisconnect:")] - public void DidDisconnect (UIScene scene) - { - // Called as the scene is being released by the system. - // This occurs shortly after the scene enters the background, or when its session is discarded. - // Release any resources associated with this scene that can be re-created the next time the scene connects. - // The scene may re-connect later, as its session was not neccessarily discarded (see UIApplicationDelegate `DidDiscardSceneSessions` instead). - } - - [Export ("sceneDidBecomeActive:")] - public void DidBecomeActive (UIScene scene) - { - // Called when the scene has moved from an inactive state to an active state. - // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive. - } - - [Export ("sceneWillResignActive:")] - public void WillResignActive (UIScene scene) - { - // Called when the scene will move from an active state to an inactive state. - // This may occur due to temporary interruptions (ex. an incoming phone call). - } - - [Export ("sceneWillEnterForeground:")] - public void WillEnterForeground (UIScene scene) - { - // Called as the scene transitions from the background to the foreground. - // Use this method to undo the changes made on entering the background. - } - - [Export ("sceneDidEnterBackground:")] - public void DidEnterBackground (UIScene scene) + [Export("scene:willConnectToSession:options:")] + public void WillConnect(UIScene scene, UISceneSession session, UISceneConnectionOptions options) { - // Called as the scene transitions from the foreground to the background. - // Use this method to save data, release shared resources, and store enough scene-specific state information - // to restore the scene back to its current state. + if (AppDelegate.DefaultPage != SamplePage.Cpu && + Window?.RootViewController is UITabBarController tabs) + { + tabs.SelectedIndex = (nint)(int)AppDelegate.DefaultPage; + } } } diff --git a/samples/Basic/MacCatalyst/screenshots/cpu-dark.png b/samples/Basic/MacCatalyst/screenshots/cpu-dark.png new file mode 100644 index 0000000000..521e69fb5b Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/cpu-dark.png differ diff --git a/samples/Basic/MacCatalyst/screenshots/cpu-light.png b/samples/Basic/MacCatalyst/screenshots/cpu-light.png new file mode 100644 index 0000000000..ca80dfab28 Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/cpu-light.png differ diff --git a/samples/Basic/MacCatalyst/screenshots/drawing-dark.png b/samples/Basic/MacCatalyst/screenshots/drawing-dark.png new file mode 100644 index 0000000000..1677cefc84 Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/drawing-dark.png differ diff --git a/samples/Basic/MacCatalyst/screenshots/drawing-light.png b/samples/Basic/MacCatalyst/screenshots/drawing-light.png new file mode 100644 index 0000000000..e4c10878b3 Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/drawing-light.png differ diff --git a/samples/Basic/MacCatalyst/screenshots/gpu-metal-dark.png b/samples/Basic/MacCatalyst/screenshots/gpu-metal-dark.png new file mode 100644 index 0000000000..894e6629f5 Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/gpu-metal-dark.png differ diff --git a/samples/Basic/MacCatalyst/screenshots/gpu-metal-light.png b/samples/Basic/MacCatalyst/screenshots/gpu-metal-light.png new file mode 100644 index 0000000000..0683a7a858 Binary files /dev/null and b/samples/Basic/MacCatalyst/screenshots/gpu-metal-light.png differ diff --git a/samples/Basic/Maui/README.md b/samples/Basic/Maui/README.md new file mode 100644 index 0000000000..087d6fde02 --- /dev/null +++ b/samples/Basic/Maui/README.md @@ -0,0 +1,79 @@ +# SkiaSharp MAUI Sample + +Demonstrates SkiaSharp views in a .NET MAUI app with Shell navigation, cross-platform dark/light theming, and touch interaction. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a .NET MAUI app using XAML pages. The `SKCanvasView` and `SKGLView` are placed declaratively in `.xaml` files alongside standard MAUI controls, with Shell flyout navigation for page switching. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas that maps to the platform-native SkiaSharp view on each target (Android, iOS, Mac Catalyst, Windows). +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom font loaded from an embedded resource via `SKTypeface.FromStream`. + +### GPU + +A real-time animated shader running at full frame rate on the GPU, with touch interaction that adds a white-hot blob to the metaball field. + +**Features:** + +- **`SKGLView`** — Hardware-accelerated canvas that maps per-platform: `SKGLTextureView` on Android, `SKGLView` on iOS, `SKMetalView` on Mac Catalyst, `SKSwapChainPanel` on Windows. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **`EnableRenderLoop`** — Continuous animation driven by the platform's render loop. +- **Touch interaction** — Touch position is passed as a shader uniform via MAUI's `Touch` event. + +### Drawing + +A freehand drawing canvas with a color palette, brush size slider, and clear button. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from touch events. +- **`SKTouchEventArgs`** — Cross-platform touch tracking for press, move, and release. +- **Color palette** — Six selectable colors with dark/light mode variants. +- **Brush size** — Adjustable stroke width via a MAUI `Slider` control. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- MAUI workload: `dotnet workload install maui` + +## Running the Sample + +Build and run for a specific platform: + +```bash +dotnet build -f net8.0-maccatalyst +dotnet build -f net8.0-android +dotnet build -f net8.0-ios +``` + +To start on a different page, change `DefaultPage` in `App.xaml.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.Gpu; +``` + +Available pages: `Cpu` (default), `Gpu`, `Drawing` + +## Screenshots + +### Light Mode + +| CPU | GPU | Drawing | +|---|---|---| +| CPU | GPU | Drawing | + +### Dark Mode + +| CPU | GPU | Drawing | +|---|---|---| +| CPU Dark | GPU Dark | Drawing Dark | diff --git a/samples/Basic/Maui/SkiaSharpSample/App.xaml.cs b/samples/Basic/Maui/SkiaSharpSample/App.xaml.cs index c2cc0ca289..076f0a3bfd 100644 --- a/samples/Basic/Maui/SkiaSharpSample/App.xaml.cs +++ b/samples/Basic/Maui/SkiaSharpSample/App.xaml.cs @@ -1,20 +1,21 @@ using Microsoft.Maui; using Microsoft.Maui.Controls; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +public partial class App : Application { - public partial class App : Application - { - public App() - { - InitializeComponent(); - } + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; - protected override Window CreateWindow(IActivationState activationState) => - new Window - { - Title = "SkiaSharp Sample", - Page = new MainPage() - }; + public App() + { + InitializeComponent(); } + + protected override Window CreateWindow(IActivationState activationState) => + new Window + { + Title = "SkiaSharp Sample", + Page = new AppShell() + }; } diff --git a/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml b/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml new file mode 100644 index 0000000000..d28ba650ad --- /dev/null +++ b/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + diff --git a/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml.cs b/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml.cs new file mode 100644 index 0000000000..0440f09c88 --- /dev/null +++ b/samples/Basic/Maui/SkiaSharpSample/AppShell.xaml.cs @@ -0,0 +1,14 @@ +using Microsoft.Maui.Controls; + +namespace SkiaSharpSample; + +public partial class AppShell : Shell +{ + public AppShell() + { + InitializeComponent(); + + if (App.DefaultPage != SamplePage.Cpu) + CurrentItem = Items[(int)App.DefaultPage]; + } +} diff --git a/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml b/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml new file mode 100644 index 0000000000..4bdd772ee6 --- /dev/null +++ b/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml @@ -0,0 +1,9 @@ + + + + + diff --git a/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml.cs b/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml.cs new file mode 100644 index 0000000000..94118eefa0 --- /dev/null +++ b/samples/Basic/Maui/SkiaSharpSample/CpuPage.xaml.cs @@ -0,0 +1,71 @@ +using System; +using Microsoft.Maui.Controls; +using SkiaSharp; +using SkiaSharp.Views.Maui; + +namespace SkiaSharpSample; + +public partial class CpuPage : ContentPage +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + public CpuPage() + { + InitializeComponent(); + } + + private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + // Background gradient + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + // Circles + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + // Centered text + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } +} diff --git a/samples/Basic/Maui/SkiaSharpSample/DrawingPage.xaml b/samples/Basic/Maui/SkiaSharpSample/DrawingPage.xaml new file mode 100644 index 0000000000..d49dc582e0 --- /dev/null +++ b/samples/Basic/Maui/SkiaSharpSample/DrawingPage.xaml @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - \ No newline at end of file + + + + + + + + + + diff --git a/samples/Basic/iOS/SkiaSharpSample/SamplePage.cs b/samples/Basic/iOS/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..234308b437 --- /dev/null +++ b/samples/Basic/iOS/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,12 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu = 0, + GpuGL = 1, + GpuMetal = 2, + Drawing = 3, +} diff --git a/samples/Basic/iOS/SkiaSharpSample/ViewController.cs b/samples/Basic/iOS/SkiaSharpSample/ViewController.cs deleted file mode 100644 index b8b0113584..0000000000 --- a/samples/Basic/iOS/SkiaSharpSample/ViewController.cs +++ /dev/null @@ -1,43 +0,0 @@ -using SkiaSharp; -using SkiaSharp.Views.iOS; - -namespace SkiaSharpSample; - -public partial class ViewController : UIViewController -{ - protected ViewController(IntPtr handle) - : base(handle) - { - } - - public override void ViewDidLoad() - { - base.ViewDidLoad(); - - skiaView.IgnorePixelScaling = true; - skiaView.PaintSurface += OnPaintSurface; - } - - private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) - { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } -} diff --git a/samples/Basic/iOS/SkiaSharpSample/ViewController.designer.cs b/samples/Basic/iOS/SkiaSharpSample/ViewController.designer.cs deleted file mode 100644 index 77262cbfe7..0000000000 --- a/samples/Basic/iOS/SkiaSharpSample/ViewController.designer.cs +++ /dev/null @@ -1,27 +0,0 @@ -// WARNING -// -// This file has been generated automatically by Visual Studio from the outlets and -// actions declared in your storyboard file. -// Manual changes to this file will not be maintained. -// -using Foundation; -using System; -using System.CodeDom.Compiler; - -namespace SkiaSharpSample; - -[Register ("ViewController")] -partial class ViewController -{ - [Outlet] - [GeneratedCode ("iOS Designer", "1.0")] - SkiaSharp.Views.iOS.SKCanvasView skiaView { get; set; } - - void ReleaseDesignerOutlets () - { - if (skiaView != null) { - skiaView.Dispose (); - skiaView = null; - } - } -} diff --git a/samples/Basic/iOS/screenshots/cpu-dark.png b/samples/Basic/iOS/screenshots/cpu-dark.png new file mode 100644 index 0000000000..783c7e2f59 Binary files /dev/null and b/samples/Basic/iOS/screenshots/cpu-dark.png differ diff --git a/samples/Basic/iOS/screenshots/cpu.png b/samples/Basic/iOS/screenshots/cpu.png new file mode 100644 index 0000000000..f1a1bdc056 Binary files /dev/null and b/samples/Basic/iOS/screenshots/cpu.png differ diff --git a/samples/Basic/iOS/screenshots/drawing-dark.png b/samples/Basic/iOS/screenshots/drawing-dark.png new file mode 100644 index 0000000000..d0ed6c5efc Binary files /dev/null and b/samples/Basic/iOS/screenshots/drawing-dark.png differ diff --git a/samples/Basic/iOS/screenshots/drawing.png b/samples/Basic/iOS/screenshots/drawing.png new file mode 100644 index 0000000000..f4cc387d39 Binary files /dev/null and b/samples/Basic/iOS/screenshots/drawing.png differ diff --git a/samples/Basic/iOS/screenshots/gpu-gl-dark.png b/samples/Basic/iOS/screenshots/gpu-gl-dark.png new file mode 100644 index 0000000000..b8c271dff4 Binary files /dev/null and b/samples/Basic/iOS/screenshots/gpu-gl-dark.png differ diff --git a/samples/Basic/iOS/screenshots/gpu-gl.png b/samples/Basic/iOS/screenshots/gpu-gl.png new file mode 100644 index 0000000000..e26b56e49c Binary files /dev/null and b/samples/Basic/iOS/screenshots/gpu-gl.png differ diff --git a/samples/Basic/iOS/screenshots/gpu-metal-dark.png b/samples/Basic/iOS/screenshots/gpu-metal-dark.png new file mode 100644 index 0000000000..efd09b1089 Binary files /dev/null and b/samples/Basic/iOS/screenshots/gpu-metal-dark.png differ diff --git a/samples/Basic/iOS/screenshots/gpu-metal.png b/samples/Basic/iOS/screenshots/gpu-metal.png new file mode 100644 index 0000000000..924d71739f Binary files /dev/null and b/samples/Basic/iOS/screenshots/gpu-metal.png differ diff --git a/samples/Basic/macOS/README.md b/samples/Basic/macOS/README.md new file mode 100644 index 0000000000..b6cbf9089a --- /dev/null +++ b/samples/Basic/macOS/README.md @@ -0,0 +1,92 @@ +# SkiaSharp macOS Sample + +Demonstrates all SkiaSharp macOS view types with an `NSTabViewController` toolbar-style tab bar, storyboard-driven views, system dark/light mode support, and mouse interaction. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a native macOS AppKit app using storyboards and `NSViewController` subclasses. Each view type is placed in a storyboard scene and configured in Interface Builder — view controllers only contain event wiring and paint logic. Navigation uses an `NSTabViewController` which renders as a native macOS toolbar tab bar. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas backed by an `NSView`, ideal for static or infrequently updated content. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. +- **`SKTypeface`** — Custom font loaded from the app bundle via `SKTypeface.FromStream`. + +### GPU (OpenGL) + +A real-time animated shader running at full frame rate on the GPU via OpenGL, with mouse interaction that adds a white-hot blob to the metaball field. + +**Features:** + +- **`SKGLView`** — Hardware-accelerated canvas backed by `NSOpenGLView`, using OpenGL for rendering. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation with an FPS counter pill overlay. +- **Mouse interaction** — Mouse position is passed as a shader uniform via `NSEvent` mouse tracking. + +### GPU (Metal) + +A real-time animated shader running at full frame rate on the GPU via Apple's Metal framework, with mouse interaction. + +**Features:** + +- **`SKMetalView`** — Hardware-accelerated canvas backed by Metal, Apple's modern low-level GPU API. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation with an FPS counter pill overlay. +- **Mouse interaction** — Mouse position is passed as a shader uniform via `NSEvent` mouse tracking. + +### Drawing + +A freehand drawing canvas with a horizontal color palette, brush size slider, and a floating clear button. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas invalidated on demand after each stroke or clear. +- **`SKPath`** — Freehand strokes captured as paths with `MoveTo` and `LineTo` from mouse events. +- **`NSEvent`** — Mouse tracking for press, drag, and release across the canvas. +- **Scroll wheel** — Brush size adjustment via `ScrollWheel` event. +- **Color palette** — Six selectable colors with dark/light mode variants in a horizontal toolbar. +- **Floating toolbox** — Centered translucent toolbar with swatch row, brush size slider, and size label. +- **Floating clear button** — Top-right pill overlay to clear the canvas. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- macOS with [Xcode](https://developer.apple.com/xcode/) installed +- macOS workload: `dotnet workload install macos` + +## Running the Sample + +Build and run: + +```bash +dotnet build -f net8.0-macos +dotnet run -f net8.0-macos +``` + +To start on a different page, change `DefaultPage` in `AppDelegate.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.GpuMetal; +``` + +Available pages: `Cpu` (default), `GpuGL`, `GpuMetal`, `Drawing` + +## Screenshots + +### Light Mode + +| CPU | GPU (OpenGL) | GPU (Metal) | Drawing | +|---|---|---|---| +| CPU | GPU OpenGL | GPU Metal | Drawing | + +### Dark Mode + +| CPU | GPU (OpenGL) | GPU (Metal) | Drawing | +|---|---|---|---| +| CPU Dark | GPU OpenGL Dark | GPU Metal Dark | Drawing Dark | diff --git a/samples/Basic/macOS/SkiaSharpSample/AppDelegate.cs b/samples/Basic/macOS/SkiaSharpSample/AppDelegate.cs index 80b8ecc807..0bf7f1922c 100644 --- a/samples/Basic/macOS/SkiaSharpSample/AppDelegate.cs +++ b/samples/Basic/macOS/SkiaSharpSample/AppDelegate.cs @@ -1,21 +1,12 @@ -using AppKit; +using AppKit; using Foundation; -namespace SkiaSharpSample -{ - [Register(nameof(AppDelegate))] - public class AppDelegate : NSApplicationDelegate - { - public override void DidFinishLaunching(NSNotification notification) - { - // Insert code here to initialize your application - } +namespace SkiaSharpSample; - public override void WillTerminate(NSNotification notification) - { - // Insert code here to tear down your application - } +[Register(nameof(AppDelegate))] +public class AppDelegate : NSApplicationDelegate +{ + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; - public override bool ApplicationShouldTerminateAfterLastWindowClosed(NSApplication sender) => true; - } + public override bool ApplicationShouldTerminateAfterLastWindowClosed(NSApplication sender) => true; } diff --git a/samples/Basic/macOS/SkiaSharpSample/CpuViewController.cs b/samples/Basic/macOS/SkiaSharpSample/CpuViewController.cs new file mode 100644 index 0000000000..10e8c89399 --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/CpuViewController.cs @@ -0,0 +1,84 @@ +using System; +using AppKit; +using Foundation; +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.Mac; + +namespace SkiaSharpSample; + +[Register("CpuViewController")] +public class CpuViewController : NSViewController +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + public CpuViewController(NativeHandle handle) : base(handle) { } + + [Outlet("skiaView")] + SKCanvasView skiaView { get; set; } = null!; + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.IgnorePixelScaling = true; + skiaView.PaintSurface += OnPaintSurface; + } + + public override void ViewWillDisappear() + { + base.ViewWillDisappear(); + skiaView.PaintSurface -= OnPaintSurface; + } + + void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/DrawingViewController.cs b/samples/Basic/macOS/SkiaSharpSample/DrawingViewController.cs new file mode 100644 index 0000000000..812e431a7d --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/DrawingViewController.cs @@ -0,0 +1,216 @@ +using System; +using System.Collections.Generic; +using AppKit; +using CoreGraphics; +using Foundation; +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.Mac; + +namespace SkiaSharpSample; + +[Register("DrawingViewController")] +public class DrawingViewController : NSViewController +{ + static readonly (SKColor Light, SKColor Dark)[] palette = + { + (SKColors.Black, SKColors.White), + (new SKColor(0xE5, 0x39, 0x35), new SKColor(0xEF, 0x53, 0x50)), // red + (new SKColor(0x1E, 0x88, 0xE5), new SKColor(0x42, 0xA5, 0xF5)), // blue + (new SKColor(0x43, 0xA0, 0x47), new SKColor(0x66, 0xBB, 0x6A)), // green + (new SKColor(0xFB, 0x8C, 0x00), new SKColor(0xFF, 0xA7, 0x26)), // orange + (new SKColor(0x8E, 0x24, 0xAA), new SKColor(0xAB, 0x47, 0xBC)), // purple + }; + + readonly List strokes = new(); + readonly List paletteSwatches = new(); + NSView? selectedSwatch; + SKPath? currentPath; + int colorIndex; + float brushSize = 4f; + + bool IsDarkMode => + NSApplication.SharedApplication.EffectiveAppearance.Name.ToString() + .Contains("Dark", StringComparison.OrdinalIgnoreCase); + SKColor CanvasBackground => IsDarkMode ? new SKColor(0x11, 0x13, 0x18) : SKColors.White; + SKColor ResolveColor(SKColor light, SKColor dark) => IsDarkMode ? dark : light; + + [Outlet("skiaView")] + SKCanvasView skiaView { get; set; } = null!; + + [Outlet("clearButton")] + NSButton clearButton { get; set; } = null!; + + [Outlet("brushSlider")] + NSSlider brushSlider { get; set; } = null!; + + [Outlet("brushLabel")] + NSTextField brushLabel { get; set; } = null!; + + [Outlet("swatchStack")] + NSStackView swatchStack { get; set; } = null!; + + [Outlet("toolbox")] + NSBox toolbox { get; set; } = null!; + + public DrawingViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + + skiaView.IgnorePixelScaling = true; + skiaView.PaintSurface += OnPaintSurface; + + // Style toolbox with translucent background + toolbox.WantsLayer = true; + toolbox.Layer!.BackgroundColor = new CGColor(0.5f, 0.5f, 0.5f, 0.3f); + toolbox.Layer.CornerRadius = 16; + toolbox.Layer.MasksToBounds = true; + + clearButton.Activated += (s, e) => + { + foreach (var stroke in strokes) + stroke.Path.Dispose(); + strokes.Clear(); + currentPath?.Dispose(); + currentPath = null; + skiaView.NeedsDisplay = true; + }; + + brushSlider.Activated += (s, e) => + { + brushSize = (float)brushSlider.DoubleValue; + brushLabel.StringValue = $"{brushSize:F0}px"; + }; + + var arrangedSubviews = swatchStack.ArrangedSubviews; + for (int i = 0; i < arrangedSubviews.Length && i < palette.Length; i++) + { + var idx = i; + var swatch = arrangedSubviews[i]; + var (light, dark) = palette[i]; + var resolved = ResolveColor(light, dark); + swatch.WantsLayer = true; + swatch.Layer!.BackgroundColor = new CGColor(resolved.Red / 255f, resolved.Green / 255f, resolved.Blue / 255f); + swatch.Layer.CornerRadius = 16; + + var click = new NSClickGestureRecognizer(() => + { + colorIndex = idx; + UpdateSwatchSelection(swatch); + skiaView.NeedsDisplay = true; + }); + swatch.AddGestureRecognizer(click); + + paletteSwatches.Add(swatch); + + if (i == 0) + { + swatch.Layer.BorderWidth = 3; + swatch.Layer.BorderColor = NSColor.SystemBlue.CGColor; + selectedSwatch = swatch; + } + } + } + + void UpdateSwatchSelection(NSView swatch) + { + if (selectedSwatch != null) + selectedSwatch.Layer!.BorderWidth = 0; + swatch.Layer!.BorderWidth = 3; + swatch.Layer.BorderColor = NSColor.SystemBlue.CGColor; + selectedSwatch = swatch; + } + + public override void MouseDown(NSEvent theEvent) + { + var pt = CanvasPoint(theEvent); + currentPath = new SKPath(); + currentPath.MoveTo(pt); + skiaView.NeedsDisplay = true; + } + + public override void MouseDragged(NSEvent theEvent) + { + if (currentPath == null) return; + var pt = CanvasPoint(theEvent); + currentPath.LineTo(pt); + skiaView.NeedsDisplay = true; + } + + public override void MouseUp(NSEvent theEvent) + { + if (currentPath == null) return; + var (light, dark) = palette[colorIndex]; + strokes.Add(new Stroke + { + Path = currentPath, + Color = ResolveColor(light, dark), + Width = brushSize, + }); + currentPath = null; + skiaView.NeedsDisplay = true; + } + + public override void ScrollWheel(NSEvent theEvent) + { + brushSize = Math.Clamp(brushSize + (float)theEvent.ScrollingDeltaY * 0.5f, 1f, 50f); + brushSlider.DoubleValue = brushSize; + brushLabel.StringValue = $"{brushSize:F0}px"; + skiaView.NeedsDisplay = true; + } + + SKPoint CanvasPoint(NSEvent theEvent) + { + var loc = skiaView.ConvertPointFromView(theEvent.LocationInWindow, null); + // NSView origin is bottom-left; SkiaSharp canvas origin is top-left + return new SKPoint((float)loc.X, (float)(skiaView.Bounds.Height - loc.Y)); + } + + void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + { + // Update palette swatch colors for current appearance + for (int i = 0; i < paletteSwatches.Count && i < palette.Length; i++) + { + var (l, d) = palette[i]; + var c = ResolveColor(l, d); + paletteSwatches[i].Layer!.BackgroundColor = new CGColor(c.Red / 255f, c.Green / 255f, c.Blue / 255f); + } + + var canvas = e.Surface.Canvas; + canvas.Clear(CanvasBackground); + + using var paint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Stroke, + StrokeCap = SKStrokeCap.Round, + StrokeJoin = SKStrokeJoin.Round, + }; + + // Draw completed strokes + foreach (var stroke in strokes) + { + paint.Color = stroke.Color; + paint.StrokeWidth = stroke.Width; + canvas.DrawPath(stroke.Path, paint); + } + + // Draw current in-progress stroke + if (currentPath != null) + { + var (cl, cd) = palette[colorIndex]; + paint.Color = ResolveColor(cl, cd); + paint.StrokeWidth = brushSize; + canvas.DrawPath(currentPath, paint); + } + } + + class Stroke + { + public SKPath Path { get; init; } = null!; + public SKColor Color { get; init; } + public float Width { get; init; } + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/FpsCounter.cs b/samples/Basic/macOS/SkiaSharpSample/FpsCounter.cs new file mode 100644 index 0000000000..136fcdccef --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/FpsCounter.cs @@ -0,0 +1,50 @@ +using System.Diagnostics; + +namespace SkiaSharpSample; + +/// +/// Lightweight frame-rate counter. Call once per frame; +/// it returns the measured FPS each time the sampling interval elapses. +/// Also exposes so GPU pages can feed shader time +/// from the same clock without a separate . +/// +public sealed class FpsCounter +{ + private readonly Stopwatch stopwatch = new(); + + private int frameCount; + private double lastSampleTime; + + /// + /// Seconds between FPS samples (default 0.5 s). + /// + public double Interval { get; set; } = 0.5; + + /// + /// Wall-clock seconds since was called. + /// Useful as a shader iTime uniform. + /// + public float ElapsedSeconds => (float)stopwatch.Elapsed.TotalSeconds; + + public void Start() => stopwatch.Start(); + + public void Stop() => stopwatch.Stop(); + + /// + /// Record one frame. Returns the measured FPS when the sampling + /// interval has elapsed, or null otherwise. + /// + public double? Tick() + { + frameCount++; + var now = stopwatch.Elapsed.TotalSeconds; + var delta = now - lastSampleTime; + if (delta < Interval) + return null; + + var fps = frameCount / delta; + frameCount = 0; + lastSampleTime = now; + return fps; + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/GpuGLViewController.cs b/samples/Basic/macOS/SkiaSharpSample/GpuGLViewController.cs new file mode 100644 index 0000000000..7d34152053 --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/GpuGLViewController.cs @@ -0,0 +1,173 @@ +using AppKit; +using CoreGraphics; +using Foundation; +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.Mac; + +namespace SkiaSharpSample; + +[Register("GpuGLViewController")] +public class GpuGLViewController : NSViewController +{ + const string ShaderSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float2 iTouchPos; +uniform float iTouchActive; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + + float field = 0.0; + float3 weighted = float3(0.0); + + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + weighted += float3(1.0, 0.95, 0.9) * strength; + } + + float3 blobColor = weighted / max(field, 0.001); + + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + + return half4(clamp(result, 0.0, 1.0), 1.0); +} +"; + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, // rose + 0.3f, 0.7f, 1.0f, // sky blue + 1.0f, 0.6f, 0.1f, // amber + 0.4f, 1.0f, 0.7f, // mint + 0.7f, 0.3f, 1.0f, // violet + 1.0f, 0.9f, 0.2f, // yellow + }; + + readonly FpsCounter fpsCounter = new(); + + [Outlet("skiaView")] + SKGLView skiaView { get; set; } = null!; + + [Outlet("fpsLabel")] + NSTextField fpsLabel { get; set; } = null!; + + NSTimer? timer; + readonly Lazy shaderBuilder = new(() => SKRuntimeEffect.BuildShader(ShaderSource)); + SKPoint touchPos = new(-1f, -1f); + bool touchActive; + double lastFps; + + public GpuGLViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.PaintSurface += OnPaintSurface; + + // Style FPS label as pill + fpsLabel.WantsLayer = true; + fpsLabel.Layer!.BackgroundColor = new CGColor(0f, 0f, 0f, 0.5f); + fpsLabel.Layer.CornerRadius = 12; + fpsLabel.Layer.BorderWidth = 1; + fpsLabel.Layer.BorderColor = new CGColor(1f, 1f, 1f, 0.2f); + fpsLabel.TextColor = NSColor.White; + fpsLabel.DrawsBackground = false; + fpsLabel.Editable = false; + fpsLabel.Bezeled = false; + } + + public override void ViewDidAppear() + { + base.ViewDidAppear(); + fpsCounter.Start(); + timer?.Invalidate(); + timer = NSTimer.CreateRepeatingScheduledTimer(1.0 / 60.0, _ => + { + skiaView.NeedsDisplay = true; + }); + } + + public override void ViewWillDisappear() + { + base.ViewWillDisappear(); + timer?.Invalidate(); + timer = null; + fpsCounter.Stop(); + } + + public override void MouseDown(NSEvent theEvent) => UpdateTouch(theEvent, true); + public override void MouseDragged(NSEvent theEvent) => UpdateTouch(theEvent, true); + public override void MouseUp(NSEvent theEvent) => UpdateTouch(theEvent, false); + + void UpdateTouch(NSEvent theEvent, bool active) + { + touchActive = active; + if (!active || View == null) return; + var loc = View.ConvertPointFromView(theEvent.LocationInWindow, null); + touchPos = new SKPoint((float)(loc.X / View.Bounds.Width), (float)(1.0 - loc.Y / View.Bounds.Height)); + } + + void OnPaintSurface(object? sender, SKPaintGLSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { width, height }; + builder.Uniforms["iTouchPos"] = new float[] { touchPos.X, touchPos.Y }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + + if (fpsCounter.Tick() is double fps) + lastFps = fps; + + BeginInvokeOnMainThread(() => fpsLabel.StringValue = $" FPS: {lastFps:F0} (GL) "); + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/GpuMetalViewController.cs b/samples/Basic/macOS/SkiaSharpSample/GpuMetalViewController.cs new file mode 100644 index 0000000000..2193a24a07 --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/GpuMetalViewController.cs @@ -0,0 +1,170 @@ +using AppKit; +using CoreGraphics; +using Foundation; +using ObjCRuntime; +using SkiaSharp; +using SkiaSharp.Views.Mac; + +namespace SkiaSharpSample; + +[Register("GpuMetalViewController")] +public class GpuMetalViewController : NSViewController +{ + const string ShaderSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float2 iTouchPos; +uniform float iTouchActive; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + + float field = 0.0; + float3 weighted = float3(0.0); + + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + + if (iTouchActive > 0.5) { + float2 touchSt = float2(iTouchPos.x * aspect, iTouchPos.y); + float2 d = st - touchSt; + float r = length(d); + float strength = 0.050 / (r * r + 0.002); + field += strength; + weighted += float3(1.0, 0.95, 0.9) * strength; + } + + float3 blobColor = weighted / max(field, 0.001); + + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + + return half4(clamp(result, 0.0, 1.0), 1.0); +} +"; + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, // rose + 0.3f, 0.7f, 1.0f, // sky blue + 1.0f, 0.6f, 0.1f, // amber + 0.4f, 1.0f, 0.7f, // mint + 0.7f, 0.3f, 1.0f, // violet + 1.0f, 0.9f, 0.2f, // yellow + }; + + readonly FpsCounter fpsCounter = new(); + + [Outlet("skiaView")] + SKMetalView skiaView { get; set; } = null!; + + [Outlet("fpsLabel")] + NSTextField fpsLabel { get; set; } = null!; + + readonly Lazy shaderBuilder = new(() => SKRuntimeEffect.BuildShader(ShaderSource)); + SKPoint touchPos = new(-1f, -1f); + bool touchActive; + double lastFps; + + public GpuMetalViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.PaintSurface += OnPaintSurface; + skiaView.Paused = true; + skiaView.EnableSetNeedsDisplay = false; + skiaView.PreferredFramesPerSecond = 60; + + // Style FPS label as pill + fpsLabel.WantsLayer = true; + fpsLabel.Layer!.BackgroundColor = new CGColor(0f, 0f, 0f, 0.5f); + fpsLabel.Layer.CornerRadius = 12; + fpsLabel.Layer.BorderWidth = 1; + fpsLabel.Layer.BorderColor = new CGColor(1f, 1f, 1f, 0.2f); + fpsLabel.TextColor = NSColor.White; + fpsLabel.DrawsBackground = false; + fpsLabel.Editable = false; + fpsLabel.Bezeled = false; + } + + public override void ViewDidAppear() + { + base.ViewDidAppear(); + fpsCounter.Start(); + skiaView.Paused = false; + } + + public override void ViewWillDisappear() + { + base.ViewWillDisappear(); + skiaView.Paused = true; + fpsCounter.Stop(); + } + + public override void MouseDown(NSEvent theEvent) => UpdateTouch(theEvent, true); + public override void MouseDragged(NSEvent theEvent) => UpdateTouch(theEvent, true); + public override void MouseUp(NSEvent theEvent) => UpdateTouch(theEvent, false); + + void UpdateTouch(NSEvent theEvent, bool active) + { + touchActive = active; + if (!active || View == null) return; + var loc = View.ConvertPointFromView(theEvent.LocationInWindow, null); + touchPos = new SKPoint((float)(loc.X / View.Bounds.Width), (float)(1.0 - loc.Y / View.Bounds.Height)); + } + + void OnPaintSurface(object? sender, SKPaintMetalSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { width, height }; + builder.Uniforms["iTouchPos"] = new float[] { touchPos.X, touchPos.Y }; + builder.Uniforms["iTouchActive"] = touchActive ? 1f : 0f; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + + if (fpsCounter.Tick() is double fps) + lastFps = fps; + + BeginInvokeOnMainThread(() => fpsLabel.StringValue = $" FPS: {lastFps:F0} (Metal) "); + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/Main.cs b/samples/Basic/macOS/SkiaSharpSample/Main.cs index bbe843b74e..cae432c04d 100644 --- a/samples/Basic/macOS/SkiaSharpSample/Main.cs +++ b/samples/Basic/macOS/SkiaSharpSample/Main.cs @@ -1,13 +1,12 @@ -using AppKit; +using AppKit; -namespace SkiaSharpSample +namespace SkiaSharpSample; + +static class MainClass { - static class MainClass + static void Main(string[] args) { - static void Main(string[] args) - { - NSApplication.Init(); - NSApplication.Main(args); - } + NSApplication.Init(); + NSApplication.Main(args); } } diff --git a/samples/Basic/macOS/SkiaSharpSample/Main.storyboard b/samples/Basic/macOS/SkiaSharpSample/Main.storyboard index 003bad412b..122b76945e 100644 --- a/samples/Basic/macOS/SkiaSharpSample/Main.storyboard +++ b/samples/Basic/macOS/SkiaSharpSample/Main.storyboard @@ -1,23 +1,159 @@ - + - + - - + + - - + + - + + - + - + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -26,56 +162,280 @@ - + - - + + - + - + - - + + - + - + - + - + - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - - - + + + + + + + + - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + \ No newline at end of file diff --git a/samples/Basic/macOS/SkiaSharpSample/MainTabViewController.cs b/samples/Basic/macOS/SkiaSharpSample/MainTabViewController.cs new file mode 100644 index 0000000000..b971f59de6 --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/MainTabViewController.cs @@ -0,0 +1,16 @@ +using AppKit; +using ObjCRuntime; + +namespace SkiaSharpSample; + +[Register("MainTabViewController")] +public class MainTabViewController : NSTabViewController +{ + public MainTabViewController(NativeHandle handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + SelectedTabViewItemIndex = (nint)(int)AppDelegate.DefaultPage; + } +} diff --git a/samples/Basic/macOS/SkiaSharpSample/SamplePage.cs b/samples/Basic/macOS/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..b41837d755 --- /dev/null +++ b/samples/Basic/macOS/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,12 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + GpuGL, + GpuMetal, + Drawing, +} diff --git a/samples/Basic/macOS/SkiaSharpSample/ViewController.cs b/samples/Basic/macOS/SkiaSharpSample/ViewController.cs deleted file mode 100644 index 5300a21d7f..0000000000 --- a/samples/Basic/macOS/SkiaSharpSample/ViewController.cs +++ /dev/null @@ -1,47 +0,0 @@ -using System; -using AppKit; - -using SkiaSharp; -using SkiaSharp.Views.Mac; - -namespace SkiaSharpSample -{ - public partial class ViewController : NSViewController - { - public ViewController(IntPtr handle) - : base(handle) - { - } - - public override void ViewDidLoad() - { - base.ViewDidLoad(); - - skiaView.IgnorePixelScaling = true; - skiaView.PaintSurface += OnPaintSurface; - } - - private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) - { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } - } -} diff --git a/samples/Basic/macOS/SkiaSharpSample/ViewController.designer.cs b/samples/Basic/macOS/SkiaSharpSample/ViewController.designer.cs deleted file mode 100644 index e03f03b687..0000000000 --- a/samples/Basic/macOS/SkiaSharpSample/ViewController.designer.cs +++ /dev/null @@ -1,26 +0,0 @@ -// WARNING -// -// This file has been generated automatically by Visual Studio to store outlets and -// actions made in the UI designer. If it is removed, they will be lost. -// Manual changes to this file may not be handled correctly. -// -using Foundation; -using System.CodeDom.Compiler; - -namespace SkiaSharpSample -{ - [Register ("ViewController")] - partial class ViewController - { - [Outlet] - SkiaSharp.Views.Mac.SKCanvasView skiaView { get; set; } - - void ReleaseDesignerOutlets () - { - if (skiaView != null) { - skiaView.Dispose (); - skiaView = null; - } - } - } -} diff --git a/samples/Basic/macOS/screenshots/cpu-dark.png b/samples/Basic/macOS/screenshots/cpu-dark.png new file mode 100644 index 0000000000..317e1703c3 Binary files /dev/null and b/samples/Basic/macOS/screenshots/cpu-dark.png differ diff --git a/samples/Basic/macOS/screenshots/cpu-light.png b/samples/Basic/macOS/screenshots/cpu-light.png new file mode 100644 index 0000000000..d219d1a0c1 Binary files /dev/null and b/samples/Basic/macOS/screenshots/cpu-light.png differ diff --git a/samples/Basic/macOS/screenshots/drawing-dark.png b/samples/Basic/macOS/screenshots/drawing-dark.png new file mode 100644 index 0000000000..b15f2a4cb6 Binary files /dev/null and b/samples/Basic/macOS/screenshots/drawing-dark.png differ diff --git a/samples/Basic/macOS/screenshots/drawing-light.png b/samples/Basic/macOS/screenshots/drawing-light.png new file mode 100644 index 0000000000..258a9c3d9e Binary files /dev/null and b/samples/Basic/macOS/screenshots/drawing-light.png differ diff --git a/samples/Basic/macOS/screenshots/gpu-gl-dark.png b/samples/Basic/macOS/screenshots/gpu-gl-dark.png new file mode 100644 index 0000000000..c1ee6d9118 Binary files /dev/null and b/samples/Basic/macOS/screenshots/gpu-gl-dark.png differ diff --git a/samples/Basic/macOS/screenshots/gpu-gl-light.png b/samples/Basic/macOS/screenshots/gpu-gl-light.png new file mode 100644 index 0000000000..bee3952208 Binary files /dev/null and b/samples/Basic/macOS/screenshots/gpu-gl-light.png differ diff --git a/samples/Basic/macOS/screenshots/gpu-metal-dark.png b/samples/Basic/macOS/screenshots/gpu-metal-dark.png new file mode 100644 index 0000000000..447e86768c Binary files /dev/null and b/samples/Basic/macOS/screenshots/gpu-metal-dark.png differ diff --git a/samples/Basic/macOS/screenshots/gpu-metal-light.png b/samples/Basic/macOS/screenshots/gpu-metal-light.png new file mode 100644 index 0000000000..7f7bb76a67 Binary files /dev/null and b/samples/Basic/macOS/screenshots/gpu-metal-light.png differ diff --git a/samples/Basic/tvOS/README.md b/samples/Basic/tvOS/README.md new file mode 100644 index 0000000000..8902571250 --- /dev/null +++ b/samples/Basic/tvOS/README.md @@ -0,0 +1,66 @@ +# SkiaSharp tvOS Sample + +Demonstrates SkiaSharp views on tvOS with a `UITabBarController` for navigation and support for both OpenGL and Metal GPU backends. + +## Sample Pages + +This sample shows how to integrate SkiaSharp views into a tvOS app using storyboards and `UIViewController` subclasses. Navigation uses a tab bar pattern suited for the Apple TV remote. There is no drawing page since the Siri Remote does not support direct touch on the screen. + +### CPU + +A static scene rendered on the CPU — a radial gradient background overlaid with semi-transparent colored circles and centered "SkiaSharp" text. + +**Features:** + +- **`SKCanvasView`** — Software-rendered canvas backed by a `UIView`, ideal for static or infrequently updated content. +- **`SKShader`** — Radial gradient background created with `SKShader.CreateRadialGradient`. +- **`SKCanvas.DrawCircle`** — Semi-transparent colored circles composited over the gradient. +- **`SKCanvas.DrawText`** — Centered "SkiaSharp" text rendered with measured alignment. + +### GPU (OpenGL) + +A real-time animated shader running at full frame rate on the GPU via OpenGL ES. + +**Features:** + +- **`SKGLView`** — Hardware-accelerated canvas backed by GLKit's `GLKView`, using OpenGL ES for rendering. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation driven by `CADisplayLink` at 60 FPS. + +### GPU (Metal) + +A real-time animated shader running at full frame rate on the GPU via Apple's Metal framework. + +**Features:** + +- **`SKMetalView`** — Hardware-accelerated canvas backed by Metal, Apple's modern low-level GPU API. +- **`SKRuntimeEffect`** — SkSL metaball "lava lamp" shader compiled at runtime with `SKRuntimeEffect.BuildShader`. +- **Render loop** — Continuous animation with `MTKView` pause/resume lifecycle at 60 FPS. + +## Requirements + +- [.NET 8 SDK](https://dotnet.microsoft.com/download) or later +- macOS with [Xcode](https://developer.apple.com/xcode/) installed (tvOS platform required) +- tvOS workload: `dotnet workload install tvos` + +## Running the Sample + +Build and deploy to a simulator or device: + +```bash +dotnet build -f net8.0-tvos +``` + +To start on a different tab, change `DefaultPage` in `AppDelegate.cs`: + +```csharp +public static SamplePage DefaultPage { get; set; } = SamplePage.GpuMetal; +``` + +Available pages: `Cpu` (default), `GpuGL`, `GpuMetal` + +## Screenshots + +| CPU | GPU (Metal) | +|---|---| +| CPU | GPU Metal | diff --git a/samples/Basic/tvOS/SkiaSharpSample/AppDelegate.cs b/samples/Basic/tvOS/SkiaSharpSample/AppDelegate.cs index 11e2653c23..655ca9bba8 100644 --- a/samples/Basic/tvOS/SkiaSharpSample/AppDelegate.cs +++ b/samples/Basic/tvOS/SkiaSharpSample/AppDelegate.cs @@ -3,7 +3,17 @@ [Register(nameof(AppDelegate))] public class AppDelegate : UIApplicationDelegate { + public static SamplePage DefaultPage { get; set; } = SamplePage.Cpu; + public override UIWindow? Window { get; set; } - public override bool FinishedLaunching(UIApplication application, NSDictionary launchOptions) => true; + public override bool FinishedLaunching(UIApplication application, NSDictionary launchOptions) + { + UITabBar.Appearance.BackgroundColor = UIColor.Clear; + + if (Window?.RootViewController is UITabBarController tabBarController) + tabBarController.SelectedIndex = (int)DefaultPage; + + return true; + } } diff --git a/samples/Basic/tvOS/SkiaSharpSample/CpuViewController.cs b/samples/Basic/tvOS/SkiaSharpSample/CpuViewController.cs new file mode 100644 index 0000000000..2eb09adecb --- /dev/null +++ b/samples/Basic/tvOS/SkiaSharpSample/CpuViewController.cs @@ -0,0 +1,88 @@ +using SkiaSharp; +using SkiaSharp.Views.tvOS; + +namespace SkiaSharpSample; + +[Register("CpuViewController")] +public class CpuViewController : UIViewController +{ + static readonly (float X, float Y, float R, SKColor Color)[] circles = + { + (0.20f, 0.30f, 0.10f, new SKColor(0xFF, 0x4D, 0x66, 0xCC)), + (0.75f, 0.25f, 0.08f, new SKColor(0x4D, 0xB3, 0xFF, 0xCC)), + (0.15f, 0.70f, 0.07f, new SKColor(0xFF, 0x99, 0x1A, 0xCC)), + (0.80f, 0.70f, 0.12f, new SKColor(0x66, 0xFF, 0xB3, 0xCC)), + (0.50f, 0.15f, 0.06f, new SKColor(0xB3, 0x4D, 0xFF, 0xCC)), + (0.40f, 0.80f, 0.09f, new SKColor(0xFF, 0xE6, 0x33, 0xCC)), + }; + + static readonly SKColor[] gradientColors = + { + new SKColor(0x44, 0x88, 0xFF), + new SKColor(0x88, 0x33, 0xCC), + }; + + [Outlet] + SKCanvasView skiaView { get; set; } = null!; + + public CpuViewController(IntPtr handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + + skiaView.IgnorePixelScaling = true; + skiaView.PaintSurface += OnPaintSurface; + } + + public override void ViewWillAppear(bool animated) + { + base.ViewWillAppear(animated); + skiaView?.SetNeedsDisplay(); + } + + private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.Info.Width; + var height = e.Info.Height; + var center = new SKPoint(width / 2f, height / 2f); + var radius = Math.Max(width, height) / 2f; + + canvas.Clear(SKColors.White); + + // Background gradient + using var shader = SKShader.CreateRadialGradient(center, radius, gradientColors, SKShaderTileMode.Clamp); + using var bgPaint = new SKPaint + { + IsAntialias = true, + Shader = shader, + }; + canvas.DrawRect(0, 0, width, height, bgPaint); + + // Circles + using var circlePaint = new SKPaint + { + IsAntialias = true, + Style = SKPaintStyle.Fill, + }; + foreach (var (x, y, r, color) in circles) + { + circlePaint.Color = color; + canvas.DrawCircle(x * width, y * height, r * Math.Min(width, height), circlePaint); + } + + // Centered text + using var textPaint = new SKPaint + { + Color = SKColors.White, + IsAntialias = true, + }; + using var font = new SKFont { Size = width * 0.12f }; + canvas.DrawText("SkiaSharp", center.X, center.Y + font.Size / 3f, SKTextAlign.Center, font, textPaint); + + // Platform label + using var labelFont = new SKFont { Size = 28 }; + canvas.DrawText("SkiaSharp \u00B7 tvOS", center.X, height - 60f, SKTextAlign.Center, labelFont, textPaint); + } +} diff --git a/samples/Basic/tvOS/SkiaSharpSample/FpsCounter.cs b/samples/Basic/tvOS/SkiaSharpSample/FpsCounter.cs new file mode 100644 index 0000000000..136fcdccef --- /dev/null +++ b/samples/Basic/tvOS/SkiaSharpSample/FpsCounter.cs @@ -0,0 +1,50 @@ +using System.Diagnostics; + +namespace SkiaSharpSample; + +/// +/// Lightweight frame-rate counter. Call once per frame; +/// it returns the measured FPS each time the sampling interval elapses. +/// Also exposes so GPU pages can feed shader time +/// from the same clock without a separate . +/// +public sealed class FpsCounter +{ + private readonly Stopwatch stopwatch = new(); + + private int frameCount; + private double lastSampleTime; + + /// + /// Seconds between FPS samples (default 0.5 s). + /// + public double Interval { get; set; } = 0.5; + + /// + /// Wall-clock seconds since was called. + /// Useful as a shader iTime uniform. + /// + public float ElapsedSeconds => (float)stopwatch.Elapsed.TotalSeconds; + + public void Start() => stopwatch.Start(); + + public void Stop() => stopwatch.Stop(); + + /// + /// Record one frame. Returns the measured FPS when the sampling + /// interval has elapsed, or null otherwise. + /// + public double? Tick() + { + frameCount++; + var now = stopwatch.Elapsed.TotalSeconds; + var delta = now - lastSampleTime; + if (delta < Interval) + return null; + + var fps = frameCount / delta; + frameCount = 0; + lastSampleTime = now; + return fps; + } +} diff --git a/samples/Basic/tvOS/SkiaSharpSample/GpuGLViewController.cs b/samples/Basic/tvOS/SkiaSharpSample/GpuGLViewController.cs new file mode 100644 index 0000000000..6fddd07713 --- /dev/null +++ b/samples/Basic/tvOS/SkiaSharpSample/GpuGLViewController.cs @@ -0,0 +1,136 @@ +using CoreAnimation; +using SkiaSharp; +using SkiaSharp.Views.tvOS; + +namespace SkiaSharpSample; + +#pragma warning disable CA1422 // SKGLView uses deprecated GLKit + +[Register("GpuGLViewController")] +public class GpuGLViewController : UIViewController +{ + private const string ShaderSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + float field = 0.0; + float3 weighted = float3(0.0); + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + float3 blobColor = weighted / max(field, 0.001); + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + return half4(clamp(result, 0.0, 1.0), 1.0); +} +"; + + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, + 0.3f, 0.7f, 1.0f, + 1.0f, 0.6f, 0.1f, + 0.4f, 1.0f, 0.7f, + 0.7f, 0.3f, 1.0f, + 1.0f, 0.9f, 0.2f, + }; + + private readonly FpsCounter fpsCounter = new(); + private Lazy? shaderBuilder; + private CADisplayLink? displayLink; + + [Outlet] + SKGLView skiaView { get; set; } = null!; + + public GpuGLViewController(IntPtr handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.PaintSurface += OnPaintSurface; + } + + public override void ViewDidAppear(bool animated) + { + base.ViewDidAppear(animated); + + shaderBuilder ??= new Lazy(() => SKRuntimeEffect.BuildShader(ShaderSource)); + fpsCounter.Start(); + + displayLink?.Invalidate(); + displayLink = CADisplayLink.Create(() => skiaView.Display()); + displayLink.PreferredFramesPerSecond = 60; + displayLink.AddToRunLoop(NSRunLoop.Main, NSRunLoopMode.Default); + } + + public override void ViewWillDisappear(bool animated) + { + base.ViewWillDisappear(animated); + + displayLink?.Invalidate(); + displayLink = null; + fpsCounter.Stop(); + } + + private void OnPaintSurface(object? sender, SKPaintGLSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var width = e.BackendRenderTarget.Width; + var height = e.BackendRenderTarget.Height; + canvas.Clear(SKColors.Black); + + if (shaderBuilder == null) + return; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { width, height }; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(0, 0, width, height, paint); + } + + protected override void Dispose(bool disposing) + { + if (disposing) + { + displayLink?.Invalidate(); + displayLink = null; + if (shaderBuilder?.IsValueCreated == true) + shaderBuilder.Value.Dispose(); + shaderBuilder = null; + } + base.Dispose(disposing); + } +} + +#pragma warning restore CA1422 diff --git a/samples/Basic/tvOS/SkiaSharpSample/GpuMetalViewController.cs b/samples/Basic/tvOS/SkiaSharpSample/GpuMetalViewController.cs new file mode 100644 index 0000000000..41513defa6 --- /dev/null +++ b/samples/Basic/tvOS/SkiaSharpSample/GpuMetalViewController.cs @@ -0,0 +1,123 @@ +using SkiaSharp; +using SkiaSharp.Views.tvOS; + +namespace SkiaSharpSample; + +[Register("GpuMetalViewController")] +public class GpuMetalViewController : UIViewController +{ + private const string ShaderSource = @" +uniform float iTime; +uniform float2 iResolution; +uniform float3 iColors[6]; + +half4 main(float2 fragCoord) { + float2 uv = fragCoord / iResolution; + float aspect = iResolution.x / iResolution.y; + float2 st = float2(uv.x * aspect, uv.y); + float t = iTime; + float field = 0.0; + float3 weighted = float3(0.0); + for (int i = 0; i < 6; i++) { + float fi = float(i); + float phase = fi * 1.047; + float speed = 0.3 + fi * 0.07; + float2 center = float2( + aspect * 0.5 + 0.4 * sin(t * speed + phase) * cos(t * speed * 0.6 + fi), + 0.5 + 0.4 * cos(t * speed * 0.8 + phase * 1.3) * sin(t * speed * 0.4 + fi * 0.7) + ); + float2 d = st - center; + float r = length(d); + float strength = 0.030 / (r * r + 0.002); + field += strength; + weighted += iColors[i] * strength; + } + float3 blobColor = weighted / max(field, 0.001); + float edge = smoothstep(5.0, 8.0, field); + float innerGlow = smoothstep(8.0, 20.0, field) * 0.3; + float3 bg = float3(0.03, 0.02, 0.08); + bg += float3(0.02, 0.01, 0.03) * sin(t * 0.2 + uv.y * 3.0); + float halo = smoothstep(3.0, 5.0, field) * (1.0 - edge); + float3 result = bg; + result += blobColor * halo * 0.4; + result = mix(result, blobColor * (1.0 + innerGlow), edge); + float2 vc = uv - 0.5; + float vignette = 1.0 - dot(vc, vc) * 0.8; + result *= vignette; + return half4(clamp(result, 0.0, 1.0), 1.0); +} +"; + + static readonly float[] blobColors = + { + 1.0f, 0.3f, 0.4f, + 0.3f, 0.7f, 1.0f, + 1.0f, 0.6f, 0.1f, + 0.4f, 1.0f, 0.7f, + 0.7f, 0.3f, 1.0f, + 1.0f, 0.9f, 0.2f, + }; + + private readonly FpsCounter fpsCounter = new(); + private Lazy? shaderBuilder; + + [Outlet] + SKMetalView skiaView { get; set; } = null!; + + public GpuMetalViewController(IntPtr handle) : base(handle) { } + + public override void ViewDidLoad() + { + base.ViewDidLoad(); + skiaView.PaintSurface += OnPaintSurface; + } + + public override void ViewDidAppear(bool animated) + { + base.ViewDidAppear(animated); + + shaderBuilder ??= new Lazy(() => SKRuntimeEffect.BuildShader(ShaderSource)); + fpsCounter.Start(); + skiaView.PreferredFramesPerSecond = 60; + skiaView.Paused = false; + } + + public override void ViewWillDisappear(bool animated) + { + base.ViewWillDisappear(animated); + + skiaView.Paused = true; + fpsCounter.Stop(); + } + + private void OnPaintSurface(object? sender, SKPaintMetalSurfaceEventArgs e) + { + var canvas = e.Surface.Canvas; + var info = e.Info; + canvas.Clear(SKColors.Black); + + if (shaderBuilder == null) + return; + + var builder = shaderBuilder.Value; + + builder.Uniforms["iTime"] = fpsCounter.ElapsedSeconds; + builder.Uniforms["iResolution"] = new float[] { info.Width, info.Height }; + builder.Uniforms["iColors"] = blobColors; + + using var shader = builder.Build(); + using var paint = new SKPaint { Shader = shader }; + canvas.DrawRect(SKRect.Create(info.Width, info.Height), paint); + } + + protected override void Dispose(bool disposing) + { + if (disposing) + { + if (shaderBuilder?.IsValueCreated == true) + shaderBuilder.Value.Dispose(); + shaderBuilder = null; + } + base.Dispose(disposing); + } +} diff --git a/samples/Basic/tvOS/SkiaSharpSample/Info.plist b/samples/Basic/tvOS/SkiaSharpSample/Info.plist index a175e5dfb3..bafe638f53 100644 --- a/samples/Basic/tvOS/SkiaSharpSample/Info.plist +++ b/samples/Basic/tvOS/SkiaSharpSample/Info.plist @@ -18,8 +18,6 @@ 3 - UIMainStoryboardFile - Main UIRequiredDeviceCapabilities arm64 @@ -28,5 +26,7 @@ Assets.xcassets/App Icon & Top Shelf Image.brandassets XSLaunchImageAssets Assets.xcassets/LaunchImages.launchimage + UIMainStoryboardFile + Main diff --git a/samples/Basic/tvOS/SkiaSharpSample/Main.storyboard b/samples/Basic/tvOS/SkiaSharpSample/Main.storyboard index 12a3bcdf4d..9357968cc4 100644 --- a/samples/Basic/tvOS/SkiaSharpSample/Main.storyboard +++ b/samples/Basic/tvOS/SkiaSharpSample/Main.storyboard @@ -1,37 +1,116 @@ - + - + + - - + + - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - + + + + + + + + + - + - + - + \ No newline at end of file diff --git a/samples/Basic/tvOS/SkiaSharpSample/SamplePage.cs b/samples/Basic/tvOS/SkiaSharpSample/SamplePage.cs new file mode 100644 index 0000000000..42d834b89f --- /dev/null +++ b/samples/Basic/tvOS/SkiaSharpSample/SamplePage.cs @@ -0,0 +1,11 @@ +namespace SkiaSharpSample; + +/// +/// The pages available in this sample. +/// +public enum SamplePage +{ + Cpu, + GpuGL, + GpuMetal, +} diff --git a/samples/Basic/tvOS/SkiaSharpSample/ViewController.cs b/samples/Basic/tvOS/SkiaSharpSample/ViewController.cs deleted file mode 100644 index e712c5b0fa..0000000000 --- a/samples/Basic/tvOS/SkiaSharpSample/ViewController.cs +++ /dev/null @@ -1,43 +0,0 @@ -using SkiaSharp; -using SkiaSharp.Views.tvOS; - -namespace SkiaSharpSample; - -public partial class ViewController : UIViewController -{ - public ViewController(IntPtr handle) - : base(handle) - { - } - - public override void ViewDidLoad() - { - base.ViewDidLoad(); - - skiaView.IgnorePixelScaling = true; - skiaView.PaintSurface += OnPaintSurface; - } - - private void OnPaintSurface(object? sender, SKPaintSurfaceEventArgs e) - { - // the the canvas and properties - var canvas = e.Surface.Canvas; - - // make sure the canvas is blank - canvas.Clear(SKColors.White); - - // draw some text - using var paint = new SKPaint - { - Color = SKColors.Black, - IsAntialias = true, - Style = SKPaintStyle.Fill - }; - using var font = new SKFont - { - Size = 24 - }; - var coord = new SKPoint(e.Info.Width / 2, (e.Info.Height + font.Size) / 2); - canvas.DrawText("SkiaSharp", coord, SKTextAlign.Center, font, paint); - } -} diff --git a/samples/Basic/tvOS/SkiaSharpSample/ViewController.designer.cs b/samples/Basic/tvOS/SkiaSharpSample/ViewController.designer.cs deleted file mode 100644 index e0c0763de8..0000000000 --- a/samples/Basic/tvOS/SkiaSharpSample/ViewController.designer.cs +++ /dev/null @@ -1,27 +0,0 @@ -// WARNING -// -// This file has been generated automatically by Visual Studio from the outlets and -// actions declared in your storyboard file. -// Manual changes to this file will not be maintained. -// -using Foundation; -using System; -using System.CodeDom.Compiler; - -namespace SkiaSharpSample; - -[Register ("ViewController")] -partial class ViewController -{ - [Outlet] - [GeneratedCode ("iOS Designer", "1.0")] - SkiaSharp.Views.tvOS.SKCanvasView skiaView { get; set; } - - void ReleaseDesignerOutlets () - { - if (skiaView != null) { - skiaView.Dispose (); - skiaView = null; - } - } -} diff --git a/samples/Basic/tvOS/screenshots/cpu.png b/samples/Basic/tvOS/screenshots/cpu.png new file mode 100644 index 0000000000..24e47ae6a4 Binary files /dev/null and b/samples/Basic/tvOS/screenshots/cpu.png differ diff --git a/samples/Basic/tvOS/screenshots/gpu-metal.png b/samples/Basic/tvOS/screenshots/gpu-metal.png new file mode 100644 index 0000000000..4721404857 Binary files /dev/null and b/samples/Basic/tvOS/screenshots/gpu-metal.png differ diff --git a/samples/README.md b/samples/README.md index 2b7b405a1b..c4ab3cc8f8 100644 --- a/samples/README.md +++ b/samples/README.md @@ -24,19 +24,21 @@ There are several simple samples, each of which demonstrate the simplest way to Currently there are samples for all the supported platforms, and variations of frameworks on them: - - .NET Core - Android - - Docker - - GTK (v2 and v3) + - Blazor WebAssembly + - Browser WebAssembly + - .NET Core (Console / Docker) + - GTK (v3 and v4) - iOS + - Mac Catalyst - macOS - - Tizen (Xamarin.Forms and ElmSharp) + - .NET MAUI (Android, iOS, Mac Catalyst, Windows) + - Tizen - tvOS - - UWP - - watchOS + - Uno Platform - Windows.Forms + - WinUI 3 (Windows App SDK) - WPF - - Xamarin.Forms (Android, macOS, Tizen, UWP, iOS, WPF) ## Gallery Samples @@ -44,10 +46,8 @@ For more complex samples that demonstrates specific features, there is a nice ga - macOS - tvOS - - UWP - Windows.Forms - WPF - - Xamarin.Forms (Android, macOS, Tizen, UWP, iOS, WPF) [samples]: https://github.com/mono/SkiaSharp/releases [skip]: https://github.com/mono/SkiaSharp/wiki/Building-SkiaSharp#preparation-1 diff --git a/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKControl.cs b/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKControl.cs index d3653ad1c3..80b610a6d5 100644 --- a/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKControl.cs +++ b/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKControl.cs @@ -10,16 +10,12 @@ namespace SkiaSharp.Views.Desktop [DefaultProperty("Name")] public class SKControl : Control { - private readonly bool designMode; - private Bitmap bitmap; public SKControl() { DoubleBuffered = true; SetStyle(ControlStyles.ResizeRedraw, true); - - designMode = DesignMode || LicenseManager.UsageMode == LicenseUsageMode.Designtime; } public SKSize CanvasSize => bitmap == null ? SKSize.Empty : new SKSize(bitmap.Width, bitmap.Height); @@ -29,7 +25,7 @@ public SKControl() protected override void OnPaint(PaintEventArgs e) { - if (designMode) + if (DesignMode) return; base.OnPaint(e); diff --git a/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKGLControl.cs b/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKGLControl.cs index 45d8fe1f33..b2571b63c9 100644 --- a/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKGLControl.cs +++ b/source/SkiaSharp.Views/SkiaSharp.Views.WindowsForms/SKGLControl.cs @@ -17,8 +17,6 @@ public class SKGLControl : GLControl private const SKColorType colorType = SKColorType.Rgba8888; private const GRSurfaceOrigin surfaceOrigin = GRSurfaceOrigin.BottomLeft; - private bool designMode; - private GRContext grContext; private GRGlFramebufferInfo glInfo; private GRBackendRenderTarget renderTarget; @@ -61,8 +59,6 @@ public SKGLControl(GraphicsMode mode, int major, int minor, GraphicsContextFlags private void Initialize() { - designMode = DesignMode || LicenseManager.UsageMode == LicenseUsageMode.Designtime; - ResizeRedraw = true; } @@ -75,7 +71,7 @@ private void Initialize() protected override void OnPaint(PaintEventArgs e) { - if (designMode) + if (DesignMode) { e.Graphics.Clear(BackColor); return;