@rblabs-dev/axiom 1.2.1 → 1.2.3

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

@@ -0,0 +1,73 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from "@angular/core";
+var RbShellFooterComponent = class RbShellFooterComponent {
+	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
+	year = (/* @__PURE__ */ new Date()).getFullYear();
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbShellFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: RbShellFooterComponent,
+		isStandalone: true,
+		selector: "rb-shell-footer",
+		inputs: { appName: {
+			classPropertyName: "appName",
+			publicName: "appName",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: { classAttribute: "rb-shell-footer" },
+		ngImport: i0,
+		template: `
+    <footer class="rb-shell-footer__inner">
+      <p class="rb-shell-footer__copy">© {{ year }} RB Labs · {{ appName() }}</p>
+      <div class="rb-shell-footer__extra"><ng-content /></div>
+    </footer>
+  `,
+		isInline: true,
+		styles: ["@charset \"UTF-8\";rb-shell-footer{display:block;border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-subtle);font:var(--rb-type-body-small)}rb-shell-footer .rb-shell-footer__inner{display:flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-2);align-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-4) var(--rb-space-page)}rb-shell-footer .rb-shell-footer__copy{margin:0}rb-shell-footer .rb-shell-footer__extra{display:inline-flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-3);align-items:center}rb-shell-footer .rb-shell-footer__extra:before{content:\"\\b7\"/\"\"}rb-shell-footer .rb-shell-footer__extra:empty{display:none}rb-shell-footer .rb-shell-footer__extra a{color:inherit;text-decoration:underline;text-underline-offset:.2em}rb-shell-footer .rb-shell-footer__extra a:hover{color:var(--rb-color-text-strong)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbShellFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-shell-footer",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: { class: "rb-shell-footer" },
+			template: `
+    <footer class="rb-shell-footer__inner">
+      <p class="rb-shell-footer__copy">© {{ year }} RB Labs · {{ appName() }}</p>
+      <div class="rb-shell-footer__extra"><ng-content /></div>
+    </footer>
+  `,
+			styles: ["@charset \"UTF-8\";rb-shell-footer{display:block;border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-subtle);font:var(--rb-type-body-small)}rb-shell-footer .rb-shell-footer__inner{display:flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-2);align-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-4) var(--rb-space-page)}rb-shell-footer .rb-shell-footer__copy{margin:0}rb-shell-footer .rb-shell-footer__extra{display:inline-flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-3);align-items:center}rb-shell-footer .rb-shell-footer__extra:before{content:\"\\b7\"/\"\"}rb-shell-footer .rb-shell-footer__extra:empty{display:none}rb-shell-footer .rb-shell-footer__extra a{color:inherit;text-decoration:underline;text-underline-offset:.2em}rb-shell-footer .rb-shell-footer__extra a:hover{color:var(--rb-color-text-strong)}\n"]
+		}]
+	}],
+	propDecorators: { appName: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "appName",
+			required: true
+		}]
+	}] }
+});
+export { RbShellFooterComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-shell-footer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-shell-footer.mjs","names":[],"sources":["../../../projects/axiom/shell-footer/src/shell-footer.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * The standard footer of every shell (docs/design-system.md, section 12.5): \"© <year> RB Labs ·\n * <App name>\", followed on the same line by any projected links or status.\n */\n@Component({\n  selector: 'rb-shell-footer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'rb-shell-footer' },\n  template: `\n    <footer class=\"rb-shell-footer__inner\">\n      <p class=\"rb-shell-footer__copy\">© {{ year }} RB Labs · {{ appName() }}</p>\n      <div class=\"rb-shell-footer__extra\"><ng-content /></div>\n    </footer>\n  `,\n  styleUrl: './shell-footer.scss',\n})\nexport class RbShellFooterComponent {\n  readonly appName = input.required<string>();\n\n  protected readonly year = new Date().getFullYear();\n}\n"],"mappings":";;AAmBA,IAAa,yBAAb,MAAa,uBAAsB;CACxB,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAExB,wBAAO,IAAI,KAAI,EAAE,CAAC,YAAW;CAHrC,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,EAAA,SAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,gBAAA,kBAAA;EAAA,UAAA;EAAA,UARvB;;;;;;EAKT,UAAA;EAAA,QAAA,CAAA,i5BAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAGU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAblC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,iBACV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,MAC/B,EAAE,OAAO,kBAAiB;GAAE,UACxB;;;;;;GAKT,QAAA,CAAA,i5BAAA;EAAA,CAAA"}

package/fesm2022/rblabs-dev-axiom-status-chip.mjs

@@ -0,0 +1,161 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from "@angular/core";
+import { MatIcon } from "@angular/material/icon";
+import { RB_TONE_ICONS } from "@rblabs-dev/axiom/core";
+var RbStatusChipComponent = class RbStatusChipComponent {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	tone = input("neutral", ...ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []);
+	icon = input("", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	resolvedIcon = computed(() => this.icon() || RB_TONE_ICONS[this.tone()], ...ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbStatusChipComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RbStatusChipComponent,
+		isStandalone: true,
+		selector: "rb-status-chip",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tone: {
+				classPropertyName: "tone",
+				publicName: "tone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-tone": "tone()",
+				"attr.data-size": "size()"
+			},
+			classAttribute: "rb-status-chip"
+		},
+		ngImport: i0,
+		template: `
+    @if (resolvedIcon(); as icon) {
+      <mat-icon
+        class="rb-status-chip__icon"
+        fontSet="material-symbols-outlined"
+        aria-hidden="true"
+        >{{ icon }}</mat-icon
+      >
+    }
+    <span class="rb-status-chip__label">{{ label() }}</span>
+  `,
+		isInline: true,
+		styles: ["rb-status-chip{display:inline-flex;gap:var(--rb-space-1);align-items:center;max-width:100%;min-height:var(--rb-size-control-height-sm);padding:0 var(--rb-space-3);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-full);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text-muted);font:var(--rb-type-label-medium);letter-spacing:var(--rb-type-label-medium-tracking);vertical-align:middle;white-space:nowrap}rb-status-chip[data-size=compact]{min-height:var(--rb-space-6);padding:0 var(--rb-space-2)}rb-status-chip .rb-status-chip__icon{flex:none;width:var(--rb-size-icon-sm);height:var(--rb-size-icon-sm);font-size:var(--rb-size-icon-sm)}rb-status-chip .rb-status-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}rb-status-chip[data-tone=active]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-status-chip[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-status-chip[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-status-chip[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);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: RbStatusChipComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-status-chip",
+			imports: [MatIcon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "rb-status-chip",
+				"[attr.data-tone]": "tone()",
+				"[attr.data-size]": "size()"
+			},
+			template: `
+    @if (resolvedIcon(); as icon) {
+      <mat-icon
+        class="rb-status-chip__icon"
+        fontSet="material-symbols-outlined"
+        aria-hidden="true"
+        >{{ icon }}</mat-icon
+      >
+    }
+    <span class="rb-status-chip__label">{{ label() }}</span>
+  `,
+			styles: ["rb-status-chip{display:inline-flex;gap:var(--rb-space-1);align-items:center;max-width:100%;min-height:var(--rb-size-control-height-sm);padding:0 var(--rb-space-3);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-full);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text-muted);font:var(--rb-type-label-medium);letter-spacing:var(--rb-type-label-medium-tracking);vertical-align:middle;white-space:nowrap}rb-status-chip[data-size=compact]{min-height:var(--rb-space-6);padding:0 var(--rb-space-2)}rb-status-chip .rb-status-chip__icon{flex:none;width:var(--rb-size-icon-sm);height:var(--rb-size-icon-sm);font-size:var(--rb-size-icon-sm)}rb-status-chip .rb-status-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}rb-status-chip[data-tone=active]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-status-chip[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-status-chip[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-status-chip[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		tone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tone",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}]
+	}
+});
+export { RbStatusChipComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-status-chip.mjs.map

package/fesm2022/rblabs-dev-axiom-status-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-status-chip.mjs","names":[],"sources":["../../../projects/axiom/status-chip/src/status-chip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { RB_TONE_ICONS, RbStatusTone } from '@rblabs-dev/axiom/core';\n\nexport type RbStatusChipSize = 'default' | 'compact';\n\n/**\n * Read-only status label (docs/design-system.md, section 15.5). The label is always visible and\n * every non-neutral tone has an icon, so the state is never carried by color alone. It is not\n * interactive and not a live region: announce changes through `rb-message` or a status region.\n */\n@Component({\n  selector: 'rb-status-chip',\n  imports: [MatIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'rb-status-chip',\n    '[attr.data-tone]': 'tone()',\n    '[attr.data-size]': 'size()',\n  },\n  template: `\n    @if (resolvedIcon(); as icon) {\n      <mat-icon\n        class=\"rb-status-chip__icon\"\n        fontSet=\"material-symbols-outlined\"\n        aria-hidden=\"true\"\n        >{{ icon }}</mat-icon\n      >\n    }\n    <span class=\"rb-status-chip__label\">{{ label() }}</span>\n  `,\n  styleUrl: './status-chip.scss',\n})\nexport class RbStatusChipComponent {\n  readonly label = input.required<string>();\n  readonly tone = input<RbStatusTone>('neutral');\n  /** Overrides the tone's default icon. */\n  readonly icon = input<string>('');\n  /** `compact` fits a single table row line. */\n  readonly size = input<RbStatusChipSize>('default');\n\n  protected readonly resolvedIcon = computed(() => this.icon() || RB_TONE_ICONS[this.tone()]);\n}\n"],"mappings":";;;;AAwCA,IAAa,wBAAb,MAAa,sBAAqB;CACvB,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,OAAO,MAAoB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAErC,OAAO,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAExB,OAAO,MAAwB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAE/B,eAAe,eAAe,KAAK,KAAI,KAAM,cAAc,KAAK,KAAI,IAAI,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CARhF,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,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,kBAAA;IAAA,kBAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAbtB;;;;;;;;;;;EAUT,UAAA;EAAA,QAAA,CAAA,21CAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAlBS;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;;AAqBN,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAvBjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,SACjB,CAAC,OAAO;GAAC,iBACD,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,MAC/B;IACJ,OAAO;IACP,oBAAoB;IACpB,oBAAoB;GACrB;GAAA,UACS;;;;;;;;;;;GAUT,QAAA,CAAA,21CAAA;EAAA,CAAA"}

package/fesm2022/rblabs-dev-axiom-technical-value.mjs

@@ -0,0 +1,173 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, inject, input, signal, viewChild } from "@angular/core";
+import { MatTooltip } from "@angular/material/tooltip";
+var RbTechnicalValueComponent = class RbTechnicalValueComponent {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	displayValue = input("", ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
+	host = inject(ElementRef);
+	destroyRef = inject(DestroyRef);
+	text = viewChild.required("text", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	truncated = signal(false, ...ngDevMode ? [{ debugName: "truncated" }] : /* istanbul ignore next */ []);
+	shownValue = computed(() => this.displayValue() || this.value(), ...ngDevMode ? [{ debugName: "shownValue" }] : /* istanbul ignore next */ []);
+	shortened = computed(() => this.shownValue() !== this.value(), ...ngDevMode ? [{ debugName: "shortened" }] : /* istanbul ignore next */ []);
+	tooltipEnabled = computed(() => this.value() !== "" && (this.shortened() || this.truncated()), ...ngDevMode ? [{ debugName: "tooltipEnabled" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect({ read: () => {
+			this.shownValue();
+			this.measure();
+		} });
+		afterNextRender(() => {
+			if (typeof ResizeObserver === "undefined") return;
+			const observer = new ResizeObserver(() => this.measure());
+			observer.observe(this.text().nativeElement);
+			this.destroyRef.onDestroy(() => observer.disconnect());
+		});
+	}
+	copyFullValue(event) {
+		if (!this.shortened() || !event.clipboardData) return;
+		const selection = this.host.nativeElement.ownerDocument.getSelection();
+		const host = this.host.nativeElement;
+		if (!selection || !host.contains(selection.anchorNode) || !host.contains(selection.focusNode)) return;
+		event.clipboardData.setData("text/plain", this.value());
+		event.preventDefault();
+	}
+	measure() {
+		const element = this.text().nativeElement;
+		this.truncated.set(element.scrollWidth > element.clientWidth);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbTechnicalValueComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RbTechnicalValueComponent,
+		isStandalone: true,
+		selector: "rb-technical-value",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			displayValue: {
+				classPropertyName: "displayValue",
+				publicName: "displayValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: { "copy": "copyFullValue($event)" },
+			classAttribute: "rb-technical-value"
+		},
+		viewQueries: [{
+			propertyName: "text",
+			first: true,
+			predicate: ["text"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <span
+      #text
+      class="rb-technical-value__text"
+      [matTooltip]="value()"
+      [matTooltipDisabled]="!tooltipEnabled()"
+      [attr.aria-hidden]="shortened() ? 'true' : null"
+      >{{ shownValue() }}</span
+    >
+    @if (shortened()) {
+      <span class="rb-visually-hidden">{{ value() }}</span>
+    }
+  `,
+		isInline: true,
+		styles: ["rb-technical-value{display:block;min-width:0;max-width:100%}rb-technical-value .rb-technical-value__text{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;font-family:var(--rb-font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: MatTooltip,
+			selector: "[matTooltip]",
+			inputs: [
+				"matTooltipPosition",
+				"matTooltipPositionAtOrigin",
+				"matTooltipDisabled",
+				"matTooltipShowDelay",
+				"matTooltipHideDelay",
+				"matTooltipTouchGestures",
+				"matTooltip",
+				"matTooltipClass"
+			],
+			exportAs: ["matTooltip"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbTechnicalValueComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-technical-value",
+			imports: [MatTooltip],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "rb-technical-value",
+				"(copy)": "copyFullValue($event)"
+			},
+			template: `
+    <span
+      #text
+      class="rb-technical-value__text"
+      [matTooltip]="value()"
+      [matTooltipDisabled]="!tooltipEnabled()"
+      [attr.aria-hidden]="shortened() ? 'true' : null"
+      >{{ shownValue() }}</span
+    >
+    @if (shortened()) {
+      <span class="rb-visually-hidden">{{ value() }}</span>
+    }
+  `,
+			styles: ["rb-technical-value{display:block;min-width:0;max-width:100%}rb-technical-value .rb-technical-value__text{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;font-family:var(--rb-font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		displayValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "displayValue",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.ViewChild,
+			args: ["text", { isSignal: true }]
+		}]
+	}
+});
+export { RbTechnicalValueComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-technical-value.mjs.map

package/fesm2022/rblabs-dev-axiom-technical-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-technical-value.mjs","names":[],"sources":["../../../projects/axiom/technical-value/src/technical-value.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ViewEncapsulation,\n  afterNextRender,\n  afterRenderEffect,\n  computed,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n/**\n * Identifier, key, hash or path in monospace on one line (docs/design-system.md, section 15.6).\n * A value that does not fit is truncated with an ellipsis and the full value appears in a tooltip.\n * Screen readers and copying always get the full value, even when `displayValue` shortens it.\n */\n@Component({\n  selector: 'rb-technical-value',\n  imports: [MatTooltip],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'rb-technical-value',\n    '(copy)': 'copyFullValue($event)',\n  },\n  template: `\n    <span\n      #text\n      class=\"rb-technical-value__text\"\n      [matTooltip]=\"value()\"\n      [matTooltipDisabled]=\"!tooltipEnabled()\"\n      [attr.aria-hidden]=\"shortened() ? 'true' : null\"\n      >{{ shownValue() }}</span\n    >\n    @if (shortened()) {\n      <span class=\"rb-visually-hidden\">{{ value() }}</span>\n    }\n  `,\n  styleUrl: './technical-value.scss',\n})\nexport class RbTechnicalValueComponent {\n  readonly value = input.required<string>();\n  /** Shorter text to show instead of the value, such as the first characters of a hash. */\n  readonly displayValue = input<string>('');\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly text = viewChild.required<ElementRef<HTMLElement>>('text');\n  private readonly truncated = signal(false);\n\n  protected readonly shownValue = computed(() => this.displayValue() || this.value());\n  protected readonly shortened = computed(() => this.shownValue() !== this.value());\n  protected readonly tooltipEnabled = computed(\n    () => this.value() !== '' && (this.shortened() || this.truncated()),\n  );\n\n  constructor() {\n    // Re-measured whenever the text changes and whenever the element is resized.\n    afterRenderEffect({\n      read: () => {\n        this.shownValue();\n        this.measure();\n      },\n    });\n\n    afterNextRender(() => {\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(() => this.measure());\n      observer.observe(this.text().nativeElement);\n      this.destroyRef.onDestroy(() => observer.disconnect());\n    });\n  }\n\n  /** Copying a selection inside the component copies the full value, not the shortened text. */\n  protected copyFullValue(event: ClipboardEvent): void {\n    if (!this.shortened() || !event.clipboardData) return;\n    const selection = this.host.nativeElement.ownerDocument.getSelection();\n    const host = this.host.nativeElement;\n    if (!selection || !host.contains(selection.anchorNode) || !host.contains(selection.focusNode))\n      return;\n    event.clipboardData.setData('text/plain', this.value());\n    event.preventDefault();\n  }\n\n  private measure(): void {\n    const element = this.text().nativeElement;\n    this.truncated.set(element.scrollWidth > element.clientWidth);\n  }\n}\n"],"mappings":"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"}

package/fesm2022/rblabs-dev-axiom-theme-toggle.mjs

@@ -0,0 +1,117 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, inject } from "@angular/core";
+import { MatIconButton } from "@angular/material/button";
+import { MatIcon } from "@angular/material/icon";
+import { MatTooltip } from "@angular/material/tooltip";
+import { ThemeService } from "@rblabs-dev/axiom/core";
+var RbThemeToggleComponent = class RbThemeToggleComponent {
+	theme = inject(ThemeService);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RbThemeToggleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RbThemeToggleComponent,
+		isStandalone: true,
+		selector: "rb-theme-toggle",
+		ngImport: i0,
+		template: `
+    @if (!theme.isForced()) {
+      <button
+        mat-icon-button
+        type="button"
+        class="rb-theme-toggle"
+        aria-label="Dark theme"
+        matTooltip="Dark theme"
+        [attr.aria-pressed]="theme.isDark()"
+        (click)="theme.toggle()"
+      >
+        <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">dark_mode</mat-icon>
+      </button>
+    }
+  `,
+		isInline: true,
+		styles: [":host{display:inline-flex}.rb-theme-toggle[aria-pressed=true]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: MatIconButton,
+				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "component",
+				type: MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RbThemeToggleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rb-theme-toggle",
+			imports: [
+				MatIconButton,
+				MatIcon,
+				MatTooltip
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    @if (!theme.isForced()) {
+      <button
+        mat-icon-button
+        type="button"
+        class="rb-theme-toggle"
+        aria-label="Dark theme"
+        matTooltip="Dark theme"
+        [attr.aria-pressed]="theme.isDark()"
+        (click)="theme.toggle()"
+      >
+        <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">dark_mode</mat-icon>
+      </button>
+    }
+  `,
+			styles: [":host{display:inline-flex}.rb-theme-toggle[aria-pressed=true]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}\n"]
+		}]
+	}]
+});
+export { RbThemeToggleComponent };
+
+//# sourceMappingURL=rblabs-dev-axiom-theme-toggle.mjs.map

package/fesm2022/rblabs-dev-axiom-theme-toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rblabs-dev-axiom-theme-toggle.mjs","names":[],"sources":["../../../projects/axiom/theme-toggle/src/theme-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { ThemeService } from '@rblabs-dev/axiom/core';\n\n/**\n * Light/dark switch for the app shell (docs/design-system.md, section 11). The accessible name stays\n * \"Dark theme\" and `aria-pressed` carries the state, so the label never rewrites itself into the\n * opposite action. Renders nothing while the app forces a theme.\n */\n@Component({\n  selector: 'rb-theme-toggle',\n  imports: [MatIconButton, MatIcon, MatTooltip],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (!theme.isForced()) {\n      <button\n        mat-icon-button\n        type=\"button\"\n        class=\"rb-theme-toggle\"\n        aria-label=\"Dark theme\"\n        matTooltip=\"Dark theme\"\n        [attr.aria-pressed]=\"theme.isDark()\"\n        (click)=\"theme.toggle()\"\n      >\n        <mat-icon fontSet=\"material-symbols-outlined\" aria-hidden=\"true\">dark_mode</mat-icon>\n      </button>\n    }\n  `,\n  styles: `\n    :host {\n      display: inline-flex;\n    }\n\n    .rb-theme-toggle[aria-pressed='true'] {\n      background-color: var(--rb-color-primary-soft);\n      color: var(--rb-color-on-primary-soft);\n    }\n  `,\n})\nexport class RbThemeToggleComponent {\n  protected readonly theme = inject(ThemeService);\n}\n"],"mappings":";;;;;;AAyCA,IAAa,yBAAb,MAAa,uBAAsB;CACd,QAAQ,OAAO,YAAY;CADnC,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,UAAA;EAAA,UA1BvB;;;;;;;;;;;;;;;EAcT,UAAA;EAAA,QAAA,CAAA,sJAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAhBS;IAAa,UAAA;IAAA,UAAA,CAAA,aAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAO,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,YAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AA4BjC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EA9BlC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,SAClB;IAAC;IAAe;IAAS;GAAU;GAAC,iBAC5B,wBAAwB;GAAM,UACrC;;;;;;;;;;;;;;;GAcT,QAAA,CAAA,sJAAA;EAAA,CAAA"}