@nldd/design-system 0.8.80 → 0.8.83

package/dist/components/shell-C61GCsJA.js

@@ -0,0 +1,223 @@
+//#region node_modules/@codemirror/legacy-modes/mode/shell.js
+var words = {};
+function define(style, dict) {
+	for (var i = 0; i < dict.length; i++) words[dict[i]] = style;
+}
+var commonAtoms = ["true", "false"];
+var commonKeywords = [
+	"if",
+	"then",
+	"do",
+	"else",
+	"elif",
+	"while",
+	"until",
+	"for",
+	"in",
+	"esac",
+	"fi",
+	"fin",
+	"fil",
+	"done",
+	"exit",
+	"set",
+	"unset",
+	"export",
+	"function"
+];
+var commonCommands = [
+	"ab",
+	"awk",
+	"bash",
+	"beep",
+	"cat",
+	"cc",
+	"cd",
+	"chown",
+	"chmod",
+	"chroot",
+	"clear",
+	"cp",
+	"curl",
+	"cut",
+	"diff",
+	"echo",
+	"find",
+	"gawk",
+	"gcc",
+	"get",
+	"git",
+	"grep",
+	"hg",
+	"kill",
+	"killall",
+	"ln",
+	"ls",
+	"make",
+	"mkdir",
+	"openssl",
+	"mv",
+	"nc",
+	"nl",
+	"node",
+	"npm",
+	"ping",
+	"ps",
+	"restart",
+	"rm",
+	"rmdir",
+	"sed",
+	"service",
+	"sh",
+	"shopt",
+	"shred",
+	"source",
+	"sort",
+	"sleep",
+	"ssh",
+	"start",
+	"stop",
+	"su",
+	"sudo",
+	"svn",
+	"tee",
+	"telnet",
+	"top",
+	"touch",
+	"vi",
+	"vim",
+	"wall",
+	"wc",
+	"wget",
+	"who",
+	"write",
+	"yes",
+	"zsh"
+];
+define("atom", commonAtoms);
+define("keyword", commonKeywords);
+define("builtin", commonCommands);
+function tokenBase(stream, state) {
+	if (stream.eatSpace()) return null;
+	var sol = stream.sol();
+	var ch = stream.next();
+	if (ch === "\\") {
+		stream.next();
+		return null;
+	}
+	if (ch === "'" || ch === "\"" || ch === "`") {
+		state.tokens.unshift(tokenString(ch, ch === "`" ? "quote" : "string"));
+		return tokenize(stream, state);
+	}
+	if (ch === "#") {
+		if (sol && stream.eat("!")) {
+			stream.skipToEnd();
+			return "meta";
+		}
+		stream.skipToEnd();
+		return "comment";
+	}
+	if (ch === "$") {
+		state.tokens.unshift(tokenDollar);
+		return tokenize(stream, state);
+	}
+	if (ch === "+" || ch === "=") return "operator";
+	if (ch === "-") {
+		stream.eat("-");
+		stream.eatWhile(/\w/);
+		return "attribute";
+	}
+	if (ch == "<") {
+		if (stream.match("<<")) return "operator";
+		var heredoc = stream.match(/^<-?\s*(?:['"]([^'"]*)['"]|([^'"\s]*))/);
+		if (heredoc) {
+			state.tokens.unshift(tokenHeredoc(heredoc[1] || heredoc[2]));
+			return "string.special";
+		}
+	}
+	if (/\d/.test(ch)) {
+		stream.eatWhile(/\d/);
+		if (stream.eol() || !/\w/.test(stream.peek())) return "number";
+	}
+	stream.eatWhile(/[\w-]/);
+	var cur = stream.current();
+	if (stream.peek() === "=" && /\w+/.test(cur)) return "def";
+	return words.hasOwnProperty(cur) ? words[cur] : null;
+}
+function tokenString(quote, style) {
+	var close = quote == "(" ? ")" : quote == "{" ? "}" : quote;
+	return function(stream, state) {
+		var next, escaped = false;
+		while ((next = stream.next()) != null) {
+			if (next === close && !escaped) {
+				state.tokens.shift();
+				break;
+			} else if (next === "$" && !escaped && quote !== "'" && stream.peek() != close) {
+				escaped = true;
+				stream.backUp(1);
+				state.tokens.unshift(tokenDollar);
+				break;
+			} else if (!escaped && quote !== close && next === quote) {
+				state.tokens.unshift(tokenString(quote, style));
+				return tokenize(stream, state);
+			} else if (!escaped && /['"]/.test(next) && !/['"]/.test(quote)) {
+				state.tokens.unshift(tokenStringStart(next, "string"));
+				stream.backUp(1);
+				break;
+			}
+			escaped = !escaped && next === "\\";
+		}
+		return style;
+	};
+}
+function tokenStringStart(quote, style) {
+	return function(stream, state) {
+		state.tokens[0] = tokenString(quote, style);
+		stream.next();
+		return tokenize(stream, state);
+	};
+}
+var tokenDollar = function(stream, state) {
+	if (state.tokens.length > 1) stream.eat("$");
+	var ch = stream.next();
+	if (/['"({]/.test(ch)) {
+		state.tokens[0] = tokenString(ch, ch == "(" ? "quote" : ch == "{" ? "def" : "string");
+		return tokenize(stream, state);
+	}
+	if (!/\d/.test(ch)) stream.eatWhile(/\w/);
+	state.tokens.shift();
+	return "def";
+};
+function tokenHeredoc(delim) {
+	return function(stream, state) {
+		if (stream.sol() && stream.string == delim) state.tokens.shift();
+		stream.skipToEnd();
+		return "string.special";
+	};
+}
+function tokenize(stream, state) {
+	return (state.tokens[0] || tokenBase)(stream, state);
+}
+var shell = {
+	name: "shell",
+	startState: function() {
+		return { tokens: [] };
+	},
+	token: function(stream, state) {
+		return tokenize(stream, state);
+	},
+	languageData: {
+		autocomplete: commonAtoms.concat(commonKeywords, commonCommands),
+		closeBrackets: { brackets: [
+			"(",
+			"[",
+			"{",
+			"'",
+			"\"",
+			"`"
+		] },
+		commentTokens: { line: "#" }
+	}
+};
+//#endregion
+export { shell };

package/dist/components/status-and-feedback/badge/badge.d.ts

@@ -15,7 +15,8 @@
  *
  * @element nldd-badge
  * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
- * @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success') or a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …). Default: 'critical'
+ * @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success'), a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …), or 'inherit' to fill in the content color around it: the `--context-content-color` channel a list item, table row or menu sets, falling back to `currentColor`. Default: 'critical'
+ * @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the design system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.
  * @attr {boolean} pulse - Grows a ring out of the badge and fades it, for something happening right now (a live connection, an outage). Respects `prefers-reduced-motion`.
  * @attr {string} text - Text (takes precedence over number)
  * @attr {number} number - Numeric value. Shortened when it is over max
@@ -26,7 +27,7 @@
  */
 import { LitElement } from 'lit';
 import './../../content/icon/icon.js';
-type Color = 'critical' | 'accent' | 'neutral' | 'warning' | 'success' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
+type Color = 'critical' | 'accent' | 'neutral' | 'warning' | 'success' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen' | 'inherit';
 type Size = 'sm' | 'md';
 declare const NLDDBadge_base: (abstract new (...args: any[]) => LitElement & {
     translations: Partial<{
@@ -38,6 +39,10 @@ export declare class NLDDBadge extends NLDDBadge_base {
     static styles: import("lit").CSSResult;
     size: Size;
     color: Color;
+    /** Handed to the styles as a custom property rather than read from the
+     *  attribute in CSS: `attr()` with a type is not available everywhere yet,
+     *  and this keeps one code path. */
+    customColor: string;
     pulse: boolean;
     text: string;
     number: number | undefined;
@@ -45,6 +50,7 @@ export declare class NLDDBadge extends NLDDBadge_base {
     icon: string;
     accessibleLabel: string;
     decorative: boolean;
+    updated(changed: Map<string, unknown>): void;
     get _hasText(): boolean;
     get _isDot(): boolean;
     get _isIconOnly(): boolean;

package/dist/components/status-and-feedback/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,KAAK,GACP,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GACzD,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AACtD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAExB,qBACa,SAAU,SAAQ,cAAmD;IACjF,OAAgB,MAAM,0BAAe;IAGrC,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAc;IAG1B,KAAK,UAAS;IAGd,IAAI,SAAM;IAGV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,SAAM;IAGT,IAAI,SAAM;IAGV,eAAe,SAAM;IAGrB,UAAU,UAAS;IAEnB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,aAAa,IAAI,MAAM,CAM1B;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAEQ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,KAAK,GACP,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GACzD,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAClD,SAAS,CAAC;AACb,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAExB,qBACa,SAAU,SAAQ,cAAmD;IACjF,OAAgB,MAAM,0BAAe;IAGrC,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAc;IAE1B;;wCAEoC;IAEpC,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,IAAI,SAAM;IAGV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,SAAM;IAGT,IAAI,SAAM;IAGV,eAAe,SAAM;IAGrB,UAAU,UAAS;IAEV,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMrD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,aAAa,IAAI,MAAM,CAM1B;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAEQ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/dist/components/status-and-feedback/badge/badge.js

@@ -15,7 +15,8 @@
  *
  * @element nldd-badge
  * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
- * @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success') or a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …). Default: 'critical'
+ * @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success'), a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …), or 'inherit' to fill in the content color around it: the `--context-content-color` channel a list item, table row or menu sets, falling back to `currentColor`. Default: 'critical'
+ * @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the design system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.
  * @attr {boolean} pulse - Grows a ring out of the badge and fades it, for something happening right now (a live connection, an outage). Respects `prefers-reduced-motion`.
  * @attr {string} text - Text (takes precedence over number)
  * @attr {number} number - Numeric value. Shortened when it is over max
@@ -43,6 +44,10 @@ let NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTr
         super(...arguments);
         this.size = 'md';
         this.color = 'critical';
+        /** Handed to the styles as a custom property rather than read from the
+         *  attribute in CSS: `attr()` with a type is not available everywhere yet,
+         *  and this keeps one code path. */
+        this.customColor = '';
         this.pulse = false;
         this.text = '';
         this.number = undefined;
@@ -51,6 +56,14 @@ let NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTr
         this.accessibleLabel = '';
         this.decorative = false;
     }
+    updated(changed) {
+        if (!changed.has('customColor'))
+            return;
+        if (this.customColor)
+            this.style.setProperty('--_custom-color', this.customColor);
+        else
+            this.style.removeProperty('--_custom-color');
+    }
     get _hasText() {
         return !!this.text || typeof this.number === 'number';
     }
@@ -86,6 +99,9 @@ __decorate([
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('critical') })
 ], NLDDBadge.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'custom-color', converter: reflectNonDefault('') })
+], NLDDBadge.prototype, "customColor", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDBadge.prototype, "pulse", void 0);

package/dist/components/status-and-feedback/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"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"}

package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBA4SvB,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAyUvB,CAAC"}

package/dist/components/status-and-feedback/badge/badge.styles.js

@@ -9,6 +9,7 @@ export const badgeStyles = css `
 	/* # Host */
 
 	:host {
+		--_custom-color: transparent;
 		--_background-color: var(--semantics-categories-critical-filled-background-color);
 		--_border-color: var(--semantics-categories-critical-filled-highlight-border-color);
 		--_border-width: var(--components-badge-border-width);
@@ -40,6 +41,18 @@ export const badgeStyles = css `
 
 	/* ## Color */
 
+	/* color on the host, for the same reason as custom-color below: the contrast
+	   token reads currentColor, so without this the flip is computed against the
+	   inherited color while the fill comes from the context channel. A row that
+	   sets the channel to white over dark text then paints white on white. */
+	:host([color="inherit"]) {
+		color: var(--context-content-color, currentColor);
+
+		--_background-color: currentColor;
+		--_border-color: transparent;
+		--_content-color: var(--semantics-content-contrast-color);
+	}
+
 	:host([color="accent"]) {
 		--_background-color: var(--semantics-categories-accent-filled-background-color);
 		--_border-color: var(--semantics-categories-accent-filled-highlight-border-color);
@@ -175,6 +188,17 @@ export const badgeStyles = css `
 		--_content-color: var(--semantics-categories-mintgroen-filled-content-color);
 	}
 
+	/* color on the host rather than on the fill: the contrast token reads
+	   currentColor, so the text lands on black or white without a second formula
+	   to keep in step. After every [color] rule, so it wins over one. */
+	:host([custom-color]) {
+		color: var(--_custom-color);
+
+		--_background-color: var(--_custom-color);
+		--_border-color: transparent;
+		--_content-color: var(--semantics-content-contrast-color);
+	}
+
 	:host([hidden]) {
 		display: none;
 	}
@@ -197,7 +221,6 @@ export const badgeStyles = css `
 		gap: var(--_gap);
 		align-items: center;
 		justify-content: center;
-		color: var(--_content-color);
 		font: var(--_font);
 		white-space: nowrap;
 	}
@@ -206,15 +229,15 @@ export const badgeStyles = css `
 		.badge {
 			border: 1px solid CanvasText;
 			background-color: Canvas;
+		}
+
+		.badge__icon,
+		.badge__text {
 			color: CanvasText;
 		}
 	}
 
-	/* Grows out of the badge and fades: it borrows the badge's own shape and
-	   colour, so it works on a dot as well as on a counter. Behind the content
-	   and inert, so it never affects layout or hit area.
-
-	   A growing box-shadow rather than a scale: scaling multiplies, so a wide
+	/* A growing box-shadow rather than a scale: scaling multiplies, so a wide
 	   badge would throw a halo that is far wider than it is tall. A spread adds
 	   the same distance on every side, whatever the badge measures.
 
@@ -279,7 +302,12 @@ export const badgeStyles = css `
 
 	/* # Elements */
 
+	/* The content carries the content color, not .badge itself: the fill is a
+	   custom property that resolves where it is used, and a fill of currentColor
+	   on an element that also sets color would take that color instead of the
+	   one around it. Mirrors nldd-avatar. */
 	.badge__icon {
+		color: var(--_content-color);
 		display: inline-flex;
 		width: var(--_icon-size);
 		height: var(--_icon-size);
@@ -298,6 +326,7 @@ export const badgeStyles = css `
 	}
 
 	.badge__text {
+		color: var(--_content-color);
 		display: inline-block;
 	}
 `;

package/dist/components/status-and-feedback/badge/badge.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuB1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqRrB,CAAC"}
+{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwB1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiTrB,CAAC"}

package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,yBA+F7B,CAAC"}
+{"version":3,"file":"modal-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,yBAsG7B,CAAC"}

package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js

@@ -27,6 +27,13 @@ export const modalDialogStyles = css `
 	/* # Block */
 
 	.modal-dialog {
+		/* Where the app's layout context ends, as in nldd-sheet: the dialog scrolls
+		   itself and starts at its own top edge, so anything inside it stops
+		   following the app's scroll mode and its layer offsets. */
+		--context-scroll-mode: nested;
+		--context-layer-top: 0px;
+		--context-layer-bottom: 0px;
+
 		box-sizing: border-box;
 		outline: none;
 		border: none;

package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAahC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;uBAwBC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D3B,CAAC"}
+{"version":3,"file":"modal-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAahC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+BC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D3B,CAAC"}

package/dist/components/toml-C2HBbPgG.js

@@ -0,0 +1,59 @@
+//#region node_modules/@codemirror/legacy-modes/mode/toml.js
+var toml = {
+	name: "toml",
+	startState: function() {
+		return {
+			inString: false,
+			stringType: "",
+			lhs: true,
+			inArray: 0
+		};
+	},
+	token: function(stream, state) {
+		let quote;
+		if (!state.inString && (quote = stream.match(/^('''|"""|'|")/))) {
+			state.stringType = quote[0];
+			state.inString = true;
+		}
+		if (stream.sol() && !state.inString && state.inArray === 0) state.lhs = true;
+		if (state.inString) {
+			while (state.inString) if (stream.match(state.stringType)) state.inString = false;
+			else if (stream.peek() === "\\") {
+				stream.next();
+				stream.next();
+			} else if (stream.eol()) break;
+			else stream.match(/^.[^\\\"\']*/);
+			return state.lhs ? "property" : "string";
+		} else if (state.inArray && stream.peek() === "]") {
+			stream.next();
+			state.inArray--;
+			return "bracket";
+		} else if (state.lhs && stream.peek() === "[" && stream.skipTo("]")) {
+			stream.next();
+			if (stream.peek() === "]") stream.next();
+			return "atom";
+		} else if (stream.peek() === "#") {
+			stream.skipToEnd();
+			return "comment";
+		} else if (stream.eatSpace()) return null;
+		else if (state.lhs && stream.eatWhile(function(c) {
+			return c != "=" && c != " ";
+		})) return "property";
+		else if (state.lhs && stream.peek() === "=") {
+			stream.next();
+			state.lhs = false;
+			return null;
+		} else if (!state.lhs && stream.match(/^\d\d\d\d[\d\-\:\.T]*Z/)) return "atom";
+		else if (!state.lhs && (stream.match("true") || stream.match("false"))) return "atom";
+		else if (!state.lhs && stream.peek() === "[") {
+			state.inArray++;
+			stream.next();
+			return "bracket";
+		} else if (!state.lhs && stream.match(/^\-?\d+(?:\.\d+)?/)) return "number";
+		else if (!stream.eatSpace()) stream.next();
+		return null;
+	},
+	languageData: { commentTokens: { line: "#" } }
+};
+//#endregion
+export { toml };

package/dist/components/visibility-mixin-GxbwkBb1.js

@@ -0,0 +1,104 @@
+import { t as __decorate } from "./decorate-BKn10QQi.js";
+import { t as breakpoints } from "./breakpoints-CkxsiRgH.js";
+import { property } from "lit/decorators.js";
+//#region src/utilities/visibility-mixin.ts
+function resolveHideBelow(value) {
+	if (value === "md") return breakpoints.smMax;
+	if (value === "lg") return breakpoints.mdMax;
+	if (value === "sm") return null;
+	return value;
+}
+function resolveHideAbove(value) {
+	if (value === "sm") return breakpoints.mdMin;
+	if (value === "md") return breakpoints.lgMin;
+	if (value === "lg") return null;
+	return value;
+}
+/**
+* The open edges resolve to null, so the attribute is written but nothing ever
+* hides. That reads like a working value, and the name invites it: `hide-below`
+* names the breakpoint you hide BELOW, so "hide it at sm" comes out as
+* `hide-below="md"` and `hide-below="sm"` does nothing at all. Say so once,
+* rather than let it look applied.
+*/
+function warnNoOp(host, attribute, value, resolved, openEdge, edgeLabel) {
+	if (value !== openEdge || resolved !== null) return;
+	console.warn(`[${host.localName}] ${attribute}="${openEdge}" never hides anything: there is no breakpoint ${edgeLabel}. The value names the breakpoint you hide below, so the smallest one that hides is "${attribute === "hide-below" ? "md" : "sm"}". Leave the attribute off if you meant "always visible".`);
+}
+/**
+* Adds `hide-below` and `hide-above` attributes that toggle visibility based
+* on the inline-size of an ancestor CSS container.
+*
+* Without a `containerName` argument the generated rule is an anonymous
+* `@container (…)` query — it matches the nearest ancestor that declares
+* `container-type: inline-size`. Pass a name to target a specific container
+* (e.g. `'cells-container'` for cells inside `nldd-list`, which sets that
+* name inline on its host as a Safari shadow-DOM workaround).
+*
+* Values are either a named breakpoint — `sm` / `md` / `lg` — or a CSS length
+* (e.g. '320px', '20rem'). Named values resolve to the standard breakpoint
+* thresholds: `hide-below` uses the breakpoint's lower bound (e.g.
+* `hide-below="lg"` hides in sm+md and shows in lg), `hide-above` its upper
+* bound; the open edges (below sm, above lg) are no-ops. Container queries can't
+* read CSS variables in their conditions, so the query rule is generated at
+* runtime and injected as a <style> element in the component's shadow root,
+* wrapped in `:host { @container <name>? (…) { display: none !important; } }`
+* (nested form — the flattened `@container { :host { … } }` is unreliable in
+* Safari).
+*
+* @mixin VisibilityMixin
+*
+* @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
+* @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
+*
+* @example
+* ```ts
+* // Cell inside nldd-list — target the named cells-container
+* class NLDDTextCell extends VisibilityMixin(LitElement, 'cells-container') { … }
+*
+* // Other component — fall back to the nearest unnamed container
+* class SomeComponent extends VisibilityMixin(LitElement) { … }
+* ```
+*/
+function VisibilityMixin(Base, containerName) {
+	class WithVisibility extends Base {
+		updated(changed) {
+			super.updated(changed);
+			if (changed.has("hideBelow") || changed.has("hideAbove")) this._updateVisibilityStyle();
+		}
+		_updateVisibilityStyle() {
+			if (!this.shadowRoot) return;
+			const containerPrefix = containerName ? `${containerName} ` : "";
+			const rules = [];
+			const below = this.hideBelow ? resolveHideBelow(this.hideBelow) : null;
+			warnNoOp(this, "hide-below", this.hideBelow, below, "sm", "below sm");
+			if (below) rules.push(`:host { @container ${containerPrefix}(max-width: ${below}) { display: none !important; } }`);
+			const above = this.hideAbove ? resolveHideAbove(this.hideAbove) : null;
+			warnNoOp(this, "hide-above", this.hideAbove, above, "lg", "above lg");
+			if (above) rules.push(`:host { @container ${containerPrefix}(min-width: ${above}) { display: none !important; } }`);
+			if (rules.length === 0) {
+				this._visibilityStyle?.remove();
+				this._visibilityStyle = void 0;
+				return;
+			}
+			if (!this._visibilityStyle) {
+				this._visibilityStyle = document.createElement("style");
+				this.shadowRoot.appendChild(this._visibilityStyle);
+			}
+			this._visibilityStyle.textContent = rules.join("\n");
+		}
+	}
+	__decorate([property({
+		type: String,
+		reflect: true,
+		attribute: "hide-below"
+	})], WithVisibility.prototype, "hideBelow", void 0);
+	__decorate([property({
+		type: String,
+		reflect: true,
+		attribute: "hide-above"
+	})], WithVisibility.prototype, "hideAbove", void 0);
+	return WithVisibility;
+}
+//#endregion
+export { VisibilityMixin as t };