scb-wc 0.1.15 → 0.1.17

package/all.js

@@ -85,7 +85,6 @@ import './mvc/components/scb-textfield/scb-textfield.js';
 import './mvc/components/scb-toc/scb-toc-item.js';
 import './mvc/components/scb-toc/scb-toc.js';
 import './mvc/components/scb-tooltip/scb-tooltip.js';
-import './mvc/components/scb-vignette/scb-vignette.js';
 import './mvc/components/scb-viz/scb-viz-actions-runtime.js';
 import './mvc/components/scb-viz/scb-viz-print-runtime.js';
 import './mvc/components/scb-viz/scb-viz-series-differentiation-registry.js';
@@ -183,7 +182,6 @@ import './scb-textfield/scb-textfield.js';
 import './scb-toc/scb-toc-item.js';
 import './scb-toc/scb-toc.js';
 import './scb-tooltip/scb-tooltip.js';
-import './scb-vignette/scb-vignette.js';
 import './scb-viz/scb-viz-actions-runtime.js';
 import './scb-viz/scb-viz-print-runtime.js';
 import './scb-viz/scb-viz-series-differentiation-registry.js';

package/blazor/ScbBlazorInteropBase.cs

@@ -739,9 +739,6 @@ namespace ScbBlazor
                         Type           = dto.Type           ?? string.Empty,
                         Variant        = dto.Variant        ?? string.Empty,
                         Direction      = dto.Direction      ?? string.Empty,
-                        Title          = dto.Title          ?? string.Empty,
-                        Subtitle       = dto.Subtitle       ?? string.Empty,
-                        SupportingText = dto.SupportingText ?? string.Empty,
                         CardHref       = dto.CardHref       ?? string.Empty,
 
                         MediaType          = dto.MediaType          ?? string.Empty,
@@ -848,9 +845,6 @@ namespace ScbBlazor
                     {
                         Id             = dto.Id             ?? string.Empty,
                         Variant        = dto.Variant        ?? string.Empty,
-                        Title          = dto.Title          ?? string.Empty,
-                        Subtitle       = dto.Subtitle       ?? string.Empty,
-                        SupportingText = dto.SupportingText ?? string.Empty,
                         Icon           = dto.Icon           ?? string.Empty,
                         ShowCloseButton = dto.ShowCloseButton,
                         Open           = dto.Open,
@@ -1052,9 +1046,6 @@ namespace ScbBlazor
             if (state.Calendars is not null && state.Calendars.Length > 0)
             {
                 var dto = state.Calendars[0];
-                Calendar.Title          = dto.Title          ?? string.Empty;
-                Calendar.Subtitle       = dto.Subtitle       ?? string.Empty;
-                Calendar.SupportingText = dto.SupportingText ?? string.Empty;
                 Calendar.Variant        = string.IsNullOrWhiteSpace(dto.Variant)
                     ? "default"
                     : dto.Variant!;
@@ -1062,9 +1053,6 @@ namespace ScbBlazor
             }
             else if (state.Calendar is not null)
             {
-                Calendar.Title          = state.Calendar.Title ?? string.Empty;
-                Calendar.Subtitle       = state.Calendar.Subtitle ?? string.Empty;
-                Calendar.SupportingText = state.Calendar.SupportingText ?? string.Empty;
                 Calendar.Variant        = string.IsNullOrWhiteSpace(state.Calendar.Variant)
                     ? "default"
                     : state.Calendar.Variant!;
@@ -1072,9 +1060,6 @@ namespace ScbBlazor
             }
             else
             {
-                Calendar.Title          = string.Empty;
-                Calendar.Subtitle       = string.Empty;
-                Calendar.SupportingText = string.Empty;
                 Calendar.Variant        = "default";
                 Calendar.ShowMedia      = false;
             }
@@ -1088,9 +1073,6 @@ namespace ScbBlazor
                     var dto = state.Calendars[i];
                     calendars[i] = new CalendarState
                     {
-                        Title          = dto.Title          ?? string.Empty,
-                        Subtitle       = dto.Subtitle       ?? string.Empty,
-                        SupportingText = dto.SupportingText ?? string.Empty,
                         Variant        = string.IsNullOrWhiteSpace(dto.Variant)
                             ? "default"
                             : dto.Variant!,
@@ -1184,17 +1166,11 @@ namespace ScbBlazor
                     notifications[i] = new NotificationState
                     {
                         Open            = dto.Open,
-                        Variant         = dto.Variant         ?? string.Empty,
-                        Title           = dto.Title           ?? string.Empty,
-                        Subtitle        = dto.Subtitle        ?? string.Empty,
-                        SupportingText  = dto.SupportingText  ?? string.Empty,
-                        LinkText        = dto.LinkText        ?? string.Empty,
-                        LinkHref        = dto.LinkHref        ?? string.Empty,
+                        Variant         = dto.Variant   ?? string.Empty,
+                        Size            = dto.Size      ?? string.Empty,
                         ShowIcon        = dto.ShowIcon,
                         ShowCloseButton = dto.ShowCloseButton,
-                        FullHeight      = dto.FullHeight,
-                        FullWidth       = dto.FullWidth,
-                        Direction       = dto.Direction       ?? string.Empty
+                        Direction       = dto.Direction ?? string.Empty
                     };
                 }
                 Notifications = notifications;
@@ -2587,16 +2563,6 @@ namespace ScbBlazor
         }
 
         // Calendar card: index-baserad och id-baserad variant
-        public Task SetCalendarCardTitleAsync(int index, string title)
-        {
-            return JS.InvokeVoidAsync("SCBBlazor.setCalendarCardTitle", GetScbRootArg(), index, title ?? string.Empty).AsTask();
-        }
-
-        public Task SetCalendarCardTitleByIdAsync(string id, string title)
-        {
-            return JS.InvokeVoidAsync("SCBBlazor.setCalendarCardTitleById", GetScbRootArg(), id ?? string.Empty, title ?? string.Empty).AsTask();
-        }
-
         public Task SetCalendarCardShowMediaAsync(int index, bool showMedia)
         {
             return JS.InvokeVoidAsync("SCBBlazor.setCalendarCardShowMedia", GetScbRootArg(), index, showMedia).AsTask();
@@ -3008,9 +2974,6 @@ namespace ScbBlazor
             public string Type           { get; set; } = string.Empty;
             public string Variant        { get; set; } = string.Empty;
             public string Direction      { get; set; } = string.Empty;
-            public string Title          { get; set; } = string.Empty;
-            public string Subtitle       { get; set; } = string.Empty;
-            public string SupportingText { get; set; } = string.Empty;
             public string CardHref       { get; set; } = string.Empty;
 
             public string MediaType          { get; set; } = string.Empty;
@@ -3076,9 +3039,6 @@ namespace ScbBlazor
         {
             public string Id             { get; set; } = string.Empty;
             public string Variant        { get; set; } = string.Empty;
-            public string Title          { get; set; } = string.Empty;
-            public string Subtitle       { get; set; } = string.Empty;
-            public string SupportingText { get; set; } = string.Empty;
             public string Icon           { get; set; } = string.Empty;
             public bool   ShowCloseButton { get; set; }
             public bool   Open           { get; set; }
@@ -3191,9 +3151,6 @@ namespace ScbBlazor
 
         protected sealed class CalendarState
         {
-            public string Title          { get; set; } = string.Empty;
-            public string Subtitle       { get; set; } = string.Empty;
-            public string SupportingText { get; set; } = string.Empty;
             public string Variant        { get; set; } = "default";
             public bool   ShowMedia      { get; set; }
         }
@@ -3219,15 +3176,9 @@ namespace ScbBlazor
         {
             public bool   Open            { get; set; }
             public string Variant         { get; set; } = string.Empty;
-            public string Title           { get; set; } = string.Empty;
-            public string Subtitle        { get; set; } = string.Empty;
-            public string SupportingText  { get; set; } = string.Empty;
-            public string LinkText        { get; set; } = string.Empty;
-            public string LinkHref        { get; set; } = string.Empty;
+            public string Size            { get; set; } = string.Empty;
             public bool   ShowIcon        { get; set; }
             public bool   ShowCloseButton { get; set; }
-            public bool   FullHeight      { get; set; }
-            public bool   FullWidth       { get; set; }
             public string Direction       { get; set; } = string.Empty;
         }
 
@@ -3889,9 +3840,6 @@ namespace ScbBlazor
             public string? Type           { get; set; }
             public string? Variant        { get; set; }
             public string? Direction      { get; set; }
-            public string? Title          { get; set; }
-            public string? Subtitle       { get; set; }
-            public string? SupportingText { get; set; }
             public string? CardHref       { get; set; }
 
             public string? MediaType          { get; set; }
@@ -3957,9 +3905,6 @@ namespace ScbBlazor
         {
             public string? Id             { get; set; }
             public string? Variant        { get; set; }
-            public string? Title          { get; set; }
-            public string? Subtitle       { get; set; }
-            public string? SupportingText { get; set; }
             public string? Icon           { get; set; }
             public bool   ShowCloseButton { get; set; }
             public bool   Open            { get; set; }
@@ -4072,9 +4017,6 @@ namespace ScbBlazor
 
         private sealed class CalendarDto
         {
-            public string? Title          { get; set; }
-            public string? Subtitle       { get; set; }
-            public string? SupportingText { get; set; }
             public string? Variant        { get; set; }
             public bool   ShowMedia       { get; set; }
         }
@@ -4101,15 +4043,9 @@ namespace ScbBlazor
         {
             public bool   Open            { get; set; }
             public string? Variant        { get; set; }
-            public string? Title          { get; set; }
-            public string? Subtitle       { get; set; }
-            public string? SupportingText { get; set; }
-            public string? LinkText       { get; set; }
-            public string? LinkHref       { get; set; }
+            public string? Size           { get; set; }
             public bool   ShowIcon        { get; set; }
             public bool   ShowCloseButton { get; set; }
-            public bool   FullHeight      { get; set; }
-            public bool   FullWidth       { get; set; }
             public string? Direction      { get; set; }
         }
 

package/blazor/scb-blazor-bridge.js

@@ -291,8 +291,6 @@ function mirrorHeaderSearch(el, ev) {
     { sel: 'scb-icon-button', from: 'toggle-changed', to: 'togglechange', prop: 'toggle' },
     { sel: 'scb-icon-button', from: 'icon-changed', to: 'iconchange', prop: 'icon' },
     { sel: 'scb-icon-button', from: 'disabled-changed', to: 'disabledchange', prop: 'disabled' },
-    { sel: 'scb-calendar-card', from: 'title-changed', to: 'titlechange', prop: 'title' },
-    { sel: 'scb-calendar-card', from: 'subtitle-changed', to: 'subtitlechange', prop: 'subtitle' },
     { sel: 'scb-calendar-card', from: 'show-media-changed', to: 'showmediachange', prop: 'showMedia' },
     { sel: 'scb-toc-item', from: 'expanded-changed', to: 'expandedchange', prop: 'expanded' },
     // </auto-generated blazor-source-rules>
@@ -535,9 +533,6 @@ function mirrorHeaderSearch(el, ev) {
       },
     },
 
-    // scb-fact-card-content
-    // scb-fact-card-content använder attribut (title/subtitle/supporting-text) och saknar egna change-events
-
     // scb-options-menu
     {
       sel: 'scb-options-menu',
@@ -1015,30 +1010,6 @@ function mirrorHeaderSearch(el, ev) {
         open: typeof el.open === 'boolean' ? el.open : el.hasAttribute('open'),
       }),
     },
-    {
-      sel: 'scb-fact-card',
-      attr: 'title',
-      to: 'titlechange',
-      detail: (el) => ({
-        title: (el.title ?? el.getAttribute('title') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-fact-card',
-      attr: 'subtitle',
-      to: 'subtitlechange',
-      detail: (el) => ({
-        subtitle: (el.subtitle ?? el.getAttribute('subtitle') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-fact-card',
-      attr: 'supporting-text',
-      to: 'supportingtextchange',
-      detail: (el) => ({
-        supportingText: (el.supportingText ?? el.getAttribute('supporting-text') ?? '').toString(),
-      }),
-    },
     {
       sel: 'scb-fact-card',
       attr: 'variant',
@@ -1063,30 +1034,6 @@ function mirrorHeaderSearch(el, ev) {
         showCloseButton: typeof el.showCloseButton === 'boolean' ? el.showCloseButton : el.hasAttribute('show-close-button'),
       }),
     },
-    {
-      sel: 'scb-fact-card-content',
-      attr: 'title',
-      to: 'titlechange',
-      detail: (el) => ({
-        title: (el.title ?? el.getAttribute('title') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-fact-card-content',
-      attr: 'subtitle',
-      to: 'subtitlechange',
-      detail: (el) => ({
-        subtitle: (el.subtitle ?? el.getAttribute('subtitle') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-fact-card-content',
-      attr: 'supporting-text',
-      to: 'supportingtextchange',
-      detail: (el) => ({
-        supportingText: (el.supportingText ?? el.getAttribute('supporting-text') ?? '').toString(),
-      }),
-    },
     {
       sel: 'scb-progress-indicator',
       attr: 'type',
@@ -1351,30 +1298,6 @@ function mirrorHeaderSearch(el, ev) {
         disabled: typeof el.disabled === 'boolean' ? el.disabled : el.hasAttribute('disabled'),
       }),
     },
-    {
-      sel: 'scb-calendar-card',
-      attr: 'title',
-      to: 'titlechange',
-      detail: (el) => ({
-        title: (el.title ?? el.getAttribute('title') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-calendar-card',
-      attr: 'subtitle',
-      to: 'subtitlechange',
-      detail: (el) => ({
-        subtitle: (el.subtitle ?? el.getAttribute('subtitle') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-calendar-card',
-      attr: 'supporting-text',
-      to: 'supportingtextchange',
-      detail: (el) => ({
-        supportingText: (el.supportingText ?? el.getAttribute('supporting-text') ?? '').toString(),
-      }),
-    },
     {
       sel: 'scb-calendar-card',
       attr: 'variant',
@@ -1399,22 +1322,6 @@ function mirrorHeaderSearch(el, ev) {
         keyfigure: (el.keyfigure ?? el.getAttribute('keyfigure') ?? '').toString(),
       }),
     },
-    {
-      sel: 'scb-keyfigure-card',
-      attr: 'subtitle',
-      to: 'subtitlechange',
-      detail: (el) => ({
-        subtitle: (el.subtitle ?? el.getAttribute('subtitle') ?? '').toString(),
-      }),
-    },
-    {
-      sel: 'scb-keyfigure-card',
-      attr: 'supporting-text',
-      to: 'supportingtextchange',
-      detail: (el) => ({
-        supportingText: (el.supportingText ?? el.getAttribute('supporting-text') ?? '').toString(),
-      }),
-    },
     {
       sel: 'scb-keyfigure-card',
       attr: 'card-href',
@@ -1892,17 +1799,6 @@ function mirrorHeaderSearch(el, ev) {
       attr: 'show-close-button',
       to: 'showclosebuttonchange',
     },
-    {
-      sel: 'scb-notification-card',
-      attr: 'full-height',
-      to: 'fullheightchange',
-    },
-    {
-      sel: 'scb-notification-card',
-      attr: 'full-width',
-      to: 'fullwidthchange',
-    },
-
     { sel: 'scb-table-advanced', attr: 'with-pagination', to: 'tableadvancedchange' },
     { sel: 'scb-table-advanced', attr: 'with-filtering-search', to: 'tableadvancedchange' },
     { sel: 'scb-table-advanced', attr: 'no-scroll', to: 'tableadvancedchange' },
@@ -2124,7 +2020,7 @@ window.SCBBlazor.getState = function (root) {
   const breadcrumbItemsState = Array.from(breadcrumbItems).map((item) => {
     const anyItem = item;
     const label = (
-      anyItem.label ?? item.getAttribute('label') ?? ''
+      anyItem.label ?? item.getAttribute('label') ?? item.textContent?.trim() ?? ''
     ).toString();
 
     const href = (
@@ -2201,7 +2097,7 @@ window.SCBBlazor.getState = function (root) {
 
   // App bar, läser direkt från attributen
   const appBarState = {
-    title: appBar ? appBar.getAttribute('title') || '' : '',
+    title: appBar ? appBar.getAttribute('app-bar-title') || appBar.getAttribute('title') || '' : '',
     type: appBar ? appBar.getAttribute('type') || '' : '',
     position: appBar ? appBar.getAttribute('position') || '' : '',
     searchSupportingText: appBar
@@ -2259,9 +2155,6 @@ window.SCBBlazor.getState = function (root) {
 
   // Alla scb-calendar-card på sidan
   const calendarsState = Array.from(calendars).map((c) => ({
-    title: c.getAttribute('title') || '',
-    subtitle: c.getAttribute('subtitle') || '',
-    supportingText: c.getAttribute('supporting-text') || '',
     variant: c.getAttribute('variant') || '',
     showMedia: c.hasAttribute('show-media'),
   }));
@@ -2271,9 +2164,6 @@ window.SCBBlazor.getState = function (root) {
     calendarsState.length > 0
       ? calendarsState[0]
       : {
-          title: '',
-          subtitle: '',
-          supportingText: '',
           variant: '',
           showMedia: false,
         };
@@ -2482,9 +2372,6 @@ window.SCBBlazor.getState = function (root) {
 
     const id = (fc.getAttribute('id') ?? '').toString();
     const variant = (anyFc.variant ?? fc.getAttribute('variant') ?? '').toString();
-    const title = (anyFc.title ?? fc.getAttribute('title') ?? '').toString();
-    const subtitle = (anyFc.subtitle ?? fc.getAttribute('subtitle') ?? '').toString();
-    const supportingText = (anyFc.supportingText ?? fc.getAttribute('supporting-text') ?? '').toString();
     const icon = (anyFc.icon ?? fc.getAttribute('icon') ?? '').toString();
 
     const showCloseButton =
@@ -2502,9 +2389,6 @@ window.SCBBlazor.getState = function (root) {
     return {
       id,
       variant,
-      title,
-      subtitle,
-      supportingText,
       icon,
       showCloseButton: !!showCloseButton,
       open: !!open,
@@ -2715,11 +2599,16 @@ window.SCBBlazor.getState = function (root) {
     };
   });
 
-// Alla scb-keyfigure-card på sidan
+  const getSlottedText = (element, slotName) => Array.from(element.querySelectorAll(`[slot="${slotName}"]`))
+    .map((item) => item.textContent?.trim() ?? '')
+    .filter(Boolean)
+    .join(' ');
+
+  // Alla scb-keyfigure-card på sidan
   const keyfiguresState = Array.from(keyfigures).map((card) => ({
     keyfigure: card.getAttribute('keyfigure') || '',
-    subtitle: card.getAttribute('subtitle') || '',
-    supportingText: card.getAttribute('supporting-text') || '',
+    subtitle: getSlottedText(card, 'subtitle'),
+    supportingText: getSlottedText(card, 'supporting-text'),
     cardHref: card.getAttribute('card-href') || '',
     icon: card.getAttribute('icon') || '',
     size: card.getAttribute('size') || '',
@@ -2975,15 +2864,9 @@ window.SCBBlazor.getState = function (root) {
   const notificationsState = Array.from(notifications).map((card) => ({
     open: card.hasAttribute('open'),
     variant: card.getAttribute('variant') || '',
-    title: card.getAttribute('title') || '',
-    subtitle: card.getAttribute('subtitle') || '',
-    supportingText: card.getAttribute('supporting-text') || '',
-    linkText: card.getAttribute('link-text') || '',
-    linkHref: card.getAttribute('link-href') || '',
+    size: card.getAttribute('size') || '',
     showIcon: card.hasAttribute('show-icon'),
     showCloseButton: card.hasAttribute('show-close-button'),
-    fullHeight: card.hasAttribute('full-height'),
-    fullWidth: card.hasAttribute('full-width'),
     direction: card.getAttribute('direction') || '',
   }));
 
@@ -4815,10 +4698,16 @@ window.SCBBlazor.getState = function (root) {
     if (!appBar) return;
     const value = title == null ? '' : String(title);
     try {
+      appBar.appBarTitle = value;
       appBar.title = value;
     } catch (_) {}
-    if (value) appBar.setAttribute('title', value);
-    else appBar.removeAttribute('title');
+    if (value) {
+      appBar.setAttribute('app-bar-title', value);
+      appBar.setAttribute('title', value);
+    } else {
+      appBar.removeAttribute('app-bar-title');
+      appBar.removeAttribute('title');
+    }
     dispatchChange(appBar, 'titlechange', { title: value });
   };
 
@@ -6398,44 +6287,6 @@ window.SCBBlazor.getState = function (root) {
 
   // Calendar card
 
-  api.setCalendarCardTitle = function (index, title) {
-    const __scbHasRoot = arguments.length === 3;
-    const __scbCtx = (window.SCBBlazor && window.SCBBlazor.__resolveRoot ? window.SCBBlazor.__resolveRoot(__scbHasRoot ? arguments[0] : null) : window.document) || window.document;
-    const document = __scbCtx;
-    if (__scbHasRoot) {
-      index = arguments[1];
-      title = arguments[2];
-    }
-    const card = getByIndex(document, 'scb-calendar-card', index);
-    if (!card) return;
-    const value = title == null ? '' : String(title);
-    try {
-      card.title = value;
-    } catch (_) {}
-    if (value) card.setAttribute('title', value);
-    else card.removeAttribute('title');
-    dispatchChange(card, 'titlechange', { title: value });
-  };
-
-  api.setCalendarCardTitleById = function (id, title) {
-    const __scbHasRoot = arguments.length === 3;
-    const __scbCtx = (window.SCBBlazor && window.SCBBlazor.__resolveRoot ? window.SCBBlazor.__resolveRoot(__scbHasRoot ? arguments[0] : null) : window.document) || window.document;
-    const document = __scbCtx;
-    if (__scbHasRoot) {
-      id = arguments[1];
-      title = arguments[2];
-    }
-    const card = getById(document, id, 'scb-calendar-card');
-    if (!card) return;
-    const value = title == null ? '' : String(title);
-    try {
-      card.title = value;
-    } catch (_) {}
-    if (value) card.setAttribute('title', value);
-    else card.removeAttribute('title');
-    dispatchChange(card, 'titlechange', { title: value });
-  };
-
   api.setCalendarCardShowMedia = function (index, showMedia) {
     const __scbHasRoot = arguments.length === 3;
     const __scbCtx = (window.SCBBlazor && window.SCBBlazor.__resolveRoot ? window.SCBBlazor.__resolveRoot(__scbHasRoot ? arguments[0] : null) : window.document) || window.document;

package/blazor/wrappers/ScbAppBar.razor

@@ -37,7 +37,7 @@
         
         if (!string.IsNullOrWhiteSpace(Title))
         {
-            attributes["title"] = Title!;
+            attributes["app-bar-title"] = Title!;
         }
         
         if (!string.IsNullOrWhiteSpace(Type))

package/blazor/wrappers/ScbCalendar.razor

@@ -18,7 +18,7 @@
     [Parameter] public string? SelectedDate { get; set; }
     [Parameter] public string? Lang { get; set; }
     [Parameter] public bool DisableWeekend { get; set; }
-    [Parameter] public bool PublicHolidays { get; set; }
+    [Parameter] public bool PublicHolidays { get; set; } = true;
     [Parameter] public RenderFragment? ChildContent { get; set; }
     [Parameter] public EventCallback<int> DisplayYearChanged { get; set; }
     [Parameter] public EventCallback<ScbCustomEventArgs> OnCalendarMonthChange { get; set; }
@@ -61,10 +61,7 @@
             attributes["disable-weekend"] = string.Empty;
         }
         
-        if (PublicHolidays)
-        {
-            attributes["public-holidays"] = string.Empty;
-        }
+        attributes["public-holidays"] = PublicHolidays ? "true" : "false";
 
         if (AdditionalAttributes is not null)
         {

package/blazor/wrappers/ScbCalendarCard.razor

@@ -6,6 +6,7 @@
 <scb-calendar-card @attributes="BuildAttributes()"
 
 >
+    @ChildContent
 </scb-calendar-card>
 
 @code {
@@ -14,9 +15,6 @@
     [Parameter] public string? Size { get; set; }
     [Parameter] public string? Date { get; set; }
     [Parameter] public string? Direction { get; set; }
-    [Parameter] public string? Title { get; set; }
-    [Parameter] public string? Subtitle { get; set; }
-    [Parameter] public string? SupportingText { get; set; }
     [Parameter] public string? CardHref { get; set; }
     [Parameter] public string? CardHrefNav { get; set; }
     [Parameter] public bool ShowMedia { get; set; }
@@ -35,6 +33,7 @@
     [Parameter] public string? SpacingBottom { get; set; }
     [Parameter] public string? SpacingLeft { get; set; }
     [Parameter] public string? SpacingRight { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
 
 
     [Parameter(CaptureUnmatchedValues = true)]
@@ -69,21 +68,6 @@
             attributes["direction"] = Direction!;
         }
         
-        if (!string.IsNullOrWhiteSpace(Title))
-        {
-            attributes["title"] = Title!;
-        }
-        
-        if (!string.IsNullOrWhiteSpace(Subtitle))
-        {
-            attributes["subtitle"] = Subtitle!;
-        }
-        
-        if (!string.IsNullOrWhiteSpace(SupportingText))
-        {
-            attributes["supporting-text"] = SupportingText!;
-        }
-        
         if (!string.IsNullOrWhiteSpace(CardHref))
         {
             attributes["card-href"] = CardHref!;

package/blazor/wrappers/ScbCookiesConsent.razor

@@ -11,8 +11,8 @@
 
 @code {
     [Parameter] public string? Id { get; set; }
-    [Parameter] public bool Open { get; set; }
-    [Parameter] public bool AutoRemove { get; set; }
+    [Parameter] public bool Open { get; set; } = true;
+    [Parameter] public bool AutoRemove { get; set; } = true;
     [Parameter] public string? Title { get; set; }
     [Parameter] public string? SupportingText { get; set; }
     [Parameter] public string? AriaLabel { get; set; }
@@ -37,15 +37,9 @@
             attributes["id"] = Id!;
         }
         
-        if (Open)
-        {
-            attributes["open"] = string.Empty;
-        }
+        attributes["open"] = Open ? "true" : "false";
         
-        if (AutoRemove)
-        {
-            attributes["auto-remove"] = string.Empty;
-        }
+        attributes["auto-remove"] = AutoRemove ? "true" : "false";
         
         if (!string.IsNullOrWhiteSpace(Title))
         {

package/blazor/wrappers/ScbNav.razor

@@ -14,7 +14,7 @@
     [Parameter] public string? Id { get; set; }
     [Parameter] public string? Label { get; set; }
     [Parameter] public string? ActiveHref { get; set; }
-    [Parameter] public bool ActivateOnClick { get; set; }
+    [Parameter] public bool ActivateOnClick { get; set; } = true;
     [Parameter] public bool Sticky { get; set; }
     [Parameter] public string? StickyTop { get; set; }
     [Parameter] public int StickyZIndex { get; set; }
@@ -46,10 +46,7 @@
             attributes["active-href"] = ActiveHref;
         }
         
-        if (ActivateOnClick)
-        {
-            attributes["activate-on-click"] = string.Empty;
-        }
+        attributes["activate-on-click"] = ActivateOnClick ? "true" : "false";
         
         if (Sticky)
         {