scb-wc 0.1.41 → 0.1.43

package/README.md

@@ -87,6 +87,22 @@ import 'scb-wc/scb-wc-selfhost.css';
 
 Då används paketets egna fontfiler under `node_modules/scb-wc/fonts/`.
 
+### Optimera Material Symbols med eget ikon-subset
+
+Vill du selfhosta bara de Material Symbols-ikoner din app använder kan du generera en liten ikonfont i din app:
+
+```sh
+npx scb-wc subset-icons --icons ./src/scb-icons.json --out ./public/scb-icons
+```
+
+Om `--icons` utelämnas används paketets standardlista `icons.json`. Kommandot skapar `scb-wc-icons.css`, en lokal fontfil och en kopia av ikonlistan i målmappen. Ladda då den fontlösa bas-CSS:en plus den genererade ikon-CSS:en:
+
+```js
+import 'scb-wc/scb-wc-core.css';
+import '/scb-icons/scb-wc-icons.css';
+import 'scb-wc/scb-typography.css';
+```
+
 ---
 
 ## Alternativ 2: Använd i MVC/MPA via `<script type="module">`

package/bin/scb-wc.mjs

@@ -1,6 +1,8 @@
 #!/usr/bin/env node
 
 import fs from 'node:fs';
+import http from 'node:http';
+import https from 'node:https';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
@@ -10,7 +12,30 @@ const packageRoot = path.resolve(__dirname, '..');
 const packageJson = JSON.parse(fs.readFileSync(path.join(packageRoot, 'package.json'), 'utf8'));
 const starterRoot = path.join(packageRoot, 'starters');
 const templates = new Set(['html', 'html-service', 'react', 'react-service', 'blazor', 'blazor-service']);
-const usage = 'npx scb-wc init <html|html-service|react|react-service|blazor|blazor-service> [mapp]';
+const usage = [
+  'npx scb-wc init <html|html-service|react|react-service|blazor|blazor-service> [mapp]',
+  'npx scb-wc subset-icons [--icons icons.json] [--out public/scb-icons] [--css-file scb-wc-icons.css]',
+].join('\n');
+
+const defaultSubsetOutDir = 'public/scb-icons';
+const defaultSubsetCssFile = 'scb-wc-icons.css';
+const defaultSubsetFontBase = 'material-symbols-outlined-subset';
+const materialSymbolsCssUrl = 'https://fonts.googleapis.com/css2';
+const materialSymbolsFamilyQuery = 'Material Symbols Outlined:opsz,wght,FILL,GRAD@24,400,0,0';
+const requiredIconNames = [
+  'arrow_back',
+  'arrow_forward',
+  'check',
+  'chevron_left',
+  'chevron_right',
+  'close',
+  'expand_less',
+  'expand_more',
+  'keyboard_arrow_down',
+  'keyboard_arrow_up',
+  'menu',
+  'search',
+];
 
 function fail(message) {
   console.error(message);
@@ -66,8 +91,256 @@ function copyStarter(sourceDir, targetDir, targetName) {
   }
 }
 
+function parseFlags(args) {
+  const flags = {};
+
+  for (let index = 0; index < args.length; index += 1) {
+    const arg = args[index];
+
+    if (!arg.startsWith('--')) {
+      fail(`Okänt argument: ${arg}`);
+    }
+
+    const [rawKey, inlineValue] = arg.slice(2).split(/=(.*)/s, 2);
+    const key = rawKey.trim();
+
+    if (!key) {
+      fail(`Ogiltigt argument: ${arg}`);
+    }
+
+    if (key === 'dry-run' || key === 'help') {
+      flags[key] = true;
+      continue;
+    }
+
+    const value = inlineValue ?? args[index + 1];
+    if (!value || value.startsWith('--')) {
+      fail(`Saknar värde för --${key}.`);
+    }
+
+    flags[key] = value;
+    if (inlineValue === undefined) {
+      index += 1;
+    }
+  }
+
+  return flags;
+}
+
+function resolveDefaultIconsPath() {
+  const candidates = [
+    path.join(packageRoot, 'icons.json'),
+    path.join(packageRoot, 'scripts', 'icons.json'),
+  ];
+
+  return candidates.find((candidate) => fs.existsSync(candidate));
+}
+
+function readIconList(iconsPath) {
+  if (!iconsPath) {
+    fail('Saknar standardlista for ikoner.');
+  }
+
+  const absolutePath = path.resolve(process.cwd(), iconsPath);
+  if (!fs.existsSync(absolutePath)) {
+    fail(`Hittar inte ikonfilen: ${absolutePath}`);
+  }
+
+  let parsed;
+  try {
+    parsed = JSON.parse(fs.readFileSync(absolutePath, 'utf8'));
+  } catch (error) {
+    fail(`Kunde inte lasa ikonfilen ${absolutePath}: ${error.message}`);
+  }
+
+  const list = Array.isArray(parsed) ? parsed : parsed?.icons;
+  if (!Array.isArray(list)) {
+    fail('Ikonfilen ska vara en JSON-array eller ett objekt med egenskapen "icons".');
+  }
+
+  return list.map((icon) => String(icon ?? '').trim()).filter(Boolean);
+}
+
+function normalizeIconNames(iconNames) {
+  const normalized = Array.from(new Set([...requiredIconNames, ...iconNames]))
+    .map((icon) => icon.trim())
+    .filter(Boolean)
+    .sort((a, b) => a.localeCompare(b));
+
+  const invalid = normalized.filter((icon) => !/^[a-z0-9_]+$/.test(icon));
+  if (invalid.length) {
+    fail(`Ogiltiga ikon-namn: ${invalid.join(', ')}`);
+  }
+
+  return normalized;
+}
+
+function buildMaterialSymbolsUrl(iconNames, display) {
+  const params = new URLSearchParams({
+    family: materialSymbolsFamilyQuery,
+    icon_names: iconNames.join(','),
+    display,
+  });
+  return `${materialSymbolsCssUrl}?${params.toString()}`;
+}
+
+function requestUrl(url, redirects = 5) {
+  return new Promise((resolve, reject) => {
+    const client = url.startsWith('http:') ? http : https;
+    const request = client.get(
+      url,
+      {
+        headers: {
+          'User-Agent': `${packageJson.name}/${packageJson.version} subset-icons`,
+        },
+      },
+      (response) => {
+        const statusCode = response.statusCode ?? 0;
+        const location = response.headers.location;
+
+        if ([301, 302, 303, 307, 308].includes(statusCode) && location) {
+          response.resume();
+          if (redirects <= 0) {
+            reject(new Error(`For manga redirects for ${url}`));
+            return;
+          }
+          resolve(requestUrl(new URL(location, url).href, redirects - 1));
+          return;
+        }
+
+        if (statusCode < 200 || statusCode >= 300) {
+          response.resume();
+          reject(new Error(`HTTP ${statusCode} for ${url}`));
+          return;
+        }
+
+        const chunks = [];
+        response.on('data', (chunk) => chunks.push(Buffer.from(chunk)));
+        response.on('end', () => {
+          resolve({
+            buffer: Buffer.concat(chunks),
+            contentType: response.headers['content-type'] ?? '',
+          });
+        });
+      },
+    );
+
+    request.on('error', reject);
+  });
+}
+
+async function fetchText(url) {
+  const { buffer } = await requestUrl(url);
+  return buffer.toString('utf8');
+}
+
+async function fetchBuffer(url) {
+  const { buffer } = await requestUrl(url);
+  return buffer;
+}
+
+function fontExtensionForFormat(format) {
+  switch (format) {
+    case 'woff2':
+      return 'woff2';
+    case 'woff':
+      return 'woff';
+    case 'opentype':
+      return 'otf';
+    case 'truetype':
+    default:
+      return 'ttf';
+  }
+}
+
+function findFontSources(cssText) {
+  const matches = Array.from(
+    cssText.matchAll(/url\((https:\/\/fonts\.gstatic\.com\/[^)]+)\)\s*format\(['"]([^'"]+)['"]\)/g),
+  );
+
+  return matches.map((match) => ({
+    url: match[1],
+    format: match[2],
+  }));
+}
+
+async function writeSubsetFiles({ cssText, iconNames, outDir, cssFile }) {
+  const sources = findFontSources(cssText);
+  if (!sources.length) {
+    fail('Google Fonts-svaret innehöll inga fontfiler att ladda ner.');
+  }
+
+  fs.mkdirSync(outDir, { recursive: true });
+
+  let localCss = cssText;
+  for (const [index, source] of sources.entries()) {
+    const ext = fontExtensionForFormat(source.format);
+    const suffix = sources.length > 1 ? `-${index + 1}` : '';
+    const fileName = `${defaultSubsetFontBase}${suffix}.${ext}`;
+    const fontBuffer = await fetchBuffer(source.url);
+    fs.writeFileSync(path.join(outDir, fileName), fontBuffer);
+    localCss = localCss.split(source.url).join(`./${fileName}`);
+  }
+
+  const header = [
+    '/* Generated by `npx scb-wc subset-icons`. */',
+    `/* Icons: ${iconNames.join(', ')} */`,
+    '',
+  ].join('\n');
+
+  fs.writeFileSync(path.join(outDir, cssFile), `${header}${localCss.trim()}\n`, 'utf8');
+  fs.writeFileSync(path.join(outDir, 'icons.json'), `${JSON.stringify(iconNames, null, 2)}\n`, 'utf8');
+}
+
+async function runSubsetIcons(args) {
+  const flags = parseFlags(args);
+  if (flags.help) {
+    console.log(usage);
+    return;
+  }
+
+  const iconsPath = flags.icons ?? resolveDefaultIconsPath();
+  const outDir = path.resolve(process.cwd(), flags.out ?? defaultSubsetOutDir);
+  const cssFile = flags['css-file'] ?? defaultSubsetCssFile;
+  const display = flags.display ?? 'swap';
+
+  if (!/^[a-z0-9._-]+\.css$/i.test(cssFile)) {
+    fail('--css-file måste vara ett css-filnamn, till exempel scb-wc-icons.css.');
+  }
+
+  if (!['auto', 'block', 'swap', 'fallback', 'optional'].includes(display)) {
+    fail('--display måste vara auto, block, swap, fallback eller optional.');
+  }
+
+  const iconNames = normalizeIconNames(readIconList(iconsPath));
+  const cssUrl = buildMaterialSymbolsUrl(iconNames, display);
+
+  if (flags['dry-run']) {
+    console.log(`Skulle skapa Material Symbols-subset med ${iconNames.length} ikoner.`);
+    console.log(`Källa: ${path.resolve(process.cwd(), iconsPath)}`);
+    console.log(`Mål: ${outDir}`);
+    console.log(`CSS: ${cssFile}`);
+    return;
+  }
+
+  const cssText = await fetchText(cssUrl);
+  await writeSubsetFiles({ cssText, iconNames, outDir, cssFile });
+  console.log(`Skapade ikon-subset med ${iconNames.length} ikoner i ${outDir}`);
+  console.log(`Ladda CSS-filen: ${path.join(outDir, cssFile)}`);
+}
+
 const [, , command, template, targetArg] = process.argv;
 
+if (!command || command === '--help' || command === 'help') {
+  console.log(usage);
+  process.exit(0);
+}
+
+if (command === 'subset-icons') {
+  await runSubsetIcons(process.argv.slice(3));
+  process.exit(0);
+}
+
 if (command !== 'init') {
   fail('Okänt kommando.');
 }

package/icons.json

@@ -0,0 +1,178 @@
+[
+"add",
+"remove",
+"add_circle",
+"remove_circle",
+"expand_more",
+"expand_less",
+"chevron_right",
+"chevron_left",
+"unfold_more",
+"unfold_less",
+"info",
+"warning",
+"menu",
+"code",
+"more_horiz",
+"more_vert",
+"check_circle",
+"check",
+"check_small",
+"close",
+"border_color",
+"error",
+"edit",
+"edit_square",
+"refresh",
+"print",
+"group",
+"person_add",
+"person",
+"download",
+"mobile_arrow_down",
+"upload",
+"mail",
+"calendar_month",
+"calendar_today",
+"volume_up",
+"description",
+"folder",
+"play_arrow",
+"grain",
+"check_box",
+"help",
+"check_box_outline_blank",
+"indeterminate_check_box",
+"radio_button_checked",
+"radio_button_unchecked",
+"face",
+"male",
+"female",
+"grid_on",
+"label",
+"delete",
+"pin",
+"location_on",
+"straighten",
+"compare_arrows",
+"swap_horiz",
+"filter_vintage",
+"deceased",
+"apartment",
+"eco",
+"texture",
+"table_chart",
+"bar_chart",
+"bid_landscape",
+"show_chart",
+"ssid_chart",
+"bubble_chart",
+"touch_app",
+"near_me",
+"toggle_off",
+"toggle_on",
+"cancel",
+"book",
+"public",
+"style",
+"restore",
+"payment",
+"shopping_cart",
+"list",
+"ballot",
+"list_alt",
+"view_list",
+"format_list_bulleted",
+"database",
+"database_search",
+"data_table",
+"share",
+"home",
+"arrow_back",
+"arrow_forward",
+"arrow_upward",
+"arrow_downward",
+"arrow_outward",
+"call_made",
+"arrow_back_ios",
+"arrow_forward_ios",
+"favorite",
+"filter_list",
+"sort",
+"view_module",
+"hearing",
+"event_note",
+"image",
+"language",
+"repeat",
+"insert_chart",
+"insert_chart_filled",
+"leaderboard",
+"article",
+"reorder",
+"subject",
+"visibility",
+"visibility_off",
+"arrow_right",
+"arrow_drop_down",
+"tune",
+"settings",
+"manufacturing",
+"preview",
+"mic",
+"laptop_windows",
+"mobile",
+"tablet",
+"table",
+"sell",
+"shoppingmode",
+"lightbulb",
+"content_copy",
+"colors",
+"link",
+"format_bold",
+"format_color_text",
+"format_align_left",
+"fiber_manual_record",
+"breaking_news",
+"release_alert",
+"person_play",
+"comment",
+"mode_comment",
+"fullscreen",
+"fullscreen_exit",
+"filter_alt",
+"open_in_new",
+"search",
+"support",
+"location_searching",
+"explore",
+"assistant_direction",
+"mouse",
+"thumb_up",
+"checklist",
+"progress_activity",
+"reply",
+"percent",
+"space_bar",
+"graph_7",
+"verified",
+"deployed_code",
+"build",
+"code_blocks",
+"inventory",
+"save",
+"data_info_alert",
+"auto_stories",
+"menu_book",
+"book_2",
+"import_contacts",
+"nature",
+"spa",
+"contact_support",
+"work",
+"person_4",
+"price_change",
+"keyboard_arrow_down",
+"keyboard_arrow_up"
+]

package/index.js

@@ -53,13 +53,13 @@ import { ScbHeaderMenuGroup as Z } from "./scb-header/scb-header-menu-group.js";
 import { ScbHeaderMenuItem as Q } from "./scb-header/scb-header-menu-item.js";
 import { ScbHeaderTab as $ } from "./scb-header/scb-header-tab.js";
 import { ScbHeaderUtility as ee } from "./scb-header/scb-header-utility.js";
-import { ScbMenuItem as te } from "./scb-menu/scb-menu-item.js";
-import { ScbmenuSection as ne } from "./scb-menu/scb-menu-section.js";
-import { ScbSubmenu as re } from "./scb-menu/scb-sub-menu.js";
-import { ScbMenu as ie } from "./scb-menu/scb-menu.js";
-import { ScbSkeleton as ae } from "./scb-skeleton/scb-skeleton.js";
-import { ScbHeader as oe } from "./scb-header/scb-header.js";
-import { ScbKeyFigureCard as se } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbSkeleton as te } from "./scb-skeleton/scb-skeleton.js";
+import { ScbHeader as ne } from "./scb-header/scb-header.js";
+import { ScbKeyFigureCard as re } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbMenuItem as ie } from "./scb-menu/scb-menu-item.js";
+import { ScbmenuSection as ae } from "./scb-menu/scb-menu-section.js";
+import { ScbSubmenu as oe } from "./scb-menu/scb-sub-menu.js";
+import { ScbMenu as se } from "./scb-menu/scb-menu.js";
 import { ScbNavItem as ce } from "./scb-nav/scb-nav-item.js";
 import { ScbNav as le } from "./scb-nav/scb-nav.js";
 import { ScbNotificationCard as ue } from "./scb-notification-card/scb-notification-card.js";
@@ -90,4 +90,4 @@ import { appendScbVizSeriesDifferentiationPatternMarks as qe, getScbVizSeriesDif
 import { clearScbVizSeriesDifferentiationColorClass as $e, clearScbVizSeriesDifferentiationMetadata as et, ensureScbVizGroupedSeriesDifferentiationStore as tt, ensureScbVizStyledModeSeriesPattern as nt, getScbVizGroupedSeriesDifferentiationKey as rt, getScbVizGroupedSeriesDifferentiationVariant as it, getScbVizGroupedSeriesDifferentiationVariantIndex as at, getScbVizHighchartsColorClassName as ot, getScbVizHighchartsSvgElement as st, getScbVizHighchartsSvgRoot as ct, getScbVizLegendSeriesDifferentiationTargets as lt, getScbVizSeriesDifferentiationColorIndex as ut, getScbVizSeriesDifferentiationVariantByIndex as dt, isScbVizGroupedSeriesDifferentiationChart as ft, isScbVizHighchartsStyledMode as pt, setScbVizSeriesDifferentiationColorClass as mt, setScbVizSeriesDifferentiationMetadata as ht, shouldShowScbVizSeriesDifferentiationAction as gt, usesScbVizGroupedPointDifferentiation as _t } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
 import { buildScbVizResolvedTableView as vt, createScbVizCsvRows as yt, inferScbVizTableAlignments as bt, normalizeScbVizRenderableCell as xt, readScbVizTableDataFromSlot as St } from "./scb-viz/scb-viz-table-runtime.js";
 import { ScbViz as Ct } from "./scb-viz/scb-viz.js";
-export { f as SCBBreadcrumb, d as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, E as ScbActionCard, c as ScbAppBar, s as ScbAvatar, l as ScbBadge, t as ScbButton, C as ScbCalendar, w as ScbCalendarCard, p as ScbCalendarEvent, D as ScbCard, _ as ScbCheckbox, g as ScbCheckboxGroup, x as ScbChip, M as ScbCollapse, O as ScbContainerCard, N as ScbCookiesConsent, S as ScbDialog, m as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, oe as ScbHeader, Z as ScbHeaderMenuGroup, Q as ScbHeaderMenuItem, $ as ScbHeaderTab, ee as ScbHeaderUtility, J as ScbHorizontalScroller, r as ScbIconButton, se as ScbKeyFigureCard, u as ScbLink, k as ScbLinkCard, a as ScbList, A as ScbListCard, i as ScbListItem, ie as ScbMenu, te as ScbMenuItem, le as ScbNav, ce as ScbNavItem, ue as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Y as ScbOverlay, de as ScbPagination, De as ScbPrimaryTab, fe as ScbProgressIndicator, pe as ScbProgressStep, me as ScbProgressStepper, y as ScbRadioButton, v as ScbRadioGroup, he as ScbScrollspy, o as ScbSearch, Oe as ScbSecondaryTab, _e as ScbSegmentedButton, ge as ScbSegmentedItem, ye as ScbSelect, ve as ScbSelectOption, ae as ScbSkeleton, be as ScbSlider, xe as ScbSnackbar, j as ScbSocialCard, G as ScbStack, Se as ScbStatusPill, Ce as ScbStep, we as ScbStepper, re as ScbSubmenu, b as ScbSwitch, Te as ScbTable, Ee as ScbTableAdvanced, ke as ScbTabs, h as ScbTextField, je as ScbToc, Ae as ScbTocItem, T as ScbTooltip, Ct as ScbViz, ne as ScbmenuSection, qe as appendScbVizSeriesDifferentiationPatternMarks, Me as buildScbVizExportFileName, We as buildScbVizPrintDocumentHtml, Ge as buildScbVizPrintableFooterHtml, Ke as buildScbVizPrintableTableHtml, vt as buildScbVizResolvedTableView, $e as clearScbVizSeriesDifferentiationColorClass, et as clearScbVizSeriesDifferentiationMetadata, Ne as createScbVizCsvBlob, yt as createScbVizCsvRows, Pe as createScbVizRasterBlobFromElement, Fe as createScbVizRasterDataUrlFromElement, Ie as downloadScbVizBlob, tt as ensureScbVizGroupedSeriesDifferentiationStore, nt as ensureScbVizStyledModeSeriesPattern, Le as getScbVizCurrentFullscreenElement, Re as getScbVizExportBaseFileName, ze as getScbVizFullscreenDocument, rt as getScbVizGroupedSeriesDifferentiationKey, it as getScbVizGroupedSeriesDifferentiationVariant, at as getScbVizGroupedSeriesDifferentiationVariantIndex, ot as getScbVizHighchartsColorClassName, st as getScbVizHighchartsSvgElement, ct as getScbVizHighchartsSvgRoot, lt as getScbVizLegendSeriesDifferentiationTargets, ut as getScbVizSeriesDifferentiationColorIndex, Je as getScbVizSeriesDifferentiationPatternDefinition, Ye as getScbVizSeriesDifferentiationPatternKinds, Xe as getScbVizSeriesDifferentiationRegistry, Ze as getScbVizSeriesDifferentiationVariant, dt as getScbVizSeriesDifferentiationVariantByIndex, bt as inferScbVizTableAlignments, Be as isScbVizFullscreenSupported, ft as isScbVizGroupedSeriesDifferentiationChart, pt as isScbVizHighchartsStyledMode, xt as normalizeScbVizRenderableCell, Ve as openScbVizPrintFrame, St as readScbVizTableDataFromSlot, He as runWithScbVizForcedPrintLightMode, Qe as scbVizSeriesDifferentiationRegistry, mt as setScbVizSeriesDifferentiationColorClass, ht as setScbVizSeriesDifferentiationMetadata, gt as shouldShowScbVizSeriesDifferentiationAction, Ue as toggleScbVizFullscreen, _t as usesScbVizGroupedPointDifferentiation };
+export { f as SCBBreadcrumb, d as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, E as ScbActionCard, c as ScbAppBar, s as ScbAvatar, l as ScbBadge, t as ScbButton, C as ScbCalendar, w as ScbCalendarCard, p as ScbCalendarEvent, D as ScbCard, _ as ScbCheckbox, g as ScbCheckboxGroup, x as ScbChip, M as ScbCollapse, O as ScbContainerCard, N as ScbCookiesConsent, S as ScbDialog, m as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, ne as ScbHeader, Z as ScbHeaderMenuGroup, Q as ScbHeaderMenuItem, $ as ScbHeaderTab, ee as ScbHeaderUtility, J as ScbHorizontalScroller, r as ScbIconButton, re as ScbKeyFigureCard, u as ScbLink, k as ScbLinkCard, a as ScbList, A as ScbListCard, i as ScbListItem, se as ScbMenu, ie as ScbMenuItem, le as ScbNav, ce as ScbNavItem, ue as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Y as ScbOverlay, de as ScbPagination, De as ScbPrimaryTab, fe as ScbProgressIndicator, pe as ScbProgressStep, me as ScbProgressStepper, y as ScbRadioButton, v as ScbRadioGroup, he as ScbScrollspy, o as ScbSearch, Oe as ScbSecondaryTab, _e as ScbSegmentedButton, ge as ScbSegmentedItem, ye as ScbSelect, ve as ScbSelectOption, te as ScbSkeleton, be as ScbSlider, xe as ScbSnackbar, j as ScbSocialCard, G as ScbStack, Se as ScbStatusPill, Ce as ScbStep, we as ScbStepper, oe as ScbSubmenu, b as ScbSwitch, Te as ScbTable, Ee as ScbTableAdvanced, ke as ScbTabs, h as ScbTextField, je as ScbToc, Ae as ScbTocItem, T as ScbTooltip, Ct as ScbViz, ae as ScbmenuSection, qe as appendScbVizSeriesDifferentiationPatternMarks, Me as buildScbVizExportFileName, We as buildScbVizPrintDocumentHtml, Ge as buildScbVizPrintableFooterHtml, Ke as buildScbVizPrintableTableHtml, vt as buildScbVizResolvedTableView, $e as clearScbVizSeriesDifferentiationColorClass, et as clearScbVizSeriesDifferentiationMetadata, Ne as createScbVizCsvBlob, yt as createScbVizCsvRows, Pe as createScbVizRasterBlobFromElement, Fe as createScbVizRasterDataUrlFromElement, Ie as downloadScbVizBlob, tt as ensureScbVizGroupedSeriesDifferentiationStore, nt as ensureScbVizStyledModeSeriesPattern, Le as getScbVizCurrentFullscreenElement, Re as getScbVizExportBaseFileName, ze as getScbVizFullscreenDocument, rt as getScbVizGroupedSeriesDifferentiationKey, it as getScbVizGroupedSeriesDifferentiationVariant, at as getScbVizGroupedSeriesDifferentiationVariantIndex, ot as getScbVizHighchartsColorClassName, st as getScbVizHighchartsSvgElement, ct as getScbVizHighchartsSvgRoot, lt as getScbVizLegendSeriesDifferentiationTargets, ut as getScbVizSeriesDifferentiationColorIndex, Je as getScbVizSeriesDifferentiationPatternDefinition, Ye as getScbVizSeriesDifferentiationPatternKinds, Xe as getScbVizSeriesDifferentiationRegistry, Ze as getScbVizSeriesDifferentiationVariant, dt as getScbVizSeriesDifferentiationVariantByIndex, bt as inferScbVizTableAlignments, Be as isScbVizFullscreenSupported, ft as isScbVizGroupedSeriesDifferentiationChart, pt as isScbVizHighchartsStyledMode, xt as normalizeScbVizRenderableCell, Ve as openScbVizPrintFrame, St as readScbVizTableDataFromSlot, He as runWithScbVizForcedPrintLightMode, Qe as scbVizSeriesDifferentiationRegistry, mt as setScbVizSeriesDifferentiationColorClass, ht as setScbVizSeriesDifferentiationMetadata, gt as shouldShowScbVizSeriesDifferentiationAction, Ue as toggleScbVizFullscreen, _t as usesScbVizGroupedPointDifferentiation };

package/mvc/components/scb-card/scb-card.js

@@ -444,7 +444,6 @@ import"../../vendor/vendor-material.js";import{_ as lt,b as dt,g as $,h as a,v a
       inline-size: 100%;
       min-inline-size: 0;
       max-inline-size: 100%;
-      height: 100%;
     }
 
     :host([type='social']) .scb-card {