@nldd/design-system 0.8.82 → 0.8.83

package/dist/components/content/text/text.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Nederlandse Digitale Dienst Text Component (Lit + TypeScript)
+ *
+ * One run of body text at a size from the type scale. It is what you reach for
+ * where an app would otherwise write a bare `<p>` and inherit whatever the page
+ * happens to set: a line under a title, a sentence in a panel, a caption.
+ *
+ * Every combination it offers exists as a token, so it cannot invent typography
+ * — it only names what the scale already has. The three axes are the same three
+ * the tokens carry: size, weight and line height.
+ *
+ * Not for headings, which is `nldd-title`, and not for a block of prose with its
+ * own rhythm, spacing and media widths, which is `nldd-rich-text`. This is one
+ * run of text and nothing around it.
+ *
+ * Color follows the context channel a list item, menu or table sets on its
+ * content, so text inside a row travels with that row as it is hovered or
+ * selected. Standalone that channel is unset and the semantic color answers.
+ *
+ * @element nldd-text
+ * @attr {string} size - Text size on the body scale: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
+ * @attr {string} weight - Font weight: 'regular' | 'medium' | 'bold' (default: 'regular'). With 'bold' a slotted `<strong>` no longer stands out: there is nothing bolder in the scale.
+ * @attr {string} line-height - Line height: 'flat' | 'tight' | 'snug' | 'loose' (default: 'snug')
+ * @attr {string} color - Text color: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' | 'inherit' (default: 'default'). 'default' and 'secondary' follow the surrounding content channel; 'inherit' takes the color it inherits, for text on a painted surface.
+ * @attr {string} horizontal-alignment - Alignment of the text within the block: 'left' | 'center' | 'right' (default: 'left'). Aligns the words; `horizontal-alignment` on nldd-container moves the box.
+ *
+ * @slot - The text. Inline elements work as they are: `<strong>` and `<b>` take the bold weight from the scale, `<a>`, `<em>` and components such as `nldd-tag` are left alone.
+ */
+import { LitElement } from 'lit';
+type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+type Weight = 'regular' | 'medium' | 'bold';
+type LineHeight = 'flat' | 'tight' | 'snug' | 'loose';
+type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' | 'inherit';
+type HorizontalAlignment = 'left' | 'center' | 'right';
+export declare class NLDDText extends LitElement {
+    static styles: import("lit").CSSResult;
+    size: Size;
+    weight: Weight;
+    lineHeight: LineHeight;
+    color: Color;
+    horizontalAlignment: HorizontalAlignment;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-text': NLDDText;
+    }
+}
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/content/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/content/text/text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC5C,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACtD,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AACjG,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,MAAM,EAAE,MAAM,CAAa;IAO3B,UAAU,EAAE,UAAU,CAAU;IAGhC,KAAK,EAAE,KAAK,CAAa;IAOzB,mBAAmB,EAAE,mBAAmB,CAAU;IAEzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/content/text/text.js

@@ -0,0 +1,81 @@
+/**
+ * Nederlandse Digitale Dienst Text Component (Lit + TypeScript)
+ *
+ * One run of body text at a size from the type scale. It is what you reach for
+ * where an app would otherwise write a bare `<p>` and inherit whatever the page
+ * happens to set: a line under a title, a sentence in a panel, a caption.
+ *
+ * Every combination it offers exists as a token, so it cannot invent typography
+ * — it only names what the scale already has. The three axes are the same three
+ * the tokens carry: size, weight and line height.
+ *
+ * Not for headings, which is `nldd-title`, and not for a block of prose with its
+ * own rhythm, spacing and media widths, which is `nldd-rich-text`. This is one
+ * run of text and nothing around it.
+ *
+ * Color follows the context channel a list item, menu or table sets on its
+ * content, so text inside a row travels with that row as it is hovered or
+ * selected. Standalone that channel is unset and the semantic color answers.
+ *
+ * @element nldd-text
+ * @attr {string} size - Text size on the body scale: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
+ * @attr {string} weight - Font weight: 'regular' | 'medium' | 'bold' (default: 'regular'). With 'bold' a slotted `<strong>` no longer stands out: there is nothing bolder in the scale.
+ * @attr {string} line-height - Line height: 'flat' | 'tight' | 'snug' | 'loose' (default: 'snug')
+ * @attr {string} color - Text color: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' | 'inherit' (default: 'default'). 'default' and 'secondary' follow the surrounding content channel; 'inherit' takes the color it inherits, for text on a painted surface.
+ * @attr {string} horizontal-alignment - Alignment of the text within the block: 'left' | 'center' | 'right' (default: 'left'). Aligns the words; `horizontal-alignment` on nldd-container moves the box.
+ *
+ * @slot - The text. Inline elements work as they are: `<strong>` and `<b>` take the bold weight from the scale, `<a>`, `<em>` and components such as `nldd-tag` are left alone.
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
+import { textStyles } from './text.styles.js';
+import { template } from './text.template.js';
+let NLDDText = class NLDDText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.weight = 'regular';
+        this.lineHeight = 'snug';
+        this.color = 'default';
+        this.horizontalAlignment = 'left';
+    }
+    render() {
+        return template();
+    }
+};
+NLDDText.styles = textStyles;
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('md') })
+], NLDDText.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('regular') })
+], NLDDText.prototype, "weight", void 0);
+__decorate([
+    property({
+        reflect: true,
+        attribute: 'line-height',
+        converter: reflectNonDefault('snug'),
+    })
+], NLDDText.prototype, "lineHeight", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('default') })
+], NLDDText.prototype, "color", void 0);
+__decorate([
+    property({
+        reflect: true,
+        attribute: 'horizontal-alignment',
+        converter: reflectNonDefault('left'),
+    })
+], NLDDText.prototype, "horizontalAlignment", void 0);
+NLDDText = __decorate([
+    customElement('nldd-text')
+], NLDDText);
+export { NLDDText };
+//# sourceMappingURL=text.js.map

package/dist/components/content/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/content/text/text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AASvC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIN,SAAI,GAAS,IAAI,CAAC;QAGlB,WAAM,GAAW,SAAS,CAAC;QAO3B,eAAU,GAAe,MAAM,CAAC;QAGhC,UAAK,GAAU,SAAS,CAAC;QAOzB,wBAAmB,GAAwB,MAAM,CAAC;IAKnD,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACnB,CAAC;;AA3Be,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAO,IAAI,CAAC,EAAE,CAAC;sCACpD;AAGlB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,SAAS,CAAC,EAAE,CAAC;wCAClD;AAO3B;IALC,QAAQ,CAAC;QACT,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,aAAa;QACxB,SAAS,EAAE,iBAAiB,CAAa,MAAM,CAAC;KAChD,CAAC;4CAC8B;AAGhC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAQ,SAAS,CAAC,EAAE,CAAC;uCACnD;AAOzB;IALC,QAAQ,CAAC;QACT,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,sBAAsB;QACjC,SAAS,EAAE,iBAAiB,CAAsB,MAAM,CAAC;KACzD,CAAC;qDACgD;AAxBtC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA6BpB"}

package/dist/components/content/text/text.styles.d.ts

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

package/dist/components/content/text/text.styles.d.ts.map

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

package/dist/components/content/text/text.styles.js

@@ -0,0 +1,116 @@
+import { css } from 'lit';
+export const textStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_font-size: var(--primitives-font-size-100);
+		--_font-weight: var(--primitives-font-weight-body-regular);
+		--_line-height: var(--primitives-line-height-snug);
+		--_color: var(--context-content-color, var(--semantics-content-color));
+		--_text-align: left;
+
+		display: block;
+		color: var(--_color);
+		text-align: var(--_text-align);
+		font: var(--_font-weight) var(--_font-size) / var(--_line-height) var(--primitives-font-family-body);
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Size */
+
+	:host([size="xxs"]) {
+		--_font-size: var(--primitives-font-size-70);
+	}
+
+	:host([size="xs"]) {
+		--_font-size: var(--primitives-font-size-80);
+	}
+
+	:host([size="sm"]) {
+		--_font-size: var(--primitives-font-size-90);
+	}
+
+	:host([size="lg"]) {
+		--_font-size: var(--primitives-font-size-200);
+	}
+
+
+	/* # Weight */
+
+	:host([weight="medium"]) {
+		--_font-weight: var(--primitives-font-weight-body-medium);
+	}
+
+	:host([weight="bold"]) {
+		--_font-weight: var(--primitives-font-weight-body-bold);
+	}
+
+	/* Not the browser's "bolder", which is relative: from medium it lands on 700
+	   and from bold it asks for a weight this font does not have, so the browser
+	   thickens the glyphs itself. */
+	::slotted(strong),
+	::slotted(b) {
+		color: inherit;
+		font-weight: var(--primitives-font-weight-body-bold);
+	}
+
+
+	/* # Line height */
+
+	:host([line-height="flat"]) {
+		--_line-height: var(--primitives-line-height-flat);
+	}
+
+	:host([line-height="tight"]) {
+		--_line-height: var(--primitives-line-height-tight);
+	}
+
+	:host([line-height="loose"]) {
+		--_line-height: var(--primitives-line-height-loose);
+	}
+
+
+	/* # Color */
+
+	:host([color="secondary"]) {
+		--_color: var(--context-content-secondary-color, var(--semantics-content-secondary-color));
+	}
+
+	:host([color="accent"]) {
+		--_color: var(--semantics-content-accent-color);
+	}
+
+	:host([color="success"]) {
+		--_color: var(--semantics-content-success-color);
+	}
+
+	:host([color="warning"]) {
+		--_color: var(--semantics-content-warning-color);
+	}
+
+	:host([color="critical"]) {
+		--_color: var(--semantics-content-critical-color);
+	}
+
+	:host([color="inherit"]) {
+		--_color: inherit;
+	}
+
+
+	/* # Alignment */
+
+	:host([horizontal-alignment="center"]) {
+		--_text-align: center;
+	}
+
+	:host([horizontal-alignment="right"]) {
+		--_text-align: right;
+	}
+`;
+//# sourceMappingURL=text.styles.js.map

package/dist/components/content/text/text.styles.js.map

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

package/dist/components/content/text/text.template.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+export declare function template(): TemplateResult;
+//# sourceMappingURL=text.template.d.ts.map

package/dist/components/content/text/text.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/text/text.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,wBAAgB,QAAQ,IAAI,cAAc,CAIzC"}

package/dist/components/content/text/text.template.js

@@ -0,0 +1,7 @@
+import { html } from 'lit';
+export function template() {
+    return html `
+		<slot></slot>
+	`;
+}
+//# sourceMappingURL=text.template.js.map

package/dist/components/content/text/text.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.template.js","sourceRoot":"","sources":["../../../../src/components/content/text/text.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;EAEV,CAAC;AACH,CAAC"}

package/dist/components/content/title/title.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBA2PvB,CAAC"}
+{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBAuPvB,CAAC"}

package/dist/components/content/title/title.styles.js

@@ -208,13 +208,8 @@ export const titleStyles = css `
 		overflow-wrap: anywhere !important;
 	}
 
-	/* balance, not pretty: a heading is a handful of words, so evening out the
-	   line lengths reads better than only protecting the last line.
-	 *
-	 * The measure is in ch, so one value covers every size: ch scales with the
-	 * font, and 40 characters stays 40 characters whether the title is 18px or
-	 * 52px. It only bites in a wide container — inside a card or a column the
-	 * box is already narrower than the cap. */
+	/* The measure is in ch, so one value covers every size: ch scales with the
+	   font, and 40 characters stays 40 characters at 18px and at 52px. */
 	::slotted(:not([slot])) {
 		${slottedReset}
 		${inheritedTextReset}
@@ -231,15 +226,16 @@ export const titleStyles = css `
 		${inheritedTextReset}
 		margin: 0 !important;
 		color: var(--semantics-content-secondary-color) !important;
-		font: var(--primitives-font-body-sm-regular-tight) !important;
+		font: var(--primitives-font-body-md-regular-tight) !important;
 		overflow-wrap: anywhere !important;
 	}
 
-	/* color="inherit": follow the surface's text color (e.g. a
-	   filled-categories panel that sets a pure white/black content color);
-	   overline and subtitle take the same color at the system-wide
-	   secondary opacity tier. !important matches the hardened slotted
-	   rules above. */
+	:host([size="5"]) ::slotted([slot="subtitle"]),
+	:host([size="6"]) ::slotted([slot="subtitle"]) {
+		font: var(--primitives-font-body-sm-regular-tight) !important;
+	}
+
+	/* !important matches the hardened slotted rules above. */
 
 	:host([color="inherit"]) ::slotted(:not([slot])) {
 		color: inherit !important;

package/dist/components/content/title/title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;IAelB,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrB,CAAC"}
+{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}