@nldd/design-system 0.8.46 → 0.8.48

package/dist/components/components.js

@@ -1,85 +1,90 @@
-import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "./index-BvNDgQGM.js";
+import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax } from "./index-CHPElQwp.js";
 export {
   N as NLDDAppView,
   a as NLDDBadge,
   b as NLDDBarSplitView,
   c as NLDDBlockquote,
   d as NLDDBox,
-  e as NLDDButton,
-  f as NLDDButtonBar,
-  h as NLDDButtonGroup,
-  i as NLDDCard,
-  j as NLDDCell,
-  k as NLDDCheckbox,
-  l as NLDDCheckboxField,
-  m as NLDDCode,
-  n as NLDDCodeEditor,
-  o as NLDDCollection,
-  p as NLDDComboBox,
-  q as NLDDContainer,
-  r as NLDDDescriptionCell,
-  s as NLDDDivider,
-  t as NLDDDocumentTabBar,
-  u as NLDDDragHandleCell,
-  v as NLDDDropdown,
-  w as NLDDForm,
-  x as NLDDFormActions,
-  y as NLDDFormField,
-  z as NLDDFormSection,
-  A as NLDDFullBleedSection,
-  B as NLDDIcon,
-  C as NLDDIconButton,
-  D as NLDDIconCell,
-  E as NLDDInlineDialog,
-  F as NLDDKeyboardShortcut,
-  G as NLDDLink,
-  H as NLDDList,
-  I as NLDDListItem,
-  J as NLDDMenu,
-  K as NLDDMenuBar,
-  L as NLDDMenuBarItem,
-  M as NLDDModalDialog,
-  O as NLDDMultiLineTextField,
-  P as NLDDNavigationSplitView,
-  Q as NLDDNumberField,
-  R as NLDDOneHalfOneHalfSection,
-  S as NLDDOneThirdTwoThirdsSection,
-  T as NLDDPage,
-  U as NLDDPagination,
-  V as NLDDPasswordField,
-  W as NLDDPopover,
-  X as NLDDRadioButton,
-  Y as NLDDRadioButtonField,
-  Z as NLDDRadioButtonGroup,
-  _ as NLDDRichText,
-  $ as NLDDSearchField,
-  a0 as NLDDSegmentedControl,
-  a1 as NLDDSheet,
-  a2 as NLDDSideBySideSplitView,
-  a3 as NLDDSimpleSection,
-  a4 as NLDDSkipLink,
-  a5 as NLDDSpacer,
-  a6 as NLDDSpacerCell,
-  a7 as NLDDSplitButton,
-  a8 as NLDDSplitViewPane,
-  a9 as NLDDStackedSplitView,
-  aa as NLDDStepper,
-  ab as NLDDSwitch,
-  ac as NLDDSwitchField,
-  ad as NLDDTabBar,
-  ae as NLDDTag,
-  af as NLDDTextCell,
-  ag as NLDDTextField,
-  ah as NLDDTimelineTrackCell,
-  ai as NLDDTitle,
-  aj as NLDDTitleCell,
-  ak as NLDDToggleButton,
-  al as NLDDToggleButtonGroup,
-  am as NLDDToken,
-  an as NLDDToolbar,
-  ao as NLDDTooltip,
-  ap as NLDDTopNavigationBar,
-  aq as NLDDTopTitleBar,
-  ar as NLDDTwoThirdsOneThirdSection,
-  as as NLDDWindow
+  e as NLDDBreadcrumbs,
+  f as NLDDBreadcrumbsItem,
+  h as NLDDButton,
+  i as NLDDButtonBar,
+  j as NLDDButtonGroup,
+  k as NLDDCard,
+  l as NLDDCell,
+  m as NLDDCheckbox,
+  n as NLDDCheckboxField,
+  o as NLDDCodeEditor,
+  p as NLDDCodeViewer,
+  q as NLDDCollection,
+  r as NLDDComboBox,
+  s as NLDDContainer,
+  t as NLDDDescriptionCell,
+  u as NLDDDivider,
+  v as NLDDDocumentTabBar,
+  w as NLDDDragHandleCell,
+  x as NLDDDropdown,
+  y as NLDDForm,
+  z as NLDDFormActions,
+  A as NLDDFormField,
+  B as NLDDFormSection,
+  C as NLDDFullBleedSection,
+  D as NLDDIcon,
+  E as NLDDIconButton,
+  F as NLDDIconCell,
+  G as NLDDInlineDialog,
+  H as NLDDKeyboardShortcut,
+  I as NLDDLink,
+  J as NLDDList,
+  K as NLDDListItem,
+  L as NLDDMenu,
+  M as NLDDMenuBar,
+  O as NLDDMenuBarItem,
+  P as NLDDModalDialog,
+  Q as NLDDMultiLineTextField,
+  R as NLDDNavigationSplitView,
+  S as NLDDNumberField,
+  T as NLDDOneHalfOneHalfSection,
+  U as NLDDOneThirdTwoThirdsSection,
+  V as NLDDPage,
+  W as NLDDPageFooter,
+  X as NLDDPageFooterLegalBar,
+  Y as NLDDPageFooterLegalBarItem,
+  Z as NLDDPagination,
+  _ as NLDDPasswordField,
+  $ as NLDDPopover,
+  a0 as NLDDRadioButton,
+  a1 as NLDDRadioButtonField,
+  a2 as NLDDRadioButtonGroup,
+  a3 as NLDDRichText,
+  a4 as NLDDSearchField,
+  a5 as NLDDSegmentedControl,
+  a6 as NLDDSheet,
+  a7 as NLDDSideBySideSplitView,
+  a8 as NLDDSimpleSection,
+  a9 as NLDDSkipLink,
+  aa as NLDDSpacer,
+  ab as NLDDSpacerCell,
+  ac as NLDDSplitButton,
+  ad as NLDDSplitViewPane,
+  ae as NLDDStackedSplitView,
+  af as NLDDStepper,
+  ag as NLDDSwitch,
+  ah as NLDDSwitchField,
+  ai as NLDDTabBar,
+  aj as NLDDTag,
+  ak as NLDDTextCell,
+  al as NLDDTextField,
+  am as NLDDTimelineTrackCell,
+  an as NLDDTitle,
+  ao as NLDDTitleCell,
+  ap as NLDDToggleButton,
+  aq as NLDDToggleButtonGroup,
+  ar as NLDDToken,
+  as as NLDDToolbar,
+  at as NLDDTooltip,
+  au as NLDDTopNavigationBar,
+  av as NLDDTopTitleBar,
+  aw as NLDDTwoThirdsOneThirdSection,
+  ax as NLDDWindow
 };

package/dist/components/content/{code/code.d.ts → code-viewer/code-viewer.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Nederlandse Digitale Dienst Code Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Code Viewer Component (Lit + TypeScript)
  *
  * A block of monospaced text for code, traces, output dumps, etc.
  * Renders a styled `<pre>` with the design-system's monospace family,
@@ -13,31 +13,32 @@
  *
  * ## Syntax highlighting
  * Set `language` to one of the supported grammars (yaml, json, javascript,
- * typescript, css, html, bash, markdown) to highlight the slot content
+ * typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql,
+ * python) to highlight the slot content
  * with Prism. Without `language` the slot content is rendered raw, no
  * highlighting applied. Grammars are loaded lazily on first use, so a
  * page that never sets `language` ships zero grammar code.
  *
  * ### Theming
- * Token colors are exposed as `--components-code-token-*` custom
+ * Token colors are exposed as `--components-code-viewer-token-*` custom
  * properties on the host. Override them per-instance to swap the theme:
  *
  * ```css
- * nldd-code {
- *   --components-code-token-keyword-color: var(--my-purple);
- *   --components-code-token-string-color: var(--my-green);
+ * nldd-code-viewer {
+ *   --components-code-viewer-token-keyword-color: var(--my-purple);
+ *   --components-code-viewer-token-string-color: var(--my-green);
  * }
  * ```
  *
- * @element nldd-code
+ * @element nldd-code-viewer
  *
- * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, bash, markdown). Empty disables highlighting.
+ * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
  * @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
  *
  * @slot - Default slot for the code/text content
  */
 import { LitElement } from 'lit';
-export declare class NLDDCode extends LitElement {
+export declare class NLDDCodeViewer extends LitElement {
     static styles: import("lit").CSSResult;
     language: string;
     wrap: boolean;
@@ -56,7 +57,7 @@ export declare class NLDDCode extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'nldd-code': NLDDCode;
+        'nldd-code-viewer': NLDDCodeViewer;
     }
 }
-//# sourceMappingURL=code.d.ts.map
+//# sourceMappingURL=code-viewer.d.ts.map

package/dist/components/content/code-viewer/code-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AA8CjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,QAAQ,SAAM;IAGd,IAAI,UAAS;IAGb,gBAAgB,SAAM;IAEtB,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,kBAAkB,CAAC,CAAa;IAE/B,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAMrC,aAAa,CAAC,CAAC,EAAE,KAAK;IAIb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9C,OAAO,CAAC,iBAAiB;IAQV,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,iBAAiB;YAIX,aAAa;CA4B3B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}

package/dist/components/content/{code/code.js → code-viewer/code-viewer.js}

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * Nederlandse Digitale Dienst Code Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Code Viewer Component (Lit + TypeScript)
  *
  * A block of monospaced text for code, traces, output dumps, etc.
  * Renders a styled `<pre>` with the design-system's monospace family,
@@ -19,25 +19,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * ## Syntax highlighting
  * Set `language` to one of the supported grammars (yaml, json, javascript,
- * typescript, css, html, bash, markdown) to highlight the slot content
+ * typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql,
+ * python) to highlight the slot content
  * with Prism. Without `language` the slot content is rendered raw, no
  * highlighting applied. Grammars are loaded lazily on first use, so a
  * page that never sets `language` ships zero grammar code.
  *
  * ### Theming
- * Token colors are exposed as `--components-code-token-*` custom
+ * Token colors are exposed as `--components-code-viewer-token-*` custom
  * properties on the host. Override them per-instance to swap the theme:
  *
  * ```css
- * nldd-code {
- *   --components-code-token-keyword-color: var(--my-purple);
- *   --components-code-token-string-color: var(--my-green);
+ * nldd-code-viewer {
+ *   --components-code-viewer-token-keyword-color: var(--my-purple);
+ *   --components-code-viewer-token-string-color: var(--my-green);
  * }
  * ```
  *
- * @element nldd-code
+ * @element nldd-code-viewer
  *
- * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, bash, markdown). Empty disables highlighting.
+ * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
  * @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
  *
  * @slot - Default slot for the code/text content
@@ -45,11 +46,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import Prism from 'prismjs';
-import { codeStyles } from './code.styles.js';
-import { codeTemplate } from './code.template.js';
+import { codeViewerStyles } from './code-viewer.styles.js';
+import { codeViewerTemplate } from './code-viewer.template.js';
 import { onColorSchemeChange, forceScrollLayerRepaint } from '../../../utilities/color-scheme-repaint.js';
-/* Map our public language names to Prism grammar loaders. `html` shares
- * the markup grammar (covers html/xml/svg). Static `import()` calls let
+/* Map our public language names to Prism grammar loaders. `html` and `xml`
+ * share the markup grammar (covers html/xml/svg). Static `import()` calls let
  * the bundler emit one chunk per file, so consumers only download
  * grammars they actually render. */
 const GRAMMAR_LOADERS = {
@@ -59,8 +60,14 @@ const GRAMMAR_LOADERS = {
     typescript: () => import('prismjs/components/prism-typescript.js'),
     css: () => import('prismjs/components/prism-css.js'),
     html: () => import('prismjs/components/prism-markup.js'),
+    xml: () => import('prismjs/components/prism-markup.js'),
     bash: () => import('prismjs/components/prism-bash.js'),
     markdown: () => import('prismjs/components/prism-markdown.js'),
+    rust: () => import('prismjs/components/prism-rust.js'),
+    gherkin: () => import('prismjs/components/prism-gherkin.js'),
+    toml: () => import('prismjs/components/prism-toml.js'),
+    sql: () => import('prismjs/components/prism-sql.js'),
+    python: () => import('prismjs/components/prism-python.js'),
 };
 const grammarLoads = new Map();
 function loadGrammar(language) {
@@ -79,7 +86,7 @@ function loadGrammar(language) {
     }
     return pending;
 }
-let NLDDCode = class NLDDCode extends LitElement {
+let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
     constructor() {
         super(...arguments);
         this.language = '';
@@ -88,11 +95,11 @@ let NLDDCode = class NLDDCode extends LitElement {
         this._highlightPending = Promise.resolve();
     }
     render() {
-        return codeTemplate(this);
+        return codeViewerTemplate(this);
     }
     connectedCallback() {
         super.connectedCallback();
-        /* The .code block has overflow-x: auto and tends to scroll wide
+        /* The .code-viewer block has overflow-x: auto and tends to scroll wide
          * content. Browsers cache off-screen tiles for its scroll layer and
          * don't reliably invalidate them when light-dark() colours flip with
          * color-scheme, so scroll back after a theme switch shows stale
@@ -112,7 +119,7 @@ let NLDDCode = class NLDDCode extends LitElement {
             this._refreshHighlight();
     }
     _repaintCodeBlock() {
-        const block = this.shadowRoot?.querySelector('.code');
+        const block = this.shadowRoot?.querySelector('.code-viewer');
         if (block)
             forceScrollLayerRepaint(block);
     }
@@ -158,18 +165,18 @@ let NLDDCode = class NLDDCode extends LitElement {
         this._highlightedHtml = Prism.highlight(text, grammar, language);
     }
 };
-NLDDCode.styles = codeStyles;
+NLDDCodeViewer.styles = codeViewerStyles;
 __decorate([
     property({ type: String, reflect: true })
-], NLDDCode.prototype, "language", void 0);
+], NLDDCodeViewer.prototype, "language", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], NLDDCode.prototype, "wrap", void 0);
+], NLDDCodeViewer.prototype, "wrap", void 0);
 __decorate([
     state()
-], NLDDCode.prototype, "_highlightedHtml", void 0);
-NLDDCode = __decorate([
-    customElement('nldd-code')
-], NLDDCode);
-export { NLDDCode };
-//# sourceMappingURL=code.js.map
+], NLDDCodeViewer.prototype, "_highlightedHtml", void 0);
+NLDDCodeViewer = __decorate([
+    customElement('nldd-code-viewer')
+], NLDDCodeViewer);
+export { NLDDCodeViewer };
+//# sourceMappingURL=code-viewer.js.map

package/dist/components/content/code-viewer/code-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"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"}

package/dist/components/content/code-viewer/code-viewer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const codeViewerStyles: import("lit").CSSResult;
+//# sourceMappingURL=code-viewer.styles.d.ts.map

package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAsF5B,CAAC"}

package/dist/components/content/code-viewer/code-viewer.styles.js

@@ -0,0 +1,89 @@
+import { css } from 'lit';
+export const codeViewerStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_corner-radius: var(--primitives-corner-radius-lg);
+		--_background-color: var(--semantics-surfaces-tinted-background-color);
+		--_block-padding: var(--primitives-space-16);
+		--_inline-padding: var(--primitives-space-16);
+		--_content-color: var(--semantics-content-color);
+		--_font: var(--primitives-font-monospace-sm-regular-snug);
+
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.code-viewer {
+		margin: 0;
+		border-radius: var(--_corner-radius);
+		background-color: var(--_background-color);
+		overflow-x: auto;
+		padding: var(--_block-padding) var(--_inline-padding);
+		color: var(--_content-color);
+		font: var(--_font);
+		white-space: pre;
+	}
+
+	:host([wrap]) .code-viewer {
+		overflow-x: visible;
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
+
+	/* Lit reflects empty-string props as language=""; exclude that case */
+	:host([language]:not([language=""])) slot {
+		display: none;
+	}
+
+	.code__highlighted {
+		color: inherit;
+		font: inherit;
+	}
+
+
+	/* # Tokens */
+
+	.token.comment,
+	.token.prolog,
+	.token.doctype,
+	.token.cdata { color: var(--components-code-viewer-token-comment-color); font-style: italic; }
+	.token.punctuation { color: var(--components-code-viewer-token-punctuation-color); }
+	.token.namespace { opacity: 0.7; }
+	.token.keyword { color: var(--components-code-viewer-token-keyword-color); }
+	.token.string, .token.char { color: var(--components-code-viewer-token-string-color); }
+	.token.number { color: var(--components-code-viewer-token-number-color); }
+	.token.boolean { color: var(--components-code-viewer-token-boolean-color); }
+	.token.null { color: var(--components-code-viewer-token-null-color); }
+	.token.function { color: var(--components-code-viewer-token-function-color); }
+	.token.class-name { color: var(--components-code-viewer-token-class-color); }
+	.token.builtin { color: var(--components-code-viewer-token-builtin-color); }
+	.token.tag { color: var(--components-code-viewer-token-tag-color); }
+	.token.attr-name { color: var(--components-code-viewer-token-attr-name-color); }
+	.token.attr-value { color: var(--components-code-viewer-token-attr-value-color); }
+	.token.property { color: var(--components-code-viewer-token-property-color); }
+	.token.selector { color: var(--components-code-viewer-token-selector-color); }
+	.token.atrule { color: var(--components-code-viewer-token-atrule-color); }
+	.token.regex { color: var(--components-code-viewer-token-regex-color); }
+	.token.url { color: var(--components-code-viewer-token-url-color); }
+	.token.operator { color: var(--components-code-viewer-token-operator-color); }
+	.token.constant { color: var(--components-code-viewer-token-constant-color); }
+	.token.deleted { color: var(--components-code-viewer-token-deleted-color); }
+	.token.inserted { color: var(--components-code-viewer-token-inserted-color); }
+	.token.important { color: var(--components-code-viewer-token-important-color); font-weight: bold; }
+	.token.symbol { color: var(--components-code-viewer-token-symbol-color); }
+	.token.entity { color: var(--components-code-viewer-token-entity-color); }
+	.token.variable { color: var(--components-code-viewer-token-variable-color); }
+	.token.key { color: var(--components-code-viewer-token-property-color); }
+	.token.bold { font-weight: bold; }
+	.token.italic { font-style: italic; }
+`;
+//# sourceMappingURL=code-viewer.styles.js.map

package/dist/components/content/code-viewer/code-viewer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.styles.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFlC,CAAC"}

package/dist/components/content/code-viewer/code-viewer.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDCodeViewer } from './code-viewer.js';
+export declare function codeViewerTemplate(component: NLDDCodeViewer): TemplateResult;
+//# sourceMappingURL=code-viewer.template.d.ts.map

package/dist/components/content/code-viewer/code-viewer.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAgB5E"}

package/dist/components/content/{code/code.template.js → code-viewer/code-viewer.template.js}

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-export function codeTemplate(component) {
+export function codeViewerTemplate(component) {
     // `language` is interpolated into a class name. Lit's tagged template
     // literal escapes attribute values, so a malicious string can't break
     // out of the attribute — but it can still produce a wonky class name.
@@ -11,8 +11,8 @@ export function codeTemplate(component) {
     // Prism escapes HTML entities in its input (`<` → `&lt;`) before
     // wrapping tokens in spans, so the only HTML in the output is the
     // span scaffolding Prism itself emits. Safe by construction.
-    return html `<pre class="code"><slot @slotchange=${component._onSlotChange}></slot>${component.language && component._highlightedHtml
+    return html `<pre class="code-viewer"><slot @slotchange=${component._onSlotChange}></slot>${component.language && component._highlightedHtml
         ? html `<code class="code__highlighted language-${component.language}">${unsafeHTML(component._highlightedHtml)}</code>`
         : ''}</pre>`;
 }
-//# sourceMappingURL=code.template.js.map
+//# sourceMappingURL=code-viewer.template.js.map

package/dist/components/content/code-viewer/code-viewer.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.template.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,sEAAsE;IACtE,sEAAsE;IACtE,sEAAsE;IACtE,qEAAqE;IACrE,yBAAyB;IACzB,EAAE;IACF,oEAAoE;IACpE,iEAAiE;IACjE,kEAAkE;IAClE,6DAA6D;IAC7D,OAAO,IAAI,CAAA,8CAA8C,SAAS,CAAC,aAAa,WAC/E,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,gBAAgB;QAC/C,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,QAAQ,KAAK,UAAU,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS;QACvH,CAAC,CAAC,EACJ,QAAQ,CAAC;AACV,CAAC"}