@rblabs-dev/axiom 1.2.1 → 1.2.3

package/fesm2022/rblabs-dev-axiom-page-header.mjs

@@ -0,0 +1,199 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from "@angular/core";
+import { MatIcon } from "@angular/material/icon";
+import { RB_TONE_ICONS } from "@rblabs-dev/axiom/core";
+var RbPageHeaderComponent = class RbPageHeaderComponent {
+	title = input.required(...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	eyebrow = input("", ...ngDevMode ? [{ debugName: "eyebrow" }] : /* istanbul ignore next */ []);
+	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	metrics = input([], ...ngDevMode ? [{ debugName: "metrics" }] : /* istanbul ignore next */ []);
+	toneIcon(metric) {
+		return RB_TONE_ICONS[metric.tone ?? "neutral"];
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbPageHeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RbPageHeaderComponent,
+		isStandalone: true,
+		selector: "rb-page-header",
+		inputs: {
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			eyebrow: {
+				classPropertyName: "eyebrow",
+				publicName: "eyebrow",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			metrics: {
+				classPropertyName: "metrics",
+				publicName: "metrics",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.title": "null" },
+			classAttribute: "rb-page-header"
+		},
+		ngImport: i0,
+		template: `
+    <header class="rb-page-header__main">
+      <div class="rb-page-header__copy">
+        @if (eyebrow()) {
+          <p class="rb-page-header__eyebrow">{{ eyebrow() }}</p>
+        }
+        <h1 class="rb-page-header__title">{{ title() }}</h1>
+        @if (description()) {
+          <p class="rb-page-header__description">{{ description() }}</p>
+        }
+      </div>
+      <div class="rb-page-header__actions"><ng-content select="[rbActions]" /></div>
+    </header>
+    @if (metrics().length > 0) {
+      <dl class="rb-page-header__metrics">
+        @for (metric of metrics(); track metric.label) {
+          <div class="rb-page-header__metric" [attr.data-tone]="metric.tone ?? 'neutral'">
+            <dt class="rb-page-header__metric-label">{{ metric.label }}</dt>
+            <dd class="rb-page-header__metric-value">
+              @if (toneIcon(metric); as icon) {
+                <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">{{
+                  icon
+                }}</mat-icon>
+              }
+              <span>{{ metric.value }}</span>
+            </dd>
+          </div>
+        }
+      </dl>
+    }
+  `,
+		isInline: true,
+		styles: ["rb-page-header{display:grid;gap:var(--rb-space-5);min-width:0}rb-page-header .rb-page-header__main{display:flex;gap:var(--rb-space-5);align-items:flex-start;justify-content:space-between;min-width:0}@media(width<40rem){rb-page-header .rb-page-header__main{flex-direction:column;gap:var(--rb-space-4)}}rb-page-header .rb-page-header__copy{display:grid;gap:var(--rb-space-2);min-width:0;max-width:48rem}rb-page-header .rb-page-header__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-page-title);letter-spacing:var(--rb-type-page-title-tracking);overflow-wrap:anywhere}rb-page-header .rb-page-header__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-large)}rb-page-header .rb-page-header__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center;justify-content:flex-end}@media(width<40rem){rb-page-header .rb-page-header__actions{justify-content:flex-start}}rb-page-header .rb-page-header__actions:empty{display:none}rb-page-header .rb-page-header__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--rb-space-3);margin:0}rb-page-header .rb-page-header__metric{display:grid;gap:var(--rb-space-1);align-content:start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface)}rb-page-header .rb-page-header__metric-label{color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__metric-value{display:flex;gap:var(--rb-space-2);align-items:center;min-width:0;margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-large);letter-spacing:var(--rb-type-title-large-tracking);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}rb-page-header .rb-page-header__metric-value .mat-icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-page-header .rb-page-header__metric[data-tone=active]{border-color:var(--rb-color-info-border)}rb-page-header .rb-page-header__metric[data-tone=active] .mat-icon{color:var(--rb-color-info)}rb-page-header .rb-page-header__metric[data-tone=success]{border-color:var(--rb-color-success-border)}rb-page-header .rb-page-header__metric[data-tone=success] .mat-icon{color:var(--rb-color-success)}rb-page-header .rb-page-header__metric[data-tone=warning]{border-color:var(--rb-color-warning-border)}rb-page-header .rb-page-header__metric[data-tone=warning] .mat-icon{color:var(--rb-color-warning)}rb-page-header .rb-page-header__metric[data-tone=danger]{border-color:var(--rb-color-danger-border)}rb-page-header .rb-page-header__metric[data-tone=danger] .mat-icon{color:var(--rb-color-danger)}\n"],
+		dependencies: [{
+			kind: "component",
+			type: MatIcon,
+			selector: "mat-icon",
+			inputs: [
+				"color",
+				"inline",
+				"svgIcon",
+				"fontSet",
+				"fontIcon"
+			],
+			exportAs: ["matIcon"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbPageHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-page-header",
+			imports: [MatIcon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "rb-page-header",
+				"[attr.title]": "null"
+			},
+			template: `
+    <header class="rb-page-header__main">
+      <div class="rb-page-header__copy">
+        @if (eyebrow()) {
+          <p class="rb-page-header__eyebrow">{{ eyebrow() }}</p>
+        }
+        <h1 class="rb-page-header__title">{{ title() }}</h1>
+        @if (description()) {
+          <p class="rb-page-header__description">{{ description() }}</p>
+        }
+      </div>
+      <div class="rb-page-header__actions"><ng-content select="[rbActions]" /></div>
+    </header>
+    @if (metrics().length > 0) {
+      <dl class="rb-page-header__metrics">
+        @for (metric of metrics(); track metric.label) {
+          <div class="rb-page-header__metric" [attr.data-tone]="metric.tone ?? 'neutral'">
+            <dt class="rb-page-header__metric-label">{{ metric.label }}</dt>
+            <dd class="rb-page-header__metric-value">
+              @if (toneIcon(metric); as icon) {
+                <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">{{
+                  icon
+                }}</mat-icon>
+              }
+              <span>{{ metric.value }}</span>
+            </dd>
+          </div>
+        }
+      </dl>
+    }
+  `,
+			styles: ["rb-page-header{display:grid;gap:var(--rb-space-5);min-width:0}rb-page-header .rb-page-header__main{display:flex;gap:var(--rb-space-5);align-items:flex-start;justify-content:space-between;min-width:0}@media(width<40rem){rb-page-header .rb-page-header__main{flex-direction:column;gap:var(--rb-space-4)}}rb-page-header .rb-page-header__copy{display:grid;gap:var(--rb-space-2);min-width:0;max-width:48rem}rb-page-header .rb-page-header__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-page-title);letter-spacing:var(--rb-type-page-title-tracking);overflow-wrap:anywhere}rb-page-header .rb-page-header__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-large)}rb-page-header .rb-page-header__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center;justify-content:flex-end}@media(width<40rem){rb-page-header .rb-page-header__actions{justify-content:flex-start}}rb-page-header .rb-page-header__actions:empty{display:none}rb-page-header .rb-page-header__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--rb-space-3);margin:0}rb-page-header .rb-page-header__metric{display:grid;gap:var(--rb-space-1);align-content:start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface)}rb-page-header .rb-page-header__metric-label{color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__metric-value{display:flex;gap:var(--rb-space-2);align-items:center;min-width:0;margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-large);letter-spacing:var(--rb-type-title-large-tracking);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}rb-page-header .rb-page-header__metric-value .mat-icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-page-header .rb-page-header__metric[data-tone=active]{border-color:var(--rb-color-info-border)}rb-page-header .rb-page-header__metric[data-tone=active] .mat-icon{color:var(--rb-color-info)}rb-page-header .rb-page-header__metric[data-tone=success]{border-color:var(--rb-color-success-border)}rb-page-header .rb-page-header__metric[data-tone=success] .mat-icon{color:var(--rb-color-success)}rb-page-header .rb-page-header__metric[data-tone=warning]{border-color:var(--rb-color-warning-border)}rb-page-header .rb-page-header__metric[data-tone=warning] .mat-icon{color:var(--rb-color-warning)}rb-page-header .rb-page-header__metric[data-tone=danger]{border-color:var(--rb-color-danger-border)}rb-page-header .rb-page-header__metric[data-tone=danger] .mat-icon{color:var(--rb-color-danger)}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: true
+			}]
+		}],
+		eyebrow: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "eyebrow",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		metrics: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "metrics",
+				required: false
+			}]
+		}]
+	}
+});
+export { RbPageHeaderComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-page-header.mjs.map

package/fesm2022/rblabs-dev-axiom-page-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-page-header.mjs","names":[],"sources":["../../../projects/axiom/page-header/src/page-header.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { RB_TONE_ICONS, RbStatusTone } from '@rblabs-dev/axiom/core';\n\nexport interface RbPageHeaderMetric {\n  label: string;\n  value: string | number;\n  /** Adds a tone color and icon to the value; the label and value carry the meaning. */\n  tone?: RbStatusTone;\n}\n\n/**\n * The page's single `<h1>` with its eyebrow, description, summary metrics and page actions\n * (docs/design-system.md, section 15.1). Elements marked `rbActions` are projected next to the\n * title.\n */\n@Component({\n  selector: 'rb-page-header',\n  imports: [MatIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'rb-page-header',\n    // `title` is an input; a static `title=\"…\"` would also leave a native tooltip on the host.\n    '[attr.title]': 'null',\n  },\n  template: `\n    <header class=\"rb-page-header__main\">\n      <div class=\"rb-page-header__copy\">\n        @if (eyebrow()) {\n          <p class=\"rb-page-header__eyebrow\">{{ eyebrow() }}</p>\n        }\n        <h1 class=\"rb-page-header__title\">{{ title() }}</h1>\n        @if (description()) {\n          <p class=\"rb-page-header__description\">{{ description() }}</p>\n        }\n      </div>\n      <div class=\"rb-page-header__actions\"><ng-content select=\"[rbActions]\" /></div>\n    </header>\n    @if (metrics().length > 0) {\n      <dl class=\"rb-page-header__metrics\">\n        @for (metric of metrics(); track metric.label) {\n          <div class=\"rb-page-header__metric\" [attr.data-tone]=\"metric.tone ?? 'neutral'\">\n            <dt class=\"rb-page-header__metric-label\">{{ metric.label }}</dt>\n            <dd class=\"rb-page-header__metric-value\">\n              @if (toneIcon(metric); as icon) {\n                <mat-icon fontSet=\"material-symbols-outlined\" aria-hidden=\"true\">{{\n                  icon\n                }}</mat-icon>\n              }\n              <span>{{ metric.value }}</span>\n            </dd>\n          </div>\n        }\n      </dl>\n    }\n  `,\n  styleUrl: './page-header.scss',\n})\nexport class RbPageHeaderComponent {\n  readonly title = input.required<string>();\n  /** Short context line above the title, such as the app area. */\n  readonly eyebrow = input<string>('');\n  readonly description = input<string>('');\n  readonly metrics = input<readonly RbPageHeaderMetric[]>([]);\n\n  protected toneIcon(metric: RbPageHeaderMetric): string | null {\n    return RB_TONE_ICONS[metric.tone ?? 'neutral'];\n  }\n}\n"],"mappings":";;;;AA2DA,IAAa,wBAAb,MAAa,sBAAqB;CACvB,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,UAAU,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,cAAc,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,UAAU,MAAqC,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEjD,SAAS,QAA0B;EAC3C,OAAO,cAAc,OAAO,QAAQ;CACtC;CATW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,cAAA,OAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAjCtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BT,UAAA;EAAA,QAAA,CAAA,k9FAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAtCS;GAAO,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,UAAA,CAAA,SAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAyCN,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EA3CjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,SACjB,CAAC,OAAO;GAAC,iBACD,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,MAC/B;IACJ,OAAO;IAEP,gBAAgB;GACjB;GAAA,UACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT,QAAA,CAAA,k9FAAA;EAAA,CAAA"}

package/fesm2022/rblabs-dev-axiom-panel.mjs

@@ -0,0 +1,207 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input } from "@angular/core";
+var RbPanelComponent = class RbPanelComponent {
+	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	flush = input(false, {
+		...ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RbPanelComponent,
+		isStandalone: true,
+		selector: "rb-panel",
+		inputs: {
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			flush: {
+				classPropertyName: "flush",
+				publicName: "flush",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.title": "null",
+				"attr.data-variant": "variant()",
+				"attr.data-flush": "flush() ? \"\" : null"
+			},
+			classAttribute: "rb-panel"
+		},
+		ngImport: i0,
+		template: `
+    @if (title() || description()) {
+      <header class="rb-panel__header">
+        <div class="rb-panel__heading">
+          @if (title()) {
+            @switch (headingLevel()) {
+              @case (3) {
+                <h3 class="rb-panel__title">{{ title() }}</h3>
+              }
+              @case (4) {
+                <h4 class="rb-panel__title">{{ title() }}</h4>
+              }
+              @case (5) {
+                <h5 class="rb-panel__title">{{ title() }}</h5>
+              }
+              @case (6) {
+                <h6 class="rb-panel__title">{{ title() }}</h6>
+              }
+              @default {
+                <h2 class="rb-panel__title">{{ title() }}</h2>
+              }
+            }
+          }
+          @if (description()) {
+            <p class="rb-panel__description">{{ description() }}</p>
+          }
+        </div>
+        <div class="rb-panel__actions"><ng-content select="[rbActions]" /></div>
+      </header>
+    }
+    <div class="rb-panel__body"><ng-content /></div>
+  `,
+		isInline: true,
+		styles: ["rb-panel{display:block;min-width:0;border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);color:var(--rb-color-text);box-shadow:var(--rb-elevation-1)}rb-panel[data-variant=soft]{background-color:var(--rb-color-surface-sunken);box-shadow:var(--rb-elevation-0)}rb-panel[data-variant=elevated]{border-color:transparent;background-color:var(--rb-color-surface-raised);box-shadow:var(--rb-elevation-2)}rb-panel[data-variant=danger]{border-color:var(--rb-color-danger-border)}rb-panel[data-variant=danger] .rb-panel__title{color:var(--rb-color-danger)}rb-panel .rb-panel__header{display:flex;gap:var(--rb-space-4);align-items:flex-start;justify-content:space-between;padding:var(--rb-space-5) var(--rb-space-6);border-block-end:1px solid var(--rb-color-border)}@media(width<40rem){rb-panel .rb-panel__header{flex-direction:column;gap:var(--rb-space-3);padding:var(--rb-space-4)}}rb-panel[data-variant=danger] .rb-panel__header{border-block-end-color:var(--rb-color-danger-border)}rb-panel .rb-panel__heading{display:grid;gap:var(--rb-space-1);min-width:0}rb-panel .rb-panel__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-panel .rb-panel__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-panel .rb-panel__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center}rb-panel .rb-panel__actions:empty{display:none}rb-panel .rb-panel__body{min-width:0;padding:var(--rb-space-6)}@media(width<40rem){rb-panel .rb-panel__body{padding:var(--rb-space-4)}}rb-panel[data-flush] .rb-panel__body{padding:0}rb-panel[data-flush] .rb-panel__body>.rb-table-scroll{border:0;border-radius:0 0 var(--rb-radius-lg) var(--rb-radius-lg);background-color:transparent}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-panel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "rb-panel",
+				"[attr.title]": "null",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-flush]": "flush() ? \"\" : null"
+			},
+			template: `
+    @if (title() || description()) {
+      <header class="rb-panel__header">
+        <div class="rb-panel__heading">
+          @if (title()) {
+            @switch (headingLevel()) {
+              @case (3) {
+                <h3 class="rb-panel__title">{{ title() }}</h3>
+              }
+              @case (4) {
+                <h4 class="rb-panel__title">{{ title() }}</h4>
+              }
+              @case (5) {
+                <h5 class="rb-panel__title">{{ title() }}</h5>
+              }
+              @case (6) {
+                <h6 class="rb-panel__title">{{ title() }}</h6>
+              }
+              @default {
+                <h2 class="rb-panel__title">{{ title() }}</h2>
+              }
+            }
+          }
+          @if (description()) {
+            <p class="rb-panel__description">{{ description() }}</p>
+          }
+        </div>
+        <div class="rb-panel__actions"><ng-content select="[rbActions]" /></div>
+      </header>
+    }
+    <div class="rb-panel__body"><ng-content /></div>
+  `,
+			styles: ["rb-panel{display:block;min-width:0;border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);color:var(--rb-color-text);box-shadow:var(--rb-elevation-1)}rb-panel[data-variant=soft]{background-color:var(--rb-color-surface-sunken);box-shadow:var(--rb-elevation-0)}rb-panel[data-variant=elevated]{border-color:transparent;background-color:var(--rb-color-surface-raised);box-shadow:var(--rb-elevation-2)}rb-panel[data-variant=danger]{border-color:var(--rb-color-danger-border)}rb-panel[data-variant=danger] .rb-panel__title{color:var(--rb-color-danger)}rb-panel .rb-panel__header{display:flex;gap:var(--rb-space-4);align-items:flex-start;justify-content:space-between;padding:var(--rb-space-5) var(--rb-space-6);border-block-end:1px solid var(--rb-color-border)}@media(width<40rem){rb-panel .rb-panel__header{flex-direction:column;gap:var(--rb-space-3);padding:var(--rb-space-4)}}rb-panel[data-variant=danger] .rb-panel__header{border-block-end-color:var(--rb-color-danger-border)}rb-panel .rb-panel__heading{display:grid;gap:var(--rb-space-1);min-width:0}rb-panel .rb-panel__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-panel .rb-panel__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-panel .rb-panel__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center}rb-panel .rb-panel__actions:empty{display:none}rb-panel .rb-panel__body{min-width:0;padding:var(--rb-space-6)}@media(width<40rem){rb-panel .rb-panel__body{padding:var(--rb-space-4)}}rb-panel[data-flush] .rb-panel__body{padding:0}rb-panel[data-flush] .rb-panel__body>.rb-table-scroll{border:0;border-radius:0 0 var(--rb-radius-lg) var(--rb-radius-lg);background-color:transparent}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		flush: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "flush",
+				required: false
+			}]
+		}]
+	}
+});
+export { RbPanelComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-panel.mjs.map

package/fesm2022/rblabs-dev-axiom-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-panel.mjs","names":[],"sources":["../../../projects/axiom/panel/src/panel.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  input,\n} from '@angular/core';\n\nexport type RbPanelVariant = 'default' | 'soft' | 'elevated' | 'danger';\nexport type RbHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\n/**\n * Content container with an optional header (docs/design-system.md, section 15.2). Elements marked\n * `rbActions` are projected into the header next to the title.\n */\n@Component({\n  selector: 'rb-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'rb-panel',\n    // `title` is an input; a static `title=\"…\"` would also leave a native tooltip on the host.\n    '[attr.title]': 'null',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-flush]': 'flush() ? \"\" : null',\n  },\n  template: `\n    @if (title() || description()) {\n      <header class=\"rb-panel__header\">\n        <div class=\"rb-panel__heading\">\n          @if (title()) {\n            @switch (headingLevel()) {\n              @case (3) {\n                <h3 class=\"rb-panel__title\">{{ title() }}</h3>\n              }\n              @case (4) {\n                <h4 class=\"rb-panel__title\">{{ title() }}</h4>\n              }\n              @case (5) {\n                <h5 class=\"rb-panel__title\">{{ title() }}</h5>\n              }\n              @case (6) {\n                <h6 class=\"rb-panel__title\">{{ title() }}</h6>\n              }\n              @default {\n                <h2 class=\"rb-panel__title\">{{ title() }}</h2>\n              }\n            }\n          }\n          @if (description()) {\n            <p class=\"rb-panel__description\">{{ description() }}</p>\n          }\n        </div>\n        <div class=\"rb-panel__actions\"><ng-content select=\"[rbActions]\" /></div>\n      </header>\n    }\n    <div class=\"rb-panel__body\"><ng-content /></div>\n  `,\n  styleUrl: './panel.scss',\n})\nexport class RbPanelComponent {\n  readonly title = input<string>('');\n  readonly description = input<string>('');\n  readonly variant = input<RbPanelVariant>('default');\n  /** Heading level of the title; follows the document outline, not the visual size. */\n  readonly headingLevel = input<RbHeadingLevel>(2);\n  /** Removes the body padding, for a table or list that runs to the panel's edges. */\n  readonly flush = input(false, { transform: booleanAttribute });\n}\n"],"mappings":";;AA4DA,IAAa,mBAAb,MAAa,iBAAgB;CAClB,QAAQ,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACzB,cAAc,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,UAAU,MAAsB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAE1C,eAAe,MAAsB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEvC,QAAQ,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAPhD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,cAAA;IAAA,qBAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAlCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BT,UAAA;EAAA,QAAA,CAAA,01DAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAGU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EA7C5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAU,iBACH,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,MAC/B;IACJ,OAAO;IAEP,gBAAgB;IAChB,uBAAuB;IACvB,qBAAqB;GACtB;GAAA,UACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BT,QAAA,CAAA,01DAAA;EAAA,CAAA"}

package/fesm2022/rblabs-dev-axiom-public-shell.mjs

@@ -0,0 +1,165 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input, viewChild } from "@angular/core";
+import { RbBrandLockupComponent } from "@rblabs-dev/axiom/brand-lockup";
+import { RbShellFooterComponent } from "@rblabs-dev/axiom/shell-footer";
+import { RbThemeToggleComponent } from "@rblabs-dev/axiom/theme-toggle";
+var RbPublicShellComponent = class RbPublicShellComponent {
+	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
+	homeLink = input("/", ...ngDevMode ? [{ debugName: "homeLink" }] : /* istanbul ignore next */ []);
+	main = viewChild.required("main", ...ngDevMode ? [{ debugName: "main" }] : /* istanbul ignore next */ []);
+	skipToMain(event) {
+		event.preventDefault();
+		this.main().nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbPublicShellComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.3",
+		type: RbPublicShellComponent,
+		isStandalone: true,
+		selector: "rb-public-shell",
+		inputs: {
+			appName: {
+				classPropertyName: "appName",
+				publicName: "appName",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			homeLink: {
+				classPropertyName: "homeLink",
+				publicName: "homeLink",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "rb-public-shell" },
+		viewQueries: [{
+			propertyName: "main",
+			first: true,
+			predicate: ["main"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
+      >Skip to main content</a
+    >
+
+    <header class="rb-public-shell__header">
+      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" />
+      <div class="rb-public-shell__actions">
+        <ng-content select="[rbShellActions]" />
+        <rb-theme-toggle />
+      </div>
+    </header>
+
+    <main #main class="rb-public-shell__main" id="main-content" tabindex="-1">
+      <ng-content />
+    </main>
+
+    <rb-shell-footer [appName]="appName()"><ng-content select="[rbShellFooter]" /></rb-shell-footer>
+  `,
+		isInline: true,
+		styles: ["rb-public-shell{display:flex;flex-direction:column;min-block-size:100dvh;background:radial-gradient(circle at 12% 18%,var(--rb-color-primary-soft),transparent 26rem),radial-gradient(circle at 88% 82%,var(--rb-color-primary-soft),transparent 30rem),var(--rb-color-bg)}rb-public-shell .rb-public-shell__header{display:flex;flex:none;gap:var(--rb-space-4);align-items:center;justify-content:space-between;inline-size:min(100%,var(--rb-size-content-max));min-block-size:var(--rb-size-shell-topbar);margin-inline:auto;padding-inline:var(--rb-space-page)}rb-public-shell .rb-public-shell__actions{display:flex;gap:var(--rb-space-2);align-items:center}rb-public-shell .rb-public-shell__main{display:grid;flex:1 0 auto;align-content:center;justify-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-8) var(--rb-space-page)}rb-public-shell .rb-public-shell__main:focus{outline:none}@media(width<40rem){rb-public-shell .rb-public-shell__main{align-content:start;padding-block:var(--rb-space-4) var(--rb-space-8)}}rb-public-shell rb-shell-footer{flex:none;border-block-start-color:transparent}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: RbBrandLockupComponent,
+				selector: "rb-brand-lockup",
+				inputs: [
+					"appName",
+					"link",
+					"compact"
+				]
+			},
+			{
+				kind: "component",
+				type: RbShellFooterComponent,
+				selector: "rb-shell-footer",
+				inputs: ["appName"]
+			},
+			{
+				kind: "component",
+				type: RbThemeToggleComponent,
+				selector: "rb-theme-toggle"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbPublicShellComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-public-shell",
+			imports: [
+				RbBrandLockupComponent,
+				RbShellFooterComponent,
+				RbThemeToggleComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: { class: "rb-public-shell" },
+			template: `
+    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
+      >Skip to main content</a
+    >
+
+    <header class="rb-public-shell__header">
+      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" />
+      <div class="rb-public-shell__actions">
+        <ng-content select="[rbShellActions]" />
+        <rb-theme-toggle />
+      </div>
+    </header>
+
+    <main #main class="rb-public-shell__main" id="main-content" tabindex="-1">
+      <ng-content />
+    </main>
+
+    <rb-shell-footer [appName]="appName()"><ng-content select="[rbShellFooter]" /></rb-shell-footer>
+  `,
+			styles: ["rb-public-shell{display:flex;flex-direction:column;min-block-size:100dvh;background:radial-gradient(circle at 12% 18%,var(--rb-color-primary-soft),transparent 26rem),radial-gradient(circle at 88% 82%,var(--rb-color-primary-soft),transparent 30rem),var(--rb-color-bg)}rb-public-shell .rb-public-shell__header{display:flex;flex:none;gap:var(--rb-space-4);align-items:center;justify-content:space-between;inline-size:min(100%,var(--rb-size-content-max));min-block-size:var(--rb-size-shell-topbar);margin-inline:auto;padding-inline:var(--rb-space-page)}rb-public-shell .rb-public-shell__actions{display:flex;gap:var(--rb-space-2);align-items:center}rb-public-shell .rb-public-shell__main{display:grid;flex:1 0 auto;align-content:center;justify-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-8) var(--rb-space-page)}rb-public-shell .rb-public-shell__main:focus{outline:none}@media(width<40rem){rb-public-shell .rb-public-shell__main{align-content:start;padding-block:var(--rb-space-4) var(--rb-space-8)}}rb-public-shell rb-shell-footer{flex:none;border-block-start-color:transparent}\n"]
+		}]
+	}],
+	propDecorators: {
+		appName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appName",
+				required: true
+			}]
+		}],
+		homeLink: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "homeLink",
+				required: false
+			}]
+		}],
+		main: [{
+			type: i0.ViewChild,
+			args: ["main", { isSignal: true }]
+		}]
+	}
+});
+export { RbPublicShellComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-public-shell.mjs.map

package/fesm2022/rblabs-dev-axiom-public-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-public-shell.mjs","names":[],"sources":["../../../projects/axiom/public-shell/src/public-shell.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { RbBrandLockupComponent } from '@rblabs-dev/axiom/brand-lockup';\nimport { RbShellFooterComponent } from '@rblabs-dev/axiom/shell-footer';\nimport { RbThemeToggleComponent } from '@rblabs-dev/axiom/theme-toggle';\n\n/**\n * Frame for landing, sign-in and other public pages (docs/design-system.md, section 16.2): skip\n * link, a header with the brand lockup and theme toggle, a centered content area on the brand\n * background, and the standard footer.\n */\n@Component({\n  selector: 'rb-public-shell',\n  imports: [RbBrandLockupComponent, RbShellFooterComponent, RbThemeToggleComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'rb-public-shell' },\n  template: `\n    <a class=\"rb-skip-link\" href=\"#main-content\" (click)=\"skipToMain($event)\"\n      >Skip to main content</a\n    >\n\n    <header class=\"rb-public-shell__header\">\n      <rb-brand-lockup [appName]=\"appName()\" [link]=\"homeLink()\" />\n      <div class=\"rb-public-shell__actions\">\n        <ng-content select=\"[rbShellActions]\" />\n        <rb-theme-toggle />\n      </div>\n    </header>\n\n    <main #main class=\"rb-public-shell__main\" id=\"main-content\" tabindex=\"-1\">\n      <ng-content />\n    </main>\n\n    <rb-shell-footer [appName]=\"appName()\"><ng-content select=\"[rbShellFooter]\" /></rb-shell-footer>\n  `,\n  styleUrl: './public-shell.scss',\n})\nexport class RbPublicShellComponent {\n  /** Shown in the lockup and the footer: `Admin`, `Auth`, `Rover`, `Photogrammetry`… */\n  readonly appName = input.required<string>();\n  /** The lockup's link target, as a `routerLink` value. */\n  readonly homeLink = input<string | readonly unknown[]>('/');\n\n  private readonly main = viewChild.required<ElementRef<HTMLElement>>('main');\n\n  /** See RbAppShellComponent: keeps the skip link on the current route. */\n  protected skipToMain(event: Event): void {\n    event.preventDefault();\n    this.main().nativeElement.focus();\n  }\n}\n"],"mappings":";;;;;AA4CA,IAAa,yBAAb,MAAa,uBAAsB;CAExB,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAElC,WAAW,MAAmC,KAAI,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAE1C,OAAO,UAAU,SAAkC,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGjE,WAAW,OAAY;EAC/B,MAAM,eAAc;EACpB,KAAK,KAAI,CAAE,CAAC,cAAc,MAAK;CACjC;CAZW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAsB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,kBAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,MAAA;GAAA,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UArBvB;;;;;;;;;;;;;;;;;;;EAkBT,UAAA;EAAA,QAAA,CAAA,mnCAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAtBS;IAAsB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAsB,UAAA;IAAA,QAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAsB,UAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAyBrE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EA3BlC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,SAClB;IAAC;IAAwB;IAAwB;GAAsB;GAAC,iBAChE,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,MAC/B,EAAE,OAAO,kBAAiB;GAAE,UACxB;;;;;;;;;;;;;;;;;;;GAkBT,QAAA,CAAA,mnCAAA;EAAA,CAAA;CASmE,CAAA;CAAA,gBAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,QAAM,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}